AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29  · Title...

12
AITC Week 2012 ユーザーエクスペリエンス技術部会 & ネットデバイス アプリケーション部会 2012830

Transcript of AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29  · Title...

Page 1: AITC Week 2012aitc.jp/events/20120829_30-Week/data/20120830_1_UXD_NDA...2012/08/29  · Title コンテキストがオープン・ガバメントを具現化する Author harumitahara

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

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

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

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

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

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

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

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

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

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

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

Copyright © 2012 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

中間報告以降の活動予定

12

デザイン調査 ペルソナ ストーリーボード スケッチ