How to Build a Bridge Between
CJM and Mobile Design
カスタマージャーニーにおけるUXとモバイル設計のポイント
Customer Experience Conference 2015
坂本貴史
2015.08.25
by Adrien admou52
プロデュース
プラットフォーム
エンゲージメント
データ分析・効果測定
マーケティングテクノロジー
プロフェッショナル
グラフィックデザイナー出身
ネットイヤーグループ UX チーム
UX Recipe プロジェクト
OpenUM プロジェクト
HCD-Net 評議員
寄稿・講演多数
著書『IAシンキング』ほか
坂本貴史
@bookslope
カスタマージャーニーのメリット
プロセスとユーザーの捉え方
モバイルUXのポイント
拡散と収束、オンラインツール
まとめ
AGENDA
カスタマージャーニーのメリット
プロセスとユーザーの捉え方
モバイルUXのポイント
拡散と収束、オンラインツール
まとめ
AGENDA
ユーザー体験 地図
サービス全体の流れがわかる
チャネルごとの役割がわかる
見えない情報が見える
利用背景の理解につながる
MERIT
地図ではなくてコンパスを持て
不確実性の時代では地図を一生懸命描くよりも、

どう動くかというコンパスを持っているほうが重要。つまり判断基準。
“ ”
JOI ITO
カレンダー
会社 PC 登録 連絡
利用時の状況を分解する
利用後利用中利用前
Webアプリ以外の行動につながる
目的は予定の共有
Webアプリだけでは完結しない
仕事の進め方に理解が必要
目的は予定の登録
Webアプリがプロジェクト範囲
使いやすさを追求する
BEFORE AFTER
アクセス性
向上
共有機能
強化
どのようにつながるかを要求事項に変える
利用後利用中利用前
カスタマージャーニーのメリット
プロセスとユーザーの捉え方
モバイルUXのポイント
拡散と収束、オンラインツール
まとめ
AGENDA
ユーザー行動 製品・サービス
ユーザー行動と製品・サービスとの接点
製品・サービス
by Kevin McShane
ランディングページメール 商品詳細ページ 入力フォーム 購入
購入までのプロセスでどこが重要か
ランディングページ
メール
商品詳細ページ
入力フォーム
購入
購入までのプロセスでどこが重要か
UX Archive : The iPhone app archive
Think with Google : The Customer Journey to Online Purchase
何がアシストしているのか?
最後から1つ手前はどのページか?
重要課題は見つけられるか?
PROCESS
ユーザー
by lonestar_texas
超え
80%
前年比2.6倍
90%
高校生のWEB利用状況の実態把握調査 2014
高校生のスマホ所持率 アプリ利用率
Apps HEATMAP Powerd by ビデオリサーチインタラクティブ
天気カテゴリ
平日の6時∼8時ごろ

平日の12時ごろ
休日の8時∼17時ごろ

金の18時∼21時ごろ
旅行カテゴリ
Apps HEATMAP Powerd by ビデオリサーチインタラクティブ
ユーザーが誰か?
ユーザーはいつ何をしているか?
ユーザーはなぜそうするのか?
ユーザーの利用目的を見つける
USER INSIGHT
ペルソナ ジャーニーマップ調査
ユーザーの「なぜ」をクリアにするためのアプローチ
カスタマージャーニーのメリット
プロセスとユーザーの捉え方
モバイルUXのポイント
拡散と収束、オンラインツール
まとめ
AGENDA
by livedoor.blogimg.jp
モバイルUX
クラウドとアプリが単位
モバイルのデザインパターン
コンテンツがインターフェース
ジェスチャから音声、センサーへ
タスク以外のインタラクション
Webサイト単位
デザインパターン
ナビゲーションシステム
キーボード、マウス操作
タスクベース
BEFORE AFTER
モバイルフロンティア, 丸善出版, 2013
72% アプリ利用
28%
Web利用
高校生のWEB利用状況の実態把握調査 2014
高校生がよく使うアプリ
ソーシャル 動画 ツール
Twitter
LINE
Facebook
YouTube
ニコニコ動画
niconico
LINEcamera
Instagram
DECOPIC
高校生のWEB利用状況の実態把握調査 2014
Web アプリ ソーシャル 動画
コンテンツ
ツール
Outbound
Tweet
TW
70
Newsletter
Ne
250
Press Release
Pr
400
Podcast
Pc
2 min
Video
Vi
1.5 min
Presentation
Pp
120
Webinar
Wb
60 min
Review
Re
2 min
PDF
Pdf
12
Case Study
Cs
5000
White Paper
Wt
490
Article
At
500
Web Page
Wb
474
Post
P
300
Book
Bk
25,000
eBook
Eb
3,750
Multimedia Supportive On-Site
Content Chemistry ‒ Orbit Media Studios
検索トップ 検索結果 詳細
検索トップ 検索結果 詳細
UX Archive : The iPhone app archive
ジャーニーマップからプロトタイピング
ジャーニーマップ プロトタイピング
ステージ
ペルソナの行動
チャネル・場所
思考・感情など
目標(KPI)
サイトストラクチャ
ユーザーフロー
ワイヤーフレーム
評価
カスタマージャーニーのメリット
プロセスとユーザーの捉え方
モバイルUXのポイント
拡散と収束、オンラインツール
まとめ
AGENDA
デザイン思考プロセス
TEST
PROTOTYPE
EMPATHIZE
IDEATE
DEFINE
デザイン思考プロセス
拡散
拡散
TEST
PROTOTYPE
EMPATHIZE
IDEATE
DEFINE
拡散から収束へ
収束
収束
拡散
拡散
TEST
PROTOTYPE
EMPATHIZE
IDEATE
DEFINE
ワークショップ 写真撮影 デジタル編集 データ共有
アナログからデジタルへの変換
アナログ デジタル
ツール編集 クラウド保存 デジタル編集 データ共有
アナログからデジタルへの変換
デジタル
ExperienceFellow : Research customer experience.
Touchpoint Dashboard
Journey Builder - ExactTarget
UX Recipe
ジャーニーの作成・複製・編集
行動カードの選択・作成
感情曲線含むジャーニー要素の設定
ジャーニーの保存・共有
FEATURES
行動カードの作成
カメラ撮影・写真データの利用
カードの保存
Webアプリと同期
FEATURES
uxrecipeapp.com
カスタマージャーニーのメリット
プロセスとユーザーの捉え方
モバイルUXのポイント
拡散と収束、オンラインツール
まとめ
AGENDA
インストール
あなたの業務にインストールするには
by Lars Plougmann
ユーザー
これまでリーチできていないユーザーにアプローチする
ユーザー
個性的
熱中する趣味がある
インフルエンサー
ネットリテラシーが高い
若年層が中心
メディア接点が多い
業務のほとんどがドキュメント
誰のための書類か?
UXやジャーニーについて述べられているか?
写真を貼って終わっていないか?
後続タスクが理解できているか?
後の工程につなげる
資料化
要求事項調査・企画 デザイン・開発 テスト・公開
要求事項としてインプットする
PHASE 01 PHASE 02 PHASE 03
ペルソナ
ジャーニーマップ
プロトタイピング
THANK YOU!
Customer Experience Conference 2015
坂本貴史
ネットイヤーグループ株式会社
by Adrien admou52
カスタマージャーニーにおけるUXとモバイル設計のポイント

カスタマージャーニーにおけるUXとモバイル設計のポイント