Successfully reported this slideshow.
Your SlideShare is downloading. ×

マンガ駆動開発のすゝめ

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 47 Ad

マンガ駆動開発のすゝめ

Download to read offline

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

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

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

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

Advertisement
Advertisement

More Related Content

Slideshows for you (19)

Viewers also liked (18)

Advertisement

Similar to マンガ駆動開発のすゝめ (20)

Recently uploaded (20)

Advertisement

マンガ駆動開発のすゝめ

  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.

×