Slide 1
Slide 1 text
XDで
カスタマージャーニーマップ
埋め埋め
uniq / 石崎 由美
20180316-Adobe XD meeting 14
Slide 2
Slide 2 text
はじめまして
• id: uniq
• なまえ: 石崎 由美
• 萌え絵描きデザイナー
• 会社: ビルディット（埼玉から八王子へ通う）
• 上流工程からデザイン参加することが多い
• 犬を飼い始めました
Slide 3
Slide 3 text
株式会社ビルディット
https://bldt.jp/
Slide 4
Slide 4 text
DIST
勉強会のスタッフやってます。
職種や技術の垣根を越えて
Webに関わるすべての人を結ぶ
クリエイティブコミュニティ
Slide 5
Slide 5 text
今回の概要
• XDでカスタマージャーニーマップ／Experience Mappingのようなもの
を作るお話です。
• 自分の脳内の整理としてやっていること。
• （チームのみんなとやる時は紙の方が好きだったり…。）
Slide 6
Slide 6 text
カスタマージャーニーマップ/
Experience Mappingとは
• 作っておくと、職種またいだプロジェクトチームで共通認識もてていい
よね
• 気付きがある（ユーザー目線においても、戦略においても）
Slide 7
Slide 7 text
XDでmapやる利点
• 紙よりもスペースいらない。
• 軽い。
• 最低限の作画機能がある。
• スマフォやwebで再現可能な範囲の作画機能。
• 公開URLが発行できる。adobeアカウント無くても見れる。
• （好きなツールであれば）テンションがあがる。
Slide 8
Slide 8 text
8畳の和室で
ひとりmapping
模造紙2枚。
お部屋めっちゃ狭くなる。
Slide 9
Slide 9 text
テンションがあがる！
…は大事！
Slide 10
Slide 10 text
「楽しい」「テンションがあがる」は大事
• 発想がでてくる。
• 作業がすいすいすすむ。
• つらくても、ちょっと気持ちいい（かもしれない）。
Slide 11
Slide 11 text
マップ作る作業
Slide 12
Slide 12 text
• うねうねした作業…、あたまが混乱したりする！
• そんな時は好きなツール使うといい。XDでもsketchでも紙でも！
Slide 13
Slide 13 text
脳みそ→アイディア
サクサク出来るツールでやること
好きなツールでやること
Slide 14
Slide 14 text
ひとりで
mapっぽいのを作ってみよう
Slide 15
Slide 15 text
ペルソナのビジュアル作る
• ある程度、分析したうえで、、、。
• それっぽい写真はStockから。
Slide 16
Slide 16 text
なにで困ってるか？
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
NBQ͍ͬͨΜʮʯQIBTF
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
うめうめ
最初はこんなキレイじゃないですが…
Slide 23
Slide 23 text
全体 phaseだけ
いったり来たりして、うめうめします
Slide 24
Slide 24 text
画力がなくても…
Slide 25
Slide 25 text
よく使うのはシンボル化して
使い回しできるね
Slide 26
Slide 26 text
リモートでも
discussionできる。共有できる。
Slide 27
Slide 27 text
チームで投票っぽいのをしたり…
Slide 28
Slide 28 text
文字が読めないくらい大きくなっちゃっても…
Slide 29
Slide 29 text
プロトタイプで、
そのphaseだけのアートボードへ遷移させたら見やすいね
Slide 30
Slide 30 text
脳内や妄想をまとめながら
見やすい資料になる！
Slide 31
Slide 31 text
プロトタイプを作って軽くテストもできる
Slide 32
Slide 32 text
まとめ
• map作りはモヤモヤ大変。だからこそ大好きなツールで！
• XDは軽いので、軽く落書きのように、脳内や妄想をまとめやすい。
• デザイナーでなくても使えると思っている。