Más contenido relacionado
Similar a ITフォーラム2020 AITC(2) (20)
ITフォーラム2020 AITC(2)
- 1. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
マンガ駆動開発による
「安心安全な空気を読む家」
2020年2月7日
先端IT活用推進コンソーシアム
UX技術部会 サブリーダー 神野 昌和
- 2. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 2
AITC:バックボーン
A Guide to the Manga Driven Development Body of Knowledge:MaBOK v1
- 3. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 3
2013 2015 2016 20172014 2018
「マンガ駆動
開発」の誕生
キャラ取材 分析
プロットネーム
寸劇 実装 評価
マンガ
ストーリー
ボードを
マンガで表現
始まり
体系化
『マンガ駆動開発』の流れ
- 4. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 4
マンガ駆動開発とは
マンガ駆動開発とは
関係者全員が
ユーザー体験を意識しながら
プロダクトやサービスを
開発するための開発プロセス
UXデザインプロセスの一種
企画 設計 実装 評価
適用範囲
最も効果的な適用範囲
- 5. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 5
マンガ駆動開発の狙い
マンガはほとんどの方が一度は読んだことがあり親しみ
がある
日本のマンガは表現が豊か
日本が誇るマンガの技術を使わないのは損
マンガ(イメージ)が描けるということは、
対象のサービスや製品のユーザー、使う環境、
ユーザーの考え方が準備されたということ
マンガを見れば関係者全員がユーザー経験を
意識できる
皆が使えるよう、マンガを描くための準備、
マンガを描いた後の開発についてまとめてみたものが
マンガ駆動開発です
- 6. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 6
「空気を読む家」のこれまでの流れ
1期 玄関
2期 寝室(快適な目覚め)
3期 寝室(密度の濃い睡眠)
4期 リビング
5期 キッチン
6期 今回の紹介(安心安全:見守り)
- 7. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 7
マンガ駆動開発 全体像
キャラ取材 分析
プロット ネーム
寸劇 実装 評価
マンガ
9つのフェーズ
キャラ
づくり
シナリオ
づくり
モノ
づくり
3つのステップ
- 8. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 8
『空気を読む家の安心安全:見守り』
本日のご紹介部分
- 9. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 9
マンガ駆動開発: ステップ1
キャラ
づくり
- 10. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 10
マンガ駆動開発: ステップ1
プロダクトやサービスを使用する
ターゲットユーザーを明確化する
『キャラ(誰)』のどんなニーズを満たす
のか?
『キャラ』のどんな課題を解決するの
- 11. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 11
マンガ駆動開発: フェーズ 1-1
取材
- 12. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 12
マンガ駆動開発: フェーズ 1-1
利用者の実像を把握する
利用環境や状況を把握する
インタビュー原稿/アンケート集計
内省報告(表面的な声/心の声)
写真、ビデオ
インタビュー/アンケート
ユーザー観察(師匠・弟子モデル)
ローケーション・ハンティング
- 13. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 13
マンガ駆動開発: フェーズ 1-2
分析
- 14. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 14
分析: フェーズ 1-2
利用者のセグメンテーションとターゲッティ
課題やニーズの抽出
ターゲットとする利用者の人物像
課題やニーズに対する利用者の心の声
インタビュー分析
エンパシーマップ
カスタマージャーニーマップ
- 15. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 15
分析:【空気を読む家】
タンスの角に足の小指をぶつける
:
:
お風呂場でのヒートショック
少子高齢化
東京一極集中
お年寄りの
1人暮らしが
危ない
安全安心 → 危険を察知、回避 or 助ける
- 16. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 16
自宅(空気を読む家)実家
不定期
互いに配慮
分析:【空気を読む家】
現状
- 17. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 17
実家(空気を読む家) 自宅(空気を読む家)
お隣さんのように
分析:【空気を読む家】
期待
- 18. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 18
マンガ駆動開発: フェーズ 1-3
キャラ
- 19. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 19
マンガ駆動開発: フェーズ 1-3
ペルソナでは、よく写真が使用されますが
マンガ駆動開発ではマンガを使用します。
写真を使用する際のよくある失敗として
芸能人や実在の知人の写真を使用してしまって
ペルソナではなくその人物のイメージを意識してし
まします。
オリジナルのマンガのキャラクターにすることで
抽象度を適切に設定できます。
マンガなら、架空の人物であることが分かります。
そして、ある特定の人物であるということも
同じように認識できます。
- 20. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 20
マンガ駆動開発: フェーズ 1-3
利用者を『キャラクター』として具体化
取材と分析を通して得られた
キャラクターの具体像
プロフィール、価値観、趣味
ユーザーモデリング
ペルソナ
- 21. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 21
名前 :電脳太郎さんの母
年齢 :80歳
住所 :福井県鯖江市在住
その他 :独り暮らし
名前 :電脳 太郎
性別 :男性
年齢 :46歳
職業 :IT企業のプロジェクトマネージャー
家族 :妻44歳(リカ)/長男中3(翔)/長女中1(凛)
遠距離通勤:1.5時間(電車)
その他:持ち家
几帳面な性格/整理整頓
時間に余裕をもちたい
情報を能動的に取得する
スマホアプリを使いこなす
離れて暮らす実家の母の健康が気になる
キャラ:【空気を読む家】
ペルソナ
- 22. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 22
マンガ駆動開発: ステップ2
シナリ
オ
づくり
- 23. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 23
マンガ駆動開発: ステップ2
利用シーンのシナリオを作成
操作手順ではなく、キャラの行動や感情
、環境や状況を関係者で理解/共有
マンガ『キャラ』が、システムを利用
するシナリオ/ストーリ
マンガで『キャラ』『状況』『システ
- 24. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 24
マンガ駆動開発: フェーズ 2-1
プロット
- 25. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 25
実家(空気を読む家) 自宅(空気を読む家)
通常
① 孫の様子を見たい
② 子供からの伝言を聞きたい
異常
① リビングで転倒
② 緊急照明が点灯させる
③ 病院にいく
異常
① 実家の様子が仮想窓に表示される
② 母の具合が悪そうなのが見える
③ 実家の緊急照明を点灯し知らせる
④ 救急車を呼ぶ
通常
① リビングの様子(あらまし)が見える
• 部屋の中の状態や室温など
② 母が飲み物を飲む様子がみえる
③ 自宅の様子を見せる
④ 伝言を送る
プロット:【空気を読む家】
利用シーンのあらすじ(メインストーリ
ー)
を作成し、解決したい課題を明らかにす
るものがたり
- 26. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 26
参考:仮想窓
猪目窓(京都 正寿院 客殿)風
- 27. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 27
マンガ駆動開発: フェーズ 2-2
ネーム
- 28. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 28
マンガ駆動開発: フェーズ 2-2
利用状況の詳細化し、利用者にどんな体
験を行ってもらいたいのか明らかにする
プロットで作成したメインストーリーの
前・間・後を補完/詳細化。
利用者にどんな体験して欲しいかを明確化
ものがたり
- 29. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 29
マンガ駆動開発: フェーズ 2-3
マンガ
- 30. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 30
マンガ駆動開発: フェーズ 2-3
システムを利用する際のキャラの行動や
感情、利用環境や状況などのユーザー体
験を関係者全員で共有
マンガ
紙とペンとスキャナ
コミPo!
CLIP STUDIO
- 31. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 31
【空気を読む家】のマンガ
マンガ
コミPo!
写真
マンガは、文章と比較し、利用シーンや
ユーザー体験をより具体的に表現できる
- 32. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 32
【空気を読む家の見守り】のマンガ①
- 33. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 33
【空気を読む家の見守り】のマンガ②
- 34. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 34
【空気を読む家の見守り】のマンガ③
- 35. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 35
【空気を読む家の見守り】のマンガ④
- 36. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 36
【空気を読む家の見守り】のマンガ⑤
- 37. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 37
【空気を読む家の見守り】のマンガ⑥
- 38. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 38
【空気を読む家の見守り】のマンガ⑦
- 39. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 39
【空気を読む家の見守り】のマンガ⑧
- 40. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 40
【空気を読む家の見守り】のマンガ⑨
- 41. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 41
【空気を読む家の見守り】のマンガ⑩
- 42. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 42
【空気を読む家の見守り】のマンガ⑪
- 43. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 43
【空気を読む家の見守り】のマンガ⑫
- 44. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 44
【空気を読む家の見守り】のマンガ⑬
- 45. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 45
【空気を読む家の見守り】のマンガ⑭
- 46. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 46
【空気を読む家の見守り】のマンガ⑮
- 47. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 47
【空気を読む家の見守り】のマンガ⑯
- 48. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 48
【空気を読む家の見守り】のマンガ⑰
- 49. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 49
マンガ
マンガだと、文章と比較し、利用シーンやユーザ
ー体験をより具体的に表現できる
綺麗なマンガを書くことよりも、プロットやネー
ムで検討した結果をマンガに忠実に反映すること
を優先しましょう。
マンガを書くことがゴールではありません。
マンガの世界を実現することがゴールです。
マンガを作成する手間がかかりそうですが、コミ
Po!などマンガ作成ツールを使用すると、誰でも
簡単に作成することができるようになりました。
取材(ロケハン)で撮影した映像を活用すること
も効果的です。
- 50. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 50
マンガ駆動開発: ステップ3
モノ
づくり
- 51. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 51
マンガ駆動開発: ステップ 3
マンガで表現したシステムやサービスを
実装
背景は利用シーンにおいて、マンガと同
様の行動や感情になるかを検証
利用シナリオ
キャラの行動と感情
利用している環境や状況
- 52. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 52
マンガ駆動開発: ステップ3-1
寸劇
- 53. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 53
マンガ駆動開発: フェーズ 3-1
マンガで描かれた世界を人が実演するこ
とで、プロダクトやサービスへの共感を
深める。
寸劇で違和感があれば、シナリオ作りフ
ェーズに戻る
プロダクトへの共感/違和感
最初はモノがなくても「エアー」でもOK
寸劇を演じる役者
プロジェクタなどの大画面表示装置
利用シーンを再現する小物類
ビデオカメラ
- 54. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 54
マンガ駆動開発: フェーズ 3-1
寸劇
マンガ 操作画面
- 55. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 55
マンガ駆動開発: フェーズ 3-2
実装
- 56. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 56
マンガ駆動開発: フェーズ 3-2
マンガの世界を実現するプロダクトやサ
ービスを実装。
プロタイプ開発だけではなく、本番実装
もこのフェーズに含まれます。
動作するプロダクトやサービス
寸劇→実装→評価のイテレーション開発
ペーパープロトタイピング
PowerPoint、Keynote
各種プロトタイピングツール
Adobe Experiensce Design
Mockups
STUDIO
開発ツール(VisualStudio/xCode)
- 57. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 57
マンガ駆動開発: フェーズ 3-3
評価
- 58. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 58
マンガ駆動開発: フェーズ 3-3
実装されたプロダクトやサービスが、マ
ンガで表現したシナリオを実現している
かを評価
マンガと実装とのFit&Gapの認識と改善
Fit&Gap評価シート
ヒューリスティック法
ユーザビリティテスト
ログデータ分析法(アイトラッキング)
観察法
NEM法
インタビュー/ヒヤリング
- 59. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 59
実証実験についての
詳細はこの後に続く発表を
聴講ください
- 60. Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
http://aitc.jp
https://www.facebook.com/aitc.jp
最新情報は
こちらをご参照ください
ハルミン
AITC非公式イメージキャラクター