大規模災害発生時に『使える』
アプリケーション2013年8月30日
ユーザエクスペリエンス（UX）技術部会
ネットデバイスアプリケーション部会
岡村 和英（株式会社テクリエ）

目的
災害発生直後に最も関心が高い、家族の安否確認や、一緒に避難する家族との待ち合わせといった利用シーンに特徴を持ったスマートフォン アプリケーションの開発
ここまでのUXデザインプロセスで抽出された機能から実現可能なものを選択
ユーザーモデリングの結果であるペルソナ/シナリオ/ス
トーリーボードに基づいてUIをデザイン
極度のストレス状態においても、使い易いユーザーイン
タフェースの実現
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

2

機能抽出
利用者の視点に立って、ユーザーがどんな情報を欲しているのか、ユーザーのどんな機能を欲しているのか
シーン
情報機能
地震直後

状況（生きて）
自分の場所（家族など特定の人の）安否状況（家族など特定の人の）場所
待ち合わせ場所
待ち合わせ場所までの経路/移動手段
待ち合わせ場所までの時間
快適性/安全性（人の流れ、被災状況）途中に食料/飲料/休憩/タクシー乗車できる場所
待ち合わせ場 目的地までの方向
その方向に特定の範囲にあるチェックポイント
所まで（家族など特定の人の）安否状況（家族など特定の人の）場所

外苑到着

どの方向に待ち合わせする人がいるか

タクシー乗車 タクシーが乗れる（通っている/待っている）場所
小学校/
自宅到着

安否状況登録（PushとPull）
安否確認機能・特定の人の安否状況が変わったら、Pushで通知
待ち合わせ場所までの経路探索
・安全な場所/経路が分かる
・非難場所が分かる
待ち合わせ場所を設定し、その場所を共有することができる
ナビゲーション機能・おおまかな方向・ランドマークや必要なモノ（飲食物やトイレ）などのチェックポイント（歩くス
ピード×時間の範囲にある）の場所/方角
ずっとディスプレイを見なくてもナビゲーションされる
ストレス状態での使い勝手
バッテリー節約を節約する仕組み
GPSを切る、３G受信切る、ディスプレイ切る、通話しない(Cメールを返すなど、機内モードにする）
安否確認機能・特定の人の安否状況が変わったら、Pushで通知
・特定の人への安否状況の問い合わせ・どれくらいの時間で目的地に到着するか（自動安否通知機能は未定、リカさん視点が必要）
赤い糸モード（ヒトに逢うための近接モード）
・ヒトの方向（他のヒトが）タクシーに乗れた場所を検索機能

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

3

情報デザインインタラクション
デザイン
ビジュアル
デザイン

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

4

情報デザイン

最低限必要な情報を簡潔に伝えたい！
安否状況「誰」が「どんな状態（安否）」で、「どこに居て（現在地）」「何をしている（行動、目的地など）」か。
ナビゲーション

「目的地」は、「どの方向」で、「何を目印にして」行けばよいか。
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

5

インタラクティブ
デザイン

ちょっと立ち止まるだけですぐに使える！

ビジュアル
デザイン表示は大きく。ぱっと見でわかるように！

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

6

インタラクティブ
デザイン

ちょっと立ち止まるだけですぐに使える！

アイディアを出し合う
表示は大きく。ぱっと見でわかるように！

ビジュアル
デザイン

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

7アイディアを出し合う・・・

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

8アイディアを出し合う・・・・

現在地： ＊＊＊＊＊＊＊＊＊＊
移動手段
目的地： ＊＊＊＊＊＊＊＊＊＊
最終更新： XX分前
現在地： ＊＊＊＊＊＊＊＊＊＊
移動手段
目的地： ＊＊＊＊＊＊＊＊＊＊
最終更新： XX分前
現在地： ＊＊＊＊＊＊＊＊＊＊
移動手段
目的地：＊＊＊＊＊＊＊＊＊＊？
最終更新： -？

現在地： ＊＊＊＊＊＊＊＊＊＊
移動手段？ 目的地： ＊＊＊＊＊＊＊＊＊＊
最終更新： 現在地： ＊＊＊＊＊＊＊＊＊＊
移動手段
目的地： ＊＊＊＊＊＊＊＊＊＊
最終更新： XX分前

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

9アイディアを出し合う・・・・・

目標地点

コンビニ
ランドマーク

約 1400 m

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

約 400 m10

アイディアを出し合う・・・・・・

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

11アイディアを出し合う・・・・・・・

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

12アイディアを出し合う・・・・・・・・

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

13侃々諤々Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

14

友達や親戚を含めて大勢表示したい！
家族だけで十分！
アイコンベースで簡単に！

アイコンだけで理解できるのかな？

侃々諤々

この表示、邪魔！

別ウィンドウへの遷移は避けたいなぁ
スワイプとか面倒だしどこをタップすれば動くの？

この画面いらないんじゃね？
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

15

<<Demonstration>>

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

16

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

17

14:12

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

18

14:14

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

19

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

20

14:20

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

21

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

22

15:00Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

23

15:30

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

24

16:08

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

25

16:25

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

26

16:26

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

27

16:27

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

28

17:10

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

29

18:02

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

30

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

31

まとめCopyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

32

ＵＸデザインプロセスを実践して利用シーンやシチュエーションを想定し、利用者視点ということに留意しながら実現方法やUIにとらわれずに機能抽出を行ったことで、余分な機能をてんこ盛りせず簡潔な画面表示で簡単な操作だけで使えるシンプルなアプリケーションにすることができた！

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

33ＵＸデザインプロセスを実践してユーザーモデリングの結果であるペルソナ/シナリオ/ストーリーボードを常に意識しながらUI仕様を議論することは、アプリケーションの方向性を明確にするだけではなく不必要な機能を削る際の指針にもなる！
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

34

ＵＸデザインプロセスを実践してUIを機能面だけで考えるのではなく、ペルソナ／シナリオ／ストーリーボードに振り返って見直すことが大事！

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

35

ＵＸデザインプロセスを実践して何をゴールとしているのかが明確になっていることで、目標を共有した状態で様々なアイディアを引き出し、議論を活発に進めることができた！

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

36

ＵＸデザインプロセスを実践して根拠があるから議論が盛り上がる！

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

37

ＵＸデザインプロセスを実践してストーリーに沿って進めることで、アプリケーションの機能ではなく、システムがもたらす価値を表現することができた！

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

38

ＵＸデザインプロセスを実践してUXデザインプロセスを導入することで増加するコストは、意外と少ないのかも？

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

39

ＵＸデザインプロセスを実践してみんなでアイディア出しすることは大切！！

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

40

今後の展開ユーザビリティ調査
ビジュアルデザインのブラッシュアップ
実際に使ってみて、評価→改善というサイクルを繰りかえす
SｙｓtemLAとの連携

一般公開
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

41