+ All Categories
Home > Design > "Project Design for Optimaizing User Experience" 20070927

"Project Design for Optimaizing User Experience" 20070927

Date post: 27-Jan-2015
Category:
Upload: takashi-sakamoto
View: 108 times
Download: 4 times
Share this document with a friend
Description:
 
Popular Tags:
38
ユーザーエクスペリエンス 最適化 するための プロジェクト デザイン 坂本貴史 bookslope 1
Transcript
Page 1: "Project Design for Optimaizing User Experience" 20070927

ユーザーエクスペリエンスを最適化するためのプロジェクトデザイン

坂本貴史bookslope

1

Page 2: "Project Design for Optimaizing User Experience" 20070927

ディレクター/インフォメーションアーキテクト

ネットイヤーグループ

自己紹介

2

Page 3: "Project Design for Optimaizing User Experience" 20070927

http://www.netyear.net/

ネットイヤーグループ株式会社

3

Page 4: "Project Design for Optimaizing User Experience" 20070927

http://www.netyear.net/

ネットイヤーグループ株式会社

1.マーケティング戦略コンサルティング2.サイトガバナンスコンサルティング3.ウェブサイト設計・構築・運用4.インタラクティブコンテンツ制作5.プロモーション&マーケティングオペレーション6.ウェブソリューション開発7.ログ解析

4

Page 5: "Project Design for Optimaizing User Experience" 20070927

目次

•大規模案件でのプロセス•基本的なプロジェクト体制•必要なスキル

5

Page 6: "Project Design for Optimaizing User Experience" 20070927

大規模案件でのプロセス

6

Page 7: "Project Design for Optimaizing User Experience" 20070927

The Elements of User ExperienceA basic duality: The Web was originally conceived as a hypertextual information space;but the development of increasingly sophisticated front- and back-end technologies hasfostered its use as a remote software interface. This dual nature has led to much confusion,as user experience practitioners have attempted to adapt their terminology to cases beyondthe scope of its original application. The goal of this document is to define some of theseterms within their appropriate contexts, and to clarify the underlying relationships amongthese various elements.

Jesse James [email protected]

Visual Design: graphic treatment of interfaceelements (the "look" in "look-and-feel")

Information Architecture: structural designof the information space to facilitateintuitive access to content

Interaction Design: development ofapplication flows to facilitate user tasks,defining how the user interacts withsite functionality

Navigation Design: design of interfaceelements to facilitate the user's movementthrough the information architectureInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding

Functional Specifications: "feature set":detailed descriptions of functionality the sitemust include in order to meet user needs

User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site

Content Requirements: definition ofcontent elements required in the sitein order to meet user needs

Interface Design: as in traditional HCI:design of interface elements to facilitateuser interaction with functionalityInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding

Web as software interface Web as hypertext system

Visual Design: visual treatment of text,graphic page elements and navigationalcomponents

Concrete

Abstracttim

eConception

Completion

FunctionalSpecifications

ContentRequirements

InteractionDesign

InformationArchitecture

Visual Design

Information DesignInterface Design Navigation Design

Site ObjectivesUser Needs

User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site

This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development)that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within auser experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today.

task-oriented information-oriented

30 March 2000

© 2000 Jesse James Garrett http://www.jjg.net/ia/

7

Page 8: "Project Design for Optimaizing User Experience" 20070927

http://www.library.nd.edu/daiad/morgan/musings/rosenfeld-wodtke/index.shtml

What is information architecture?

8

Page 9: "Project Design for Optimaizing User Experience" 20070927

事例サンプル(ネットイヤーグループ株式会社)

9

Page 10: "Project Design for Optimaizing User Experience" 20070927

事例サンプル(ネットイヤーグループ株式会社)

10

Page 11: "Project Design for Optimaizing User Experience" 20070927

事例サンプル(ネットイヤーグループ株式会社)

11

Page 12: "Project Design for Optimaizing User Experience" 20070927

プロジェクト計画•プロジェクト概要•プロジェクトスコープ•前提条件•リスク管理•スケジュール•主要マイルストーン•プロジェクト体制•プロジェクト予算

事例サンプル(ネットイヤーグループ株式会社)

12

Page 13: "Project Design for Optimaizing User Experience" 20070927

事例サンプル(ネットイヤーグループ株式会社)

リスク管理表

13

Page 14: "Project Design for Optimaizing User Experience" 20070927

事例サンプル(ネットイヤーグループ株式会社)

イシュー管理表

14

Page 15: "Project Design for Optimaizing User Experience" 20070927

事例サンプル(ネットイヤーグループ株式会社)

年間スケジュール

15

Page 16: "Project Design for Optimaizing User Experience" 20070927

基本的なプロジェクト体制

16

Page 17: "Project Design for Optimaizing User Experience" 20070927

http://www.adaptivepath.com/publications/essays/archives/000242.php

adaptive path ≫ the nine pillars of successful web teams

17

Page 18: "Project Design for Optimaizing User Experience" 20070927

http://www.adaptivepath.com/publications/essays/archives/000242.php

adaptive path ≫ the nine pillars of successful web teams

Strategy

•ビジネス要件の整理•サイトコンセプト•サイトの目的•テーマと施策•サイトにおけるビジネスニーズ•ターゲットユーザーの確認

•ユーザーに与えたい体験 •ブランド要素の整理と表現方法•サイト概念図•ハイレベルサイトストラクチャ•コンテンツプラン

18

Page 19: "Project Design for Optimaizing User Experience" 20070927

プロデューサー

アートディレクター

プロジェクトマネージャー

インフォメーションアーキテクト

テクニカルディレクター プランナー/ライター

ネットイヤーグループの場合

http://www.adaptivepath.com/publications/essays/archives/000242.php

adaptive path ≫ the nine pillars of successful web teams

19

Page 20: "Project Design for Optimaizing User Experience" 20070927

事例サンプル(ネットイヤーグループ株式会社)

20

Page 21: "Project Design for Optimaizing User Experience" 20070927

事例サンプル(ネットイヤーグループ株式会社)

21

Page 22: "Project Design for Optimaizing User Experience" 20070927

必要なスキル

22

Page 23: "Project Design for Optimaizing User Experience" 20070927

http://iainstitute.org/ja/translations/000305.html

IAI in Japanese | IA再考

23

Page 24: "Project Design for Optimaizing User Experience" 20070927

Big IA

Little IA

http://iainstitute.org/ja/translations/000305.html

IAI in Japanese | IA再考

24

Page 25: "Project Design for Optimaizing User Experience" 20070927

Big IA

事業戦略、情報デザイン、ユーザーリサーチ、インタラクションデザイン、要件定義……。オーケストラの指揮者か映画監督。

http://iainstitute.org/ja/translations/000305.html

IAI in Japanese | IA再考

25

Page 26: "Project Design for Optimaizing User Experience" 20070927

Little IA

コンテンツ構成と情報空間の構築。メタデータの分野および管理された用語の定義のような上流工程。

http://iainstitute.org/ja/translations/000305.html

IAI in Japanese | IA再考

26

Page 27: "Project Design for Optimaizing User Experience" 20070927

http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html

[BEEP]: T-model: Big IA is now UX

27

Page 28: "Project Design for Optimaizing User Experience" 20070927

http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html

[BEEP]: T-model: Big IA is now UX

28

Page 29: "Project Design for Optimaizing User Experience" 20070927

http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html

[BEEP]: T-model: Big IA is now UX

関連する領域の幅

Related    Fields

29

Page 30: "Project Design for Optimaizing User Experience" 20070927

http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html

[BEEP]: T-model: Big IA is now UX

IA

IAの専門領域の深さ

30

Page 31: "Project Design for Optimaizing User Experience" 20070927

http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html

[BEEP]: T-model: Big IA is now UX

IA

重複部分

Related    Fields

31

Page 32: "Project Design for Optimaizing User Experience" 20070927

http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html

[BEEP]: T-model: Big IA is now UX

ユーザー体験(UX)の幅

UX

32

Page 33: "Project Design for Optimaizing User Experience" 20070927

http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html

[BEEP]: T-model: Big IA is now UX

33

Page 34: "Project Design for Optimaizing User Experience" 20070927

http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html

[BEEP]: T-model: Big IA is now UX

重複部分

34

Page 35: "Project Design for Optimaizing User Experience" 20070927

http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html

[BEEP]: T-model: Big IA is now UX

UXとは

•さまざまな分野の専門範囲は必要•専門性としての深さは経験をともなう

•重複部分の知識・経験が重要となる

35

Page 36: "Project Design for Optimaizing User Experience" 20070927

http://www.7nights.com/asterisk/archives05/2005/05/web-design-skills-your-take

Web Design Skills: Your Take : D. Keith Robinson's Asterisk

36

Page 37: "Project Design for Optimaizing User Experience" 20070927

必要なスキル

•一般的なコミュニケーション•対人コミュニケーション•問題解決•忍耐•適応性

•Web情報アーキテクチャ•ビジュアルデザイン•プログラミング•開発•ライティング•プロジェクトマネージメント

http://www.7nights.com/asterisk/archives05/2005/05/web-design-skills-your-take

Web Design Skills: Your Take : D. Keith Robinson's Asterisk

37

Page 38: "Project Design for Optimaizing User Experience" 20070927

Thank U

38


Recommended