Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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.6k
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
240
夫婦で作るAngularを使ったプロトタイピング / 20201223-yuruhachi-prototype
uniq
0
700
iPadを使ったほげほげオンラインノウハウ/20200527-yuruhachi-20
uniq
0
150
デザイナーの黒歴史/20200430-yuruhachi-19
uniq
0
650
ここを抑えるといい感じ♪ Webデザイン/20191030-yuruhachi-15
uniq
1
640
CSSフレームワーク選びのポイント/yuruhachi-dot-it-20190925-css-framework
uniq
3
1.1k
組織やチームによって変わるデザイナーの現場 / yuruhachi.it-20190529
uniq
2
350
HTML/CSSを意識して Webアプリをデザインしてみる(仮)/ yuruhachi.it-20190130
uniq
4
360
yuruhachi.it_201808_Data Visualization
uniq
0
200
Other Decks in Design
See All in Design
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
540
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
12k
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
320
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
0
230
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
230
「UXとUIの違い」v2
shirasu3
0
300
ドルちゃん
design_dolphins
0
500
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
160
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
890
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
3.8k
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
170
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.3k
Featured
See All Featured
Docker and Python
trallard
46
3.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
A Tale of Four Properties
chriscoyier
162
23k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.4k
How to Ace a Technical Interview
jacobian
280
24k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Designing for Performance
lara
610
69k
RailsConf 2023
tenderlove
30
1.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
960
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
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は軽いので、軽く落書きのように、脳内や妄想をまとめやすい。 • デザイナーでなくても使えると思っている。