aitc week 2012aitc.jp/events/20120829_30-week/data/20120830_1_uxd_nda...2012/08/29 · title...
TRANSCRIPT
![Page 1: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/1.jpg)
AITC Week 2012
ユーザーエクスペリエンス技術部会
&
ネットデバイス アプリケーション部会
2012年8月30日
![Page 2: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/2.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
ユーザーエクスペリエンス
デザインプロセスの全体像
ミツエーリンクス
UXエバンジェリスト
金山 豊浩
![Page 3: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/3.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
UXデザインで【ユーザー要件】を反映
3
製品
サービス
ビジネス
要件
(戦略・企画)
ユーザー要件
(ユーザーニーズ)
技術要件
(機能仕様)
経営者
企画部門
IT部門
アーキテクト
プログラマー UX デザイン
![Page 4: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/4.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
ユーザー中心で取組む
4
ユーザーとニーズを 知る
解決案を 考える
解決案を 試す
(プロトタイプ)
良い
解決案
![Page 5: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/5.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
UX デザイン プロセス
5
UX
デザイン
インタラクション
デザイン
ペルソナ
ストーリーボード
スケッチ
ワイヤーフレームプロトタイプ
デザイン調査
ユーザー要件
ユーザビリティ テスト
ビジュアル デザイン
実装 開発
![Page 6: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/6.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
中間報告で対象とする範囲
6
デザイン調査 ペルソナ ストーリーボード スケッチ
![Page 7: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/7.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
ユーザーを理解するための手法
7
• ユーザーインタビュー
• フォーカスグループ
• フィールドワーク(エスノグラフィ)
• アンケート
• カードソート
• ユーザビリティテスト
• コンテクスチュアル・インクワイアリ
デザイン調査 ペルソナ ストーリーボード スケッチ
![Page 8: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/8.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
デザイン調査のアウトプット
8
インタビューメモ 発話・行動記録
デザイン調査 ペルソナ ストーリーボード スケッチ
![Page 9: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/9.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
ペルソナ・シナリオによるモデリング
9
タイプ・行動変数の抽出とマッピング ペルソナ/シナリオ作成
デザイン調査 ペルソナ ストーリーボード スケッチ
![Page 10: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/10.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
ストーリーボードの作成
10
デザイン調査 ペルソナ ストーリーボード スケッチ
ペルソナ視点での体験の記述
ペルソナ・シナリオ
---------
---------
---------
ストーリーボード
ビジネス要件 &技術要件
---------------
---------------
ペルソナがゴールを達成するための、
一連のストーリーを絵コンテとして表したもの
![Page 11: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/11.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
ストーリーボードの描き方
x. デザイナが意図するペルソナの体験を ペルソナの言葉で書く。 もしくは、ペルソナの期待・希望を書く。
x.ペルソナの行動/振る舞いを、ペルソナを主語として書く
![Page 12: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29 · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara](https://reader033.vdokument.com/reader033/viewer/2022060212/5f05162a7e708231d41131ed/html5/thumbnails/12.jpg)
Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
中間報告以降の活動予定
12
デザイン調査 ペルソナ ストーリーボード スケッチ