Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ITフォーラム2020 AITC(2)

39 views

Published on

マンガ駆動開発で課題分析『安心安全な空気を読む家』

Published in: Technology
  • Be the first to comment

  • Be the first to like this

ITフォーラム2020 AITC(2)

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

×