マンガ駆動開発のすゝめ

Copyright © 2015 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
マンガ駆動開発のすゝめ
2015年2月3日
先端IT活用推進コンソーシアム
ナチュラルユーザーインターフェース活用部会リーダー
ユーザーエクスペリエンス技術部会メンバー
株式会社テクリエ岡村和英
SOFTWARE JAPAN 2015 - ITフォーラムセッション

本日のまとめ
3

吾輩はマンガ駆動開発である
～マンガ駆動開発とは～
走れマンガ駆動開発
～マンガ駆動開発の実例紹介～
4

5

マンガ駆動開発とは
6
マンガでユーザー経験(UX)を表現し、
それを基にすることで、
関係者全員がUXを意識しながら
プロダクトを開発するための
新しい開発プロセス。

マンガによる表現
7
マンガ駆動開発では
背景・利用シーン
ユーザー
感情・考え
デバイス
などの要素をマンガを用いて視覚的
に表現する。

ストーリーボードの比較
8
マンガによるストリーボードではペ
ルソナ像、置かれた状況、そのとき
の感情などをひと目で把握すること
ができる。

マンガ駆動開発の3つのステップ
９つのフェーズ
9
キャラ取材分析
プロットネーム
寸劇実装評価
マンガ
キャラ
づくり
シナリオ
づくり
モノ
づくり

開発への適用
10
要求分析フェーズでの利用
サービスによってユーザがどのよう
な体験を得るか、利用者・利用状
況・目的をマンガで表現する。
マンガで視覚的に表現し、開発に携
わるステークホルダー間でイメージ
の共有を図ることが重要。

11

大規模災害発生時に
おける避難アプリ
交通切符販売機の改良
空間OS
実例紹介
12
AITCにおける取り組みから

アクティングアウト
13

マンガ駆動開発のすゝめ
～マンガ駆動開発の心得～
15

マンガのメリット
16

17
UXに注力できる！
言葉による表現では、ついシステム
的な振る舞いやユーザーインター
フェースについての記述をおこない
がちです。
マンガを用いることでユーザーの経
験にフォーカスを当てることができ
ます。

18
利用シーンがわかる！
言葉による表現では読み手によって
思い浮かべるイメージが異なります。
マンガを用いて視覚的に表現するこ
とで読み手のイメージが一致しやす
くなります。

19
感情表現ができる！
表情・漫符・書き文字・背景などを
組み合わせることで、言葉だけでは
うまく表わせ難かった利用者の感情
を読み手に伝えることができます。
書き文字
背景
表情
漫符

20
利用者視点で考えられる！
吹き出しをつかうことで発言や考え
を利用者視点で記述することが強制
されます。
読み手も利用者視点で
内容をイメージする
ことになります。

どんなところに
向いているの？
21

マンガの使い処
22
文章で表現しにくいもの
大きな流れの表現
タッチポイントの具体化

よくある勘違い
23

アンチケース
24
挿絵としてのマンガ
UXが表現されていないマンガ

マンガ駆動開発とは
25
マンガでユーザー経験(UX)を表現し、
それを基にすることで、
関係者全員がUXを意識しながら
プロダクトを開発するための
新しい開発プロセス。

ガイドライン
26
マンガ駆動のマンガは文章を補足す
るものではありません。
マンガを主体としてユーザー目線で
UXを含んだ利用シーンを表現するよ
うにしましょう。

27
縦
書
き
？
横書き？

セリフの縦横
28
どちらがいいのか
よくわかりません…
メンバーの間でも見解が
わかれています。
いまのところどっちでも
いいんじゃないかと……

ガイドライン
29
セリフを横書きにしておくことで、
英語などに翻訳する際の対応が容易
になります。
ただし、日本人のキャラクターのま
ま言葉だけ英語にしてもマンガのメ
リットが発揮できないかもしれませ
ん。

ガイドライン
30
セリフを縦書きにした方が、キャラ
クターとセリフの配置バランスがと
りやすいという意見もあります。
漫画の書き方などのサンプルも縦書
きで画かれているものが多いです。
ただし、最近は横書きで書かれたマ
ンガも増えてきています。

アクティングアウトは
いつやるの？
31

アクティングアウトのタイミング
32
開発の前にも後にも
やりましょう！

33
開発の前にアクティングアウトを行
うことで、実際の利用イメージを膨
らませます。
本当に必要なものだけを残し不要な
ものを削ぎ落としましょう。
ガイドライン

34
開発の後でアクティングアウトを行
うことで、作ったものと前提とした
利用シーンが適合していることを再
確認しましょう。
ガイドライン

35
デモンストレーションの際に、プロ
ジェクタ等でマンガ駆動のストー
リーボードを投影しておくことで、
ストーリーの内容がよりわかりやす
く伝わるようにな
ります。
ガイドライン

36
アクティングアウトを行うのは１度
だけではありません。
何度も繰り返し、よりよいサービス
を創りだしていきましょう。
ガイドライン

業務システムでも
使えるの？
37

38
使えます！
業務システムとマンガ

39
現場の要求を表現する
言葉による表現は開発者よりの抽象
的な内容になりがちです。
マンガを使って視覚的に表現するこ
とで、実際にシステムを利用する現
場利用者にも理解しやすい具体的な
内容で利用イメージを伝えるように
しましょう。

40
部署間・担当者間での意識合わせ
マンガを使うことで自分がシステム
を利用する立場とした場合のイメー
ジが捉えやすくなります。
業務の流れに沿った具体的な利用イ
メージを関係者全体で共有しましょ
う。

41
マンガ作成のコスト
マンガを作ることによるコストは確
かに存在しますが、サービスデザイ
ン全体からみれば僅かなものです。
マンガを用いてサービスイメージを
共有することで、従来のやり方で生
じていた担当者間における齟齬によ
る出戻りコストなどを抑えることが
できるのではないでしょうか。

今後のとりくみ
42

43
協働プロジェクトへの適用
「空気を読む家」のなかで、人がどのよ
うに快適な生活をおくることができるの
かというユーザー体験を、マンガ駆動開
発の手順でデザインしていく予定です。
2月26日(木)に横浜で検討会を行いますの
で、まだAITCに参加されていないけど興
味があるという方は是非AITCメンバーま
たは staff@aitc.jp にご連絡下さい。

44
ワークショップの開催
マンガ駆動開発を体験して頂けるワーク
ショップの開催を計画中です。
Facebookページで告知しますので、ぜひ
いいね!をしてAITCからのイベント情報を
いち早く入手してください。
https://www.facebook.com/aitc.jp

45
まだまだ発展途上の手法です
みんなで一緒に考えていきま
しょう！
UX技術部会への参画をお待
ちしております!!!

最新情報は
こちらをご参照ください
http://aitc.jp
https://www.facebook.com/aitc.jp
ハルミン
AITC非公式イメージキャラクター

マンガ駆動開発のすゝめ

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (18)

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

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

マンガ駆動開発のすゝめ