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
Uni Ishizaki
March 16, 2018
Design
2
5.4k
XDでカスタマージャーニーマップ埋め埋め / Adobe XD meeting 14 -uniq
「Adobe XD meeting 14」でお話したスライドです。
https://xd-study.connpass.com/event/81195/
Uni Ishizaki
March 16, 2018
Tweet
Share
More Decks by Uni Ishizaki
See All by Uni Ishizaki
フリーランスデザイナーが 成長し続けるための独学のコツ / 20210130-westtokyowebstudy
uniq
0
210
夫婦で作るAngularを使ったプロトタイピング / 20201223-yuruhachi-prototype
uniq
0
630
iPadを使ったほげほげオンラインノウハウ/20200527-yuruhachi-20
uniq
0
130
デザイナーの黒歴史/20200430-yuruhachi-19
uniq
0
600
ここを抑えるといい感じ♪ Webデザイン/20191030-yuruhachi-15
uniq
1
590
CSSフレームワーク選びのポイント/yuruhachi-dot-it-20190925-css-framework
uniq
3
980
組織やチームによって変わるデザイナーの現場 / yuruhachi.it-20190529
uniq
2
330
HTML/CSSを意識して Webアプリをデザインしてみる(仮)/ yuruhachi.it-20190130
uniq
4
310
yuruhachi.it_201808_Data Visualization
uniq
0
180
Other Decks in Design
See All in Design
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
190
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.2k
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
200
root COMPANY DECK / We are hiring!
root_recruit
1
17k
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.2k
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
2.7k
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
110
The One
chinweanimation
0
130
Next Door Stranger - Final Character Designs
reidneedssleep
PRO
0
140
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
260
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.8k
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
100
Featured
See All Featured
Scaling GitHub
holman
459
140k
Adopting Sorbet at Scale
ufuk
74
9.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
No one is an island. Learnings from fostering a developers community.
thoeni
20
3.1k
BBQ
matthewcrist
85
9.4k
How GitHub (no longer) Works
holman
312
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Thoughts on Productivity
jonyablonski
68
4.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
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は軽いので、軽く落書きのように、脳内や妄想をまとめやすい。 • デザイナーでなくても使えると思っている。