Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
XDでカスタマージャーニーマップ埋め埋め / Adobe XD meeting 14 -uniq
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
770
iPadを使ったほげほげオンラインノウハウ/20200527-yuruhachi-20
uniq
0
160
デザイナーの黒歴史/20200430-yuruhachi-19
uniq
0
680
ここを抑えるといい感じ♪ Webデザイン/20191030-yuruhachi-15
uniq
1
670
CSSフレームワーク選びのポイント/yuruhachi-dot-it-20190925-css-framework
uniq
3
1.1k
組織やチームによって変わるデザイナーの現場 / yuruhachi.it-20190529
uniq
2
370
HTML/CSSを意識して Webアプリをデザインしてみる(仮)/ yuruhachi.it-20190130
uniq
4
410
yuruhachi.it_201808_Data Visualization
uniq
0
210
Other Decks in Design
See All in Design
2026_01_07_3DプリントはじめましたLT.pdf
hideakitakechi
0
200
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.6k
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
240
Design dependencies
teba_eleven
0
120
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
200
CULTURE DECK/Frontend Engineer
mhand01
0
1.3k
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
660
Tendências de UX Research 2026
videlvequio
0
120
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.9k
文化のデザイン - Soft Impact of Design
atsushihomma
0
210
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
4
250
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
380
Featured
See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
160
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
190
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
160
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
550
Chasing Engaging Ingredients in Design
codingconduct
0
210
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
570
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
1.6k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.7k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
550
Embracing the Ebb and Flow
colly
88
5.1k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
190
Music & Morning Musume
bryan
47
7.2k
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は軽いので、軽く落書きのように、脳内や妄想をまとめやすい。 • デザイナーでなくても使えると思っている。