Successfully reported this slideshow.
Your SlideShare is downloading. ×

ITフォーラム2020 AITC(2)

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 60 Ad
Advertisement

More Related Content

Similar to ITフォーラム2020 AITC(2) (20)

More from aitc_jp (20)

Advertisement

Recently uploaded (20)

Advertisement

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非公式イメージキャラクター

×