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
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
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
UX基礎講座②(回答) なぜUXデザインで カスタマージャーニーマップを 使うのか?: UX ...
Search
Mizunashi Mana
April 02, 2025
Design
29
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
UX基礎講座②(回答) なぜUXデザインで カスタマージャーニーマップを 使うのか?: UX DAYS TOKYO
UX DAYS TOKYO - UX基礎講座第2回の回答
https://x.com/uxdaystokyo/status/1901267497090986028
Mizunashi Mana
April 02, 2025
More Decks by Mizunashi Mana
See All by Mizunashi Mana
UX基礎講座③(回答)UXデザインは 何をするのか?: UX DAYS TOKYO
mizunashi_mana
0
20
UXとUIの違いを自分の言葉で表現する: UX DAYS TOKYO
mizunashi_mana
0
470
Higher Order Cofree Annotation for AST
mizunashi_mana
1
500
Other Decks in Design
See All in Design
ポートフォリオ_あやの
ngyenmazt1412
0
1.9k
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
4.8k
デザイン組織の"次の"強みづくり
isaikaori
2
310
【CEDEC2026】派手さと見やすさは両立できる!『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
cygames
PRO
2
2.1k
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.3k
Design_Harness_and_Loop.pdf
nagatsu
0
110
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
500
開閉UIのアニメーション設計
hiro0218
2
1.1k
設計の進め方と 品質特性品質特性
harakeishi
0
1.4k
言幹と言葉(Stems & Leaves)
kakukoki
0
240
RawrXD: The Sword
seanvraj_arts
0
150
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
940
Featured
See All Featured
Designing for humans not robots
tammielis
254
26k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Faster Mobile Websites
deanohume
310
32k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
18k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
710
So, you think you're a good person
axbom
PRO
2
2.2k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
530
[RailsConf 2023] Rails as a piece of cake
palkan
59
7.1k
RailsConf 2023
tenderlove
30
1.6k
Between Models and Reality
mayunak
4
480
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
460
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.6k
Transcript
なぜUXデザインで カスタマージャーニーマップを 使うのか? UX方程式から考える
(私:西山)の紹介 (肩書)ソフトウェアエンジニア (仕事歴)職業エンジニア歴4年ちょっと (仕事や行っていること)物流プラットフォーム開発 (UXの学び) • 社内の取り組みで1年ほどUXについて学んでいるが、UXデザインとは何かに ついてピンときていない (スライド実施日)2025/04/02
なぜ、カスタマージャーニー マップを使うか? UXデザイン(設計)で使うCJMは
(私:西山)の説明・考え 講座前: ユーザーの行動を整理し、共感することで、デザイン時にユーザーの視点 をシミュレーションできるようにするため 講座後: コンテンツに対して、状況(コンテキスト)毎にどうユーザーが行動を変える か可視化し、実現したいUXに沿ったものになるか、必要なUIはどういうも のになるかを考える材料にするため
プロダクトを使うシーンを可視化することで どのタイミングで何をするのか検討できる。 ユーザーが何をしたいのか?がわかると、 自ずとどのようなUIが必要かが検討できる。 解答
時間 場所 行動 心理 解答:CJMの構成 *コンテキスト CJMは目的によっていろいろなタイプがありますが、上記の4つは必須になります。 補足情報
解答:CJMの例 補足情報 スポーツジムに入会するまでのCJM 探す 入会 見学当日 体験 時間 帰宅時 帰宅時
予約時間 場所 電車の 電車の ジムに行くまで ジム 行動 ジムのサイトを探す フォームで見学・体験を 申し込む ジムに向かう 見学する 心理 自分にあったスポーツジ ムを探す 必要最低限の情報だけ で入力したい 場所は どこなのかな? 自分が行っているイ メージや雰囲気を 見る フォームのUIを どうすべきか 案内はいつの タイミングが便利か? 当日入会した場合とし ない場合のフォローを 考える お客様をナビゲート(おもてな し)するためにも、またプロダク トに関わる人が見ることでも自 分の仕事がどこに関わるのか わかるよね。 マップ化することで、顧客・ユーザーの感情を知ることができるよ! Motと呼ばれる瞬間を発見するためにもCJMは使われるよ。
(私:西山)の解釈 CJMを作ることのメリット: コンテキスト別にUXを整理できることで、同じコンテンツ、UIか らどのようなUXの違いが生まれるかを認識合わせできる => 実際のユーザが本当に体験したいUXを生み出す、コンテ ンツ、UIを考えられるようになる
新しい気づき・学び CJM を作る意義が、具体的に言語化されたのが大きかった • 今まで漠然とUXデザインには、ユーザーの行動への解像度を上げることが大事、だから CJM を作るんだぐらいの理解だった •
なんで行動への理解なの?CJMなの?というところに答えられなかったんだと気づいた。そこ が明確に、コンテキスト別に整理するためなんだと言えるようになった • UXを形作る上で非常に重要だが、忘れられがちなコンテキストを、CJMによって意識できるよ うになるという理解はより作成するCJMの質を上げるのに繋がりそう • 同時にCJMが大事なのではなく、コンテキストを意識することが大事というところも意識してい きたい。CJMを使うことにこだわるのではなく、UXを捉えるためにどういうことをすべきかを系 統立てて考えていくことが大事だというのも学びだった
#uxer1000000 2030までに = 100万人 自分の言葉で説明できる力をつけよう! ”UXのこと”