Learn basics of UX Design

by NASA Goddard Space Flight Center
Learnbasicsof UXDesign
坂本貴史
2015.02.25

グラフィックデザイナー出身
ネットイヤーグループ参画
HCD-Net 評議員
OpenUM プロジェクト発足
寄稿・講演多数
著書『IAシンキング』ほか
坂本貴史
@bookslope

637Gbps
121Tbps
2006
2025
2010
2015
2020
ネット情報流通量（予想）経済産業省

情報は少ないほどきちんと処理される
読むことと理解することは同じではない
一度に覚えられるのは4つだけ
目標に近づくほど「ヤル気」が出る
データより物語のほうが説得力がある

手続きメニュー
カード挿入口
通帳挿入口
紙幣挿入口
営業時間
お知らせ
電卓
注意
注意
注意
注意
問い合わせ先

ユーザビリティテストで問題点を抽出し修正すること (治療)に
依存しすぎるのではなく、設計/開発の段階でユーザビリティ
上の問題をあらかじめ潰しておくこと (予防) が大事
Rolf Molich, Usability testing myths
“
“

シーンレンズプロセス

具現化
表層
骨格
構造
要件
戦略
ビジュアルデザイン
ナビゲーション 
デザイン
インタラクション 
デザイン
機能仕様
インターフェース 
デザイン
情報デザイン
コンテンツ要求
情報アーキテクチャ
ユーザーニーズ
サイトの目的

戦略策定インターフェース
アクティビティインタラクションサービス
シナリオ

インターフェース
インタラクション

シナリオ
アクティビティ

How it looks How it works
どう機能するかどう見えるか

インサイトソリューション
どこでも仕事がしたい
支払いを手早くしたい
心地良く過ごしたいアロマの香り
Wi-Fi 環境
クレジットカード支払い

利用状況の理解
デザインの作成
要求の明確化評価、再検証
1
2
3
4 HCD Process
ユーザーテストペルソナ/シナリオ
インタビュー
プロトタイピング

D2C, マルチデバイス利用動向調査, 2013/05
情報をじっくり調べる時
10%
9%
82%

D2C, マルチデバイス利用動向調査, 2013/05
外出先や移動中での利用
9%
4%
87%

1　　2　　3　　4　　5　　6　　7　　8　　9　　10　　11　　12　　1　　2　　3　　4　　5　　6　　7　　8　　9　　10　　11　　12
Pocket Trend, January 12th, 2011
Is Mobile Affecting When We Read?

そのシーンに求められるもの
タッチポイント

ジャーニーマップ
by Jacopo Romei

ステージ
メディア・チャンネル
行動・タッチポイント
場所・環境
感情
ジャーニーマップ

店の入口で待つ
待ち時間が長そう…
店の入口

列に並ぶ
何にしようかな
レジ前の列

ディスプレイを見る
ディスプレイの商品名が見えない…
レジの直前

お会計をする
これ飲みたい!
レジ

店の入口で待つ
待ち時間が長そう…
店の入口
列に並ぶ
何にしようかな
レジ前の列
ディスプレイを見る
商品名が読めない…
レジの直前
お会計をする
これ飲みたい!
レジ
ジャーニーマッピング

ジャーニーからタッチポイントをデザインする

一方向性
固定・ストック型の情報
一覧性が高い
入手方法はひとつ
端末は不要
双方向性
流動・フロー型の情報
一覧性が低い
入手方法が選べる
専用端末が必要

TV Web
くわしくキッカケ

ユーザー行動に合った情報提供

チラ見でもわかるシンプルなデザイン

必要十分な表現に留める
ちら見しやすいようにデザインする
階層を深くしない
自然な形で接点を見せる
途中で操作を止めても同じ事ができる
時間軸を使って情報を整理する

レンズに合ったデザイン

シーンレンズプロセス
提供価値クロスチャネルジャーニーマップ

UXマップを作成するツールを開発中

@bookslope
bookslope@gmail.com
bookslope.jp/blog/
Special Thanks

Recommended