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.

マンガ駆動開発のすゝめ

5,023 views

Published on

マンガ駆動開発を広く使って頂くためのガイドライン、AITCでの今後の取り組みなどについて

@ SOFTWARE JAPAN 2015 - ITフォーラムセッション
http://www.ipsj.or.jp/event/sj/sj2015/IT-F_AITC.html

Published in: Design
  • Be the first to comment

マンガ駆動開発のすゝめ

  1. 1. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガ駆動開発のすゝめ 2015年2月3日 先端IT活用推進コンソーシアム ナチュラルユーザーインターフェース活用部会 リーダー ユーザーエクスペリエンス技術部会 メンバー 株式会社テクリエ 岡村 和英 SOFTWARE JAPAN 2015 - ITフォーラムセッション
  2. 2. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
  3. 3. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 本日のまとめ 3
  4. 4. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 吾輩はマンガ駆動開発である ~ マンガ駆動開発とは ~ 走れマンガ駆動開発 ~ マンガ駆動開発の実例紹介 ~ 4
  5. 5. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 吾輩はマンガ駆動開発である ~ マンガ駆動開発とは ~ 走れマンガ駆動開発 ~ マンガ駆動開発の実例紹介 ~ 5
  6. 6. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガ駆動開発とは 6 マンガでユーザー経験(UX)を表現し、 それを基にすることで、 関係者全員がUXを意識しながら プロダクトを開発するための 新しい開発プロセス。
  7. 7. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガによる表現 7 マンガ駆動開発では 背景・利用シーン ユーザー 感情・考え デバイス などの要素をマンガを用いて視覚的 に表現する。
  8. 8. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. ストーリーボードの比較 8 マンガによるストリーボードではペ ルソナ像、置かれた状況、そのとき の感情などをひと目で把握すること ができる。
  9. 9. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガ駆動開発の3つのステップ 9つのフェーズ 9 キャラ取材 分析 プロット ネーム 寸劇 実装 評価 マンガ キャラ づくり シナリオ づくり モノ づくり
  10. 10. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 開発への適用 10 要求分析フェーズでの利用 サービスによってユーザがどのよう な体験を得るか、利用者・利用状 況・目的をマンガで表現する。 マンガで視覚的に表現し、開発に携 わるステークホルダー間でイメージ の共有を図ることが重要。
  11. 11. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 吾輩はマンガ駆動開発である ~ マンガ駆動開発とは ~ 走れマンガ駆動開発 ~ マンガ駆動開発の実例紹介 ~ 11
  12. 12. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 大規模災害発生時に おける避難アプリ 交通切符販売機の改良 空間OS 実例紹介 12 AITCにおける取り組みから
  13. 13. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. アクティングアウト 13
  14. 14. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
  15. 15. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガ駆動開発のすゝめ ~ マンガ駆動開発の心得 ~ 15
  16. 16. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガのメリット 16
  17. 17. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガのメリット 17 UXに注力できる! 言葉による表現では、ついシステム 的な振る舞いやユーザーインター フェースについての記述をおこない がちです。 マンガを用いることでユーザーの経 験にフォーカスを当てることができ ます。
  18. 18. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガのメリット 18 利用シーンがわかる! 言葉による表現では読み手によって 思い浮かべるイメージが異なります。 マンガを用いて視覚的に表現するこ とで読み手のイメージが一致しやす くなります。
  19. 19. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガのメリット 19 感情表現ができる! 表情・漫符・書き文字・背景などを 組み合わせることで、言葉だけでは うまく表わせ難かった利用者の感情 を読み手に伝えることができます。 書き文字 背景 表情 漫符
  20. 20. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガのメリット 20 利用者視点で考えられる! 吹き出しをつかうことで発言や考え を利用者視点で記述することが強制 されます。 読み手も利用者視点で 内容をイメージする ことになります。
  21. 21. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. どんなところに 向いているの? 21
  22. 22. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガの使い処 22 文章で表現しにくいもの 大きな流れの表現 タッチポイントの具体化
  23. 23. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. よくある勘違い 23
  24. 24. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. アンチケース 24 挿絵としてのマンガ UXが表現されていないマンガ
  25. 25. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. マンガ駆動開発とは 25 マンガでユーザー経験(UX)を表現し、 それを基にすることで、 関係者全員がUXを意識しながら プロダクトを開発するための 新しい開発プロセス。
  26. 26. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. ガイドライン 26 マンガ駆動のマンガは文章を補足す るものではありません。 マンガを主体としてユーザー目線で UXを含んだ利用シーンを表現するよ うにしましょう。
  27. 27. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 27 縦 書 き ? 横書き?
  28. 28. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. セリフの縦横 28 どちらがいいのか よくわかりません… メンバーの間でも見解が わかれています。 いまのところどっちでも いいんじゃないかと……
  29. 29. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. ガイドライン 29 セリフを横書きにしておくことで、 英語などに翻訳する際の対応が容易 になります。 ただし、日本人のキャラクターのま ま言葉だけ英語にしてもマンガのメ リットが発揮できないかもしれませ ん。
  30. 30. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. ガイドライン 30 セリフを縦書きにした方が、キャラ クターとセリフの配置バランスがと りやすいという意見もあります。 漫画の書き方などのサンプルも縦書 きで画かれているものが多いです。 ただし、最近は横書きで書かれたマ ンガも増えてきています。
  31. 31. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. アクティングアウトは いつやるの? 31
  32. 32. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. アクティングアウトのタイミング 32 開発の前にも後にも やりましょう!
  33. 33. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 33 開発の前にアクティングアウトを行 うことで、実際の利用イメージを膨 らませます。 本当に必要なものだけを残し不要な ものを削ぎ落としましょう。 ガイドライン
  34. 34. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 34 開発の後でアクティングアウトを行 うことで、作ったものと前提とした 利用シーンが適合していることを再 確認しましょう。 ガイドライン
  35. 35. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 35 デモンストレーションの際に、プロ ジェクタ等でマンガ駆動のストー リーボードを投影しておくことで、 ストーリーの内容がよりわかりやす く伝わるようにな ります。 ガイドライン
  36. 36. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 36 アクティングアウトを行うのは1度 だけではありません。 何度も繰り返し、よりよいサービス を創りだしていきましょう。 ガイドライン
  37. 37. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 業務システムでも 使えるの? 37
  38. 38. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 38 使えます! 業務システムとマンガ
  39. 39. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 業務システムとマンガ 39 現場の要求を表現する 言葉による表現は開発者よりの抽象 的な内容になりがちです。 マンガを使って視覚的に表現するこ とで、実際にシステムを利用する現 場利用者にも理解しやすい具体的な 内容で利用イメージを伝えるように しましょう。
  40. 40. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 業務システムとマンガ 40 部署間・担当者間での意識合わせ マンガを使うことで自分がシステム を利用する立場とした場合のイメー ジが捉えやすくなります。 業務の流れに沿った具体的な利用イ メージを関係者全体で共有しましょ う。
  41. 41. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 業務システムとマンガ 41 マンガ作成のコスト マンガを作ることによるコストは確 かに存在しますが、サービスデザイ ン全体からみれば僅かなものです。 マンガを用いてサービスイメージを 共有することで、従来のやり方で生 じていた担当者間における齟齬によ る出戻りコストなどを抑えることが できるのではないでしょうか。
  42. 42. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 今後のとりくみ 42
  43. 43. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 今後のとりくみ 43 協働プロジェクトへの適用 「空気を読む家」のなかで、人がどのよ うに快適な生活をおくることができるの かというユーザー体験を、マンガ駆動開 発の手順でデザインしていく予定です。 2月26日(木)に横浜で検討会を行いますの で、まだAITCに参加されていないけど興 味があるという方は是非AITCメンバーま たは staff@aitc.jp にご連絡下さい。
  44. 44. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 今後のとりくみ 44 ワークショップの開催 マンガ駆動開発を体験して頂けるワーク ショップの開催を計画中です。 Facebookページで告知しますので、ぜひ いいね!をしてAITCからのイベント情報を いち早く入手してください。 https://www.facebook.com/aitc.jp
  45. 45. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved. 今後のとりくみ 45 まだまだ発展途上の手法です みんなで一緒に考えていきま しょう! UX技術部会への参画をお待 ちしております!!!
  46. 46. Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
  47. 47. 最新情報は こちらをご参照ください http://aitc.jp https://www.facebook.com/aitc.jp ハルミン AITC非公式イメージキャラクター Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

×