ITフォーラム2020 AITC(2)

Copyright © 2020 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.
マンガ駆動開発による
「安心安全な空気を読む家」
2020年2月７日
先端IT活用推進コンソーシアム
UX技術部会サブリーダー神野昌和

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

2013 2015 2016 20172014 2018
「マンガ駆動
開発」の誕生
キャラ取材分析
プロットネーム
寸劇実装評価
マンガ
ストーリー
ボードを
マンガで表現
始まり
体系化
『マンガ駆動開発』の流れ

マンガ駆動開発とは
マンガ駆動開発とは
関係者全員が
ユーザー体験を意識しながら
プロダクトやサービスを
開発するための開発プロセス
UXデザインプロセスの一種
企画設計実装評価
適用範囲
最も効果的な適用範囲

マンガ駆動開発の狙い
マンガはほとんどの方が一度は読んだことがあり親しみ
がある
日本のマンガは表現が豊か
日本が誇るマンガの技術を使わないのは損
マンガ（イメージ）が描けるということは、
対象のサービスや製品のユーザー、使う環境、
ユーザーの考え方が準備されたということ
マンガを見れば関係者全員がユーザー経験を
意識できる
皆が使えるよう、マンガを描くための準備、
マンガを描いた後の開発についてまとめてみたものが
マンガ駆動開発です

「空気を読む家」のこれまでの流れ
 １期玄関
 ２期寝室（快適な目覚め）
 ３期寝室（密度の濃い睡眠）
 ４期リビング
 ５期キッチン
 ６期今回の紹介（安心安全：見守り）

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

『空気を読む家の安心安全：見守り』
本日のご紹介部分

マンガ駆動開発：ステップ１
キャラ
づくり

マンガ駆動開発：ステップ１
プロダクトやサービスを使用する
ターゲットユーザーを明確化する
 『キャラ(誰)』のどんなニーズを満たす
のか?
 『キャラ』のどんな課題を解決するの

マンガ駆動開発：フェーズ１－１
取材

マンガ駆動開発：フェーズ１－１
利用者の実像を把握する
利用環境や状況を把握する
インタビュー原稿/アンケート集計
内省報告（表面的な声/心の声）
写真、ビデオ
インタビュー/アンケート
ユーザー観察（師匠・弟子モデル）
ローケーション・ハンティング

マンガ駆動開発：フェーズ１－２
分析

分析：フェーズ１－２
利用者のセグメンテーションとターゲッティ
課題やニーズの抽出
ターゲットとする利用者の人物像
課題やニーズに対する利用者の心の声
インタビュー分析
エンパシーマップ
カスタマージャーニーマップ

分析：【空気を読む家】
タンスの角に足の小指をぶつける
：
：
お風呂場でのヒートショック
少子高齢化
東京一極集中
お年寄りの
1人暮らしが
危ない
安全安心 → 危険を察知、回避 or 助ける

自宅（空気を読む家）実家
不定期
互いに配慮
現状

実家（空気を読む家）自宅（空気を読む家）
お隣さんのように
期待

マンガ駆動開発：フェーズ１－３
キャラ

ペルソナでは、よく写真が使用されますが
マンガ駆動開発ではマンガを使用します。
写真を使用する際のよくある失敗として
芸能人や実在の知人の写真を使用してしまって
ペルソナではなくその人物のイメージを意識してし
まします。
オリジナルのマンガのキャラクターにすることで
抽象度を適切に設定できます。
マンガなら、架空の人物であることが分かります。
そして、ある特定の人物であるということも
同じように認識できます。

利用者を『キャラクター』として具体化
取材と分析を通して得られた
キャラクターの具体像
プロフィール、価値観、趣味
ユーザーモデリング
ペルソナ

名前：電脳太郎さんの母
年齢：80歳
住所：福井県鯖江市在住
その他：独り暮らし
名前：電脳太郎
性別：男性
年齢：46歳
職業：IT企業のプロジェクトマネージャー
家族：妻44歳(リカ)/長男中3(翔)/長女中1(凛)
遠距離通勤：1.5時間（電車）
その他：持ち家
几帳面な性格/整理整頓
時間に余裕をもちたい
情報を能動的に取得する
スマホアプリを使いこなす
離れて暮らす実家の母の健康が気になる
キャラ：【空気を読む家】
ペルソナ

マンガ駆動開発：ステップ２
シナリ
オ
づくり

マンガ駆動開発：ステップ２
利用シーンのシナリオを作成
操作手順ではなく、キャラの行動や感情
、環境や状況を関係者で理解/共有
 マンガ『キャラ』が、システムを利用
するシナリオ/ストーリ
 マンガで『キャラ』『状況』『システ

マンガ駆動開発：フェーズ２－１
プロット

実家（空気を読む家）自宅（空気を読む家）
通常
① 孫の様子を見たい
② 子供からの伝言を聞きたい
異常
① リビングで転倒
② 緊急照明が点灯させる
③ 病院にいく
異常
① 実家の様子が仮想窓に表示される
② 母の具合が悪そうなのが見える
③ 実家の緊急照明を点灯し知らせる
④ 救急車を呼ぶ
通常
① リビングの様子（あらまし）が見える
• 部屋の中の状態や室温など
② 母が飲み物を飲む様子がみえる
③ 自宅の様子を見せる
④ 伝言を送る
プロット：【空気を読む家】
利用シーンのあらすじ（メインストーリ
ー）
を作成し、解決したい課題を明らかにす
るものがたり

参考：仮想窓
猪目窓(京都正寿院客殿)風

マンガ駆動開発：フェーズ２－２
ネーム

マンガ駆動開発：フェーズ２－２
利用状況の詳細化し、利用者にどんな体
験を行ってもらいたいのか明らかにする
プロットで作成したメインストーリーの
前・間・後を補完/詳細化。
利用者にどんな体験して欲しいかを明確化
ものがたり

マンガ駆動開発：フェーズ２－３
マンガ

マンガ駆動開発：フェーズ２－３
システムを利用する際のキャラの行動や
感情、利用環境や状況などのユーザー体
験を関係者全員で共有
マンガ
紙とペンとスキャナ
コミPo!
CLIP STUDIO

【空気を読む家】のマンガ
マンガ
コミPo!
写真
マンガは、文章と比較し、利用シーンや
ユーザー体験をより具体的に表現できる

【空気を読む家の見守り】のマンガ①

【空気を読む家の見守り】のマンガ②

【空気を読む家の見守り】のマンガ③

【空気を読む家の見守り】のマンガ④

【空気を読む家の見守り】のマンガ⑤

【空気を読む家の見守り】のマンガ⑥

【空気を読む家の見守り】のマンガ⑦

【空気を読む家の見守り】のマンガ⑧

【空気を読む家の見守り】のマンガ⑨

【空気を読む家の見守り】のマンガ⑩

【空気を読む家の見守り】のマンガ⑪

【空気を読む家の見守り】のマンガ⑫

【空気を読む家の見守り】のマンガ⑬

【空気を読む家の見守り】のマンガ⑭

【空気を読む家の見守り】のマンガ⑮

【空気を読む家の見守り】のマンガ⑯

【空気を読む家の見守り】のマンガ⑰

マンガ
マンガだと、文章と比較し、利用シーンやユーザ
ー体験をより具体的に表現できる
綺麗なマンガを書くことよりも、プロットやネー
ムで検討した結果をマンガに忠実に反映すること
を優先しましょう。
マンガを書くことがゴールではありません。
マンガの世界を実現することがゴールです。
マンガを作成する手間がかかりそうですが、コミ
Po!などマンガ作成ツールを使用すると、誰でも
簡単に作成することができるようになりました。
取材（ロケハン）で撮影した映像を活用すること
も効果的です。

マンガ駆動開発：ステップ３
モノ
づくり

マンガ駆動開発：ステップ３
マンガで表現したシステムやサービスを
実装
背景は利用シーンにおいて、マンガと同
様の行動や感情になるかを検証
利用シナリオ
キャラの行動と感情
利用している環境や状況

マンガ駆動開発：ステップ３－１
寸劇

マンガ駆動開発：フェーズ３－１
マンガで描かれた世界を人が実演するこ
とで、プロダクトやサービスへの共感を
深める。
寸劇で違和感があれば、シナリオ作りフ
ェーズに戻る
プロダクトへの共感/違和感
最初はモノがなくても「エアー」でもOK
寸劇を演じる役者
プロジェクタなどの大画面表示装置
利用シーンを再現する小物類
ビデオカメラ

マンガ駆動開発：フェーズ３－１
寸劇
マンガ操作画面

マンガ駆動開発：フェーズ３－２
実装

マンガ駆動開発：フェーズ３－２
マンガの世界を実現するプロダクトやサ
ービスを実装。
プロタイプ開発だけではなく、本番実装
もこのフェーズに含まれます。
動作するプロダクトやサービス
寸劇→実装→評価のイテレーション開発
ペーパープロトタイピング
PowerPoint、Keynote
各種プロトタイピングツール
 Adobe Experiensce Design
 Mockups
 STUDIO
開発ツール(VisualStudio/xCode)

マンガ駆動開発：フェーズ３－３
評価

マンガ駆動開発：フェーズ３－３
実装されたプロダクトやサービスが、マ
ンガで表現したシナリオを実現している
かを評価
マンガと実装とのFit&Gapの認識と改善
Fit&Gap評価シート
ヒューリスティック法
ユーザビリティテスト
ログデータ分析法（アイトラッキング）
観察法
NEM法
インタビュー/ヒヤリング

実証実験についての
詳細はこの後に続く発表を
聴講ください

ITフォーラム2020 AITC(2)

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a ITフォーラム2020 AITC(2)

Semelhante a ITフォーラム2020 AITC(2) (20)

Mais de aitc_jp

Mais de aitc_jp (20)

Último

Último (8)

ITフォーラム2020 AITC(2)