ゴールド・エクスペリエンス（Gold Experience）

1

2012/05/26 ©Kazumichi Sakata

ウェブデザイン講座#BooklapDesign

ゴールド・エクスペリエンス

2

坂田一倫 UXデザイナー／楽天株式会社 UXアドバイザー／giftee 人間中心設計専門家 ShibuyaUX 主宰

©Rakuten, Inc.


sprmari0

kazumichisakata

kazumichi.sakata[at]…

http://www.twitter.com/sprmari0

http://www.slideshare.net/kazumichisakata

mailto:[email protected]

選考

・3Dプログラミング・プロダクトデザイン

すべての人にとって使いやすいプロダクトとはなんだろう？

3


すべての人にとって使いやすいプロダクトとはなんだろう？

4


ユニバーサル・デザイン

高齢者や障害者に焦点をあてることによって、最大限可能な限りすべての人に使いやすいデザインを可能にする。

ユニバーサル・デザインのプロダクトは世の中に沢山ある。

5


6


すべての人に、という考えは非合理的

誰にとっても使いやすいプロダクトを目指せば、結果として誰にとっても使いにくいプロダクトになってしまう。


7

″よい概念モデルがあると、私たちは自分の行為の結果を予測できるようになる。良いモデルが無いときには、機械的にやみくもに操作しなくてはならなくなる。″ 誰のためのデザイン？

誰のために？そして何のために？

8

人間中心設計 HCD


©HCD-Net

9


利用者の立場にたって製品を設計すべきである

利用に際してのわかりにくさを排除（ユーザビリティの強化）しようという点に中心が置かれている。

1986年にアメリカでドナルド・ノーマン博士が提唱。


10

″よい概念モデルがあると、私たちは自分の行為の結果を予測できるようになる。良いモデルが無いときには、機械的にやみくもに操作しなくてはならなくなる。″

ソフトウェアやハードウェアのプロセス／設計規格を体系化。

ISO 13407

XPとは新しいユーザーエクスペリエンス。

11


ISO 13407が見直され、ISO 92401-210に統合、制定。

12


2010年

UXの用語が定義され、HCDによる設計が達成すべき目標として位置づけられる。

13

ユーザーエクスペリエンス UX


14


ユーザーエクスペリエンス (UX) ″ユーザーと「会社、会社のサービス、商品」の相互作用の全ての側面を含む。第一の要件は、混乱や面倒なしで顧客の的確なニーズを満たす事。第二の要件は、所有する楽しさ、使用する楽しさを生み出す「簡潔さと優雅さ」である。″

「モノ」のデザインから「コト」のデザインへ。

15

世界一のUXデザイナー。


©Disney Wiki

リアルから学ぶ

・第一印象を大事にする。・顧客にフォーカスする。・細かいディテールにまで注意を払う。・顧客のニーズを超える。・世界に想像力がある限り、ディズニーランドは永遠に完成しない。

16


あなたはいま、スターバックスにいます。

17


ユーザーの一連の体験をデザインすることができたなら？

©Little Springs Design

ユーザーエクスペリエンス・マップ

無機質なユーザーにストーリーを加え、視覚化しマッピングしたもの。

18

ウェブとユーザーエクスペリエンス WEBUX


19


ユーザーエクスペリエンスをデザインするための5つのレイヤー。

デザインはグラフィックのみではない。

ビジュアル・デザインナビゲーションデザイン画面設計インタラクション・デザイン情報構造機能仕様コンテンツ要件ユーザのニーズサイトの目的

ユーザーエクスペリエンスのハニカム構造。

20


©Semantic Studios

ユーザビリティは一部でしかない。

役に立つ（Useful）好ましい（Desirable）アクセスしやすい（Accessible）信頼できる（Credible）探しやすい（Findable）使いやすい（Usable）価値がある（Valuable）

プロダクト

UX

UI

サーバー

21

インターフェースとユーザーエクスペリエンス。


22


人間中心設計(再び） HCD

23

なぜHCD？

・チームメンバー全員を受け入れてくれる。・優先順位の設定が可能になる。・客観的な意思決定が可能になる。・継続的な改善を促す。・ペルソナが共通言語になる。

ユーザーをチームの、サービスの中心に置いて考える。


24

これからのUX Future 2012/05/26 ©Kazumichi Sakata

25


Cross Channel (クロスチャネル)

チャネルを横断しながら自社サイトへとユーザーを集め、全体のユーザーエクスペリエンスを提供する。

26


Channel（チャネル）ウェブソーシャル・メディアメール電話プリント Device（デバイス）デスクトップラップトップモバイルタブレットテレビ

Platform（プラットフォーム）ウェブ iOS Android Mac OS X MS Windows Media（メディア）本新聞雑誌ビデオオーディオポスター

Context（コンテキスト）自宅仕事散歩ドライブショッピング

Touchpoint（タッチポイント分類）

©Peter Morville

27


©Boston Globe

Responsive Design (レスポンシブ・デザイン)

ウィンドウサイズに合わせて、自動的にページのデザインを最適化する技術。

28


ユーザーエクスペリエンスは我々全員が考えるべきテーマ。


29

″似ている。君とぼくの「ゴールド・エクスペリエンス」とても似ている。何かを作るという点で。″－ジョルノ