Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
XDでカスタマージャーニーマップ埋め埋め / Adobe XD meeting 14 -uniq
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Uni Ishizaki
March 16, 2018
Design
5.8k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
XDでカスタマージャーニーマップ埋め埋め / Adobe XD meeting 14 -uniq
「Adobe XD meeting 14」でお話したスライドです。
https://xd-study.connpass.com/event/81195/
Uni Ishizaki
March 16, 2018
More Decks by Uni Ishizaki
See All by Uni Ishizaki
フリーランスデザイナーが 成長し続けるための独学のコツ / 20210130-westtokyowebstudy
uniq
0
260
夫婦で作るAngularを使ったプロトタイピング / 20201223-yuruhachi-prototype
uniq
0
800
iPadを使ったほげほげオンラインノウハウ/20200527-yuruhachi-20
uniq
0
170
デザイナーの黒歴史/20200430-yuruhachi-19
uniq
0
710
ここを抑えるといい感じ♪ Webデザイン/20191030-yuruhachi-15
uniq
1
680
CSSフレームワーク選びのポイント/yuruhachi-dot-it-20190925-css-framework
uniq
3
1.2k
組織やチームによって変わるデザイナーの現場 / yuruhachi.it-20190529
uniq
2
380
HTML/CSSを意識して Webアプリをデザインしてみる(仮)/ yuruhachi.it-20190130
uniq
4
440
yuruhachi.it_201808_Data Visualization
uniq
0
220
Other Decks in Design
See All in Design
Webデザイナー中田美穂_ポートフォリオ
omy
0
120
タイル紹介サイト「タイルだもんで」
calpin
0
180
Saving_the_King_-_Storyboard.pdf
terencebasart
0
310
Of Ordination and Rebellion exploration sketches
rezaline
0
220
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
910
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
3
160
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.5k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
250
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
3
630
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
1
1.3k
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
140
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
3
3k
Featured
See All Featured
Between Models and Reality
mayunak
4
450
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
440
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Code Review Best Practice
trishagee
74
20k
A designer walks into a library…
pauljervisheath
211
25k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
600
ラッコキーワード サービス紹介資料
rakko
1
4.8M
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
280
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.3k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
820
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
240
Transcript
XDで カスタマージャーニーマップ 埋め埋め uniq / 石崎 由美 20180316-Adobe XD meeting
14
はじめまして • id: uniq • なまえ: 石崎 由美 • 萌え絵描きデザイナー
• 会社: ビルディット(埼玉から八王子へ通う) • 上流工程からデザイン参加することが多い • 犬を飼い始めました
株式会社ビルディット https://bldt.jp/
DIST 勉強会のスタッフやってます。 職種や技術の垣根を越えて Webに関わるすべての人を結ぶ クリエイティブコミュニティ
今回の概要 • XDでカスタマージャーニーマップ/Experience Mappingのようなもの を作るお話です。 • 自分の脳内の整理としてやっていること。 • (チームのみんなとやる時は紙の方が好きだったり…。)
カスタマージャーニーマップ/ Experience Mappingとは • 作っておくと、職種またいだプロジェクトチームで共通認識もてていい よね • 気付きがある(ユーザー目線においても、戦略においても)
XDでmapやる利点 • 紙よりもスペースいらない。 • 軽い。 • 最低限の作画機能がある。 • スマフォやwebで再現可能な範囲の作画機能。 •
公開URLが発行できる。adobeアカウント無くても見れる。 • (好きなツールであれば)テンションがあがる。
8畳の和室で ひとりmapping 模造紙2枚。 お部屋めっちゃ狭くなる。
テンションがあがる! …は大事!
「楽しい」「テンションがあがる」は大事 • 発想がでてくる。 • 作業がすいすいすすむ。 • つらくても、ちょっと気持ちいい(かもしれない)。
マップ作る作業
• うねうねした作業…、あたまが混乱したりする! • そんな時は好きなツール使うといい。XDでもsketchでも紙でも!
脳みそ→アイディア サクサク出来るツールでやること 好きなツールでやること
ひとりで mapっぽいのを作ってみよう
ペルソナのビジュアル作る • ある程度、分析したうえで、、、。 • それっぽい写真はStockから。
なにで困ってるか?
None
None
NBQ͍ͬͨΜʮʯQIBTF
None
None
うめうめ 最初はこんなキレイじゃないですが…
全体 phaseだけ いったり来たりして、うめうめします
画力がなくても…
よく使うのはシンボル化して 使い回しできるね
リモートでも discussionできる。共有できる。
チームで投票っぽいのをしたり…
文字が読めないくらい大きくなっちゃっても…
プロトタイプで、 そのphaseだけのアートボードへ遷移させたら見やすいね
脳内や妄想をまとめながら 見やすい資料になる!
プロトタイプを作って軽くテストもできる
まとめ • map作りはモヤモヤ大変。だからこそ大好きなツールで! • XDは軽いので、軽く落書きのように、脳内や妄想をまとめやすい。 • デザイナーでなくても使えると思っている。