Upload
takashi-sakamoto
View
108
Download
4
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
ユーザーエクスペリエンスを最適化するためのプロジェクトデザイン
坂本貴史bookslope
1
ディレクター/インフォメーションアーキテクト
ネットイヤーグループ
自己紹介
2
http://www.netyear.net/
ネットイヤーグループ株式会社
3
http://www.netyear.net/
ネットイヤーグループ株式会社
1.マーケティング戦略コンサルティング2.サイトガバナンスコンサルティング3.ウェブサイト設計・構築・運用4.インタラクティブコンテンツ制作5.プロモーション&マーケティングオペレーション6.ウェブソリューション開発7.ログ解析
4
目次
•大規模案件でのプロセス•基本的なプロジェクト体制•必要なスキル
5
大規模案件でのプロセス
6
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
http://www.library.nd.edu/daiad/morgan/musings/rosenfeld-wodtke/index.shtml
What is information architecture?
8
プロジェクト計画•プロジェクト概要•プロジェクトスコープ•前提条件•リスク管理•スケジュール•主要マイルストーン•プロジェクト体制•プロジェクト予算
事例サンプル(ネットイヤーグループ株式会社)
12
基本的なプロジェクト体制
16
http://www.adaptivepath.com/publications/essays/archives/000242.php
adaptive path ≫ the nine pillars of successful web teams
17
http://www.adaptivepath.com/publications/essays/archives/000242.php
adaptive path ≫ the nine pillars of successful web teams
Strategy
•ビジネス要件の整理•サイトコンセプト•サイトの目的•テーマと施策•サイトにおけるビジネスニーズ•ターゲットユーザーの確認
•ユーザーに与えたい体験 •ブランド要素の整理と表現方法•サイト概念図•ハイレベルサイトストラクチャ•コンテンツプラン
18
プロデューサー
アートディレクター
プロジェクトマネージャー
インフォメーションアーキテクト
テクニカルディレクター プランナー/ライター
ネットイヤーグループの場合
http://www.adaptivepath.com/publications/essays/archives/000242.php
adaptive path ≫ the nine pillars of successful web teams
19
必要なスキル
22
http://iainstitute.org/ja/translations/000305.html
IAI in Japanese | IA再考
23
Big IA
Little IA
http://iainstitute.org/ja/translations/000305.html
IAI in Japanese | IA再考
24
Big IA
事業戦略、情報デザイン、ユーザーリサーチ、インタラクションデザイン、要件定義……。オーケストラの指揮者か映画監督。
http://iainstitute.org/ja/translations/000305.html
IAI in Japanese | IA再考
25
Little IA
コンテンツ構成と情報空間の構築。メタデータの分野および管理された用語の定義のような上流工程。
http://iainstitute.org/ja/translations/000305.html
IAI in Japanese | IA再考
26
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
[BEEP]: T-model: Big IA is now UX
27
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
[BEEP]: T-model: Big IA is now UX
28
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
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
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
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
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
[BEEP]: T-model: Big IA is now UX
33
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
[BEEP]: T-model: Big IA is now UX
重複部分
34
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
http://www.7nights.com/asterisk/archives05/2005/05/web-design-skills-your-take
Web Design Skills: Your Take : D. Keith Robinson's Asterisk
36
必要なスキル
•一般的なコミュニケーション•対人コミュニケーション•問題解決•忍耐•適応性
•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
Thank U
38