カスタマージャーニーにおけるUXとモバイル設計のポイント

How to Build a Bridge Between
CJM and Mobile Design
カスタマージャーニーにおけるUXとモバイル設計のポイント
Customer Experience Conference 2015
坂本貴史
...

プロデュース
プラットフォーム
エンゲージメント
データ分析・効果測定
マーケティングテクノロジー
プロフェッショナル

グラフィックデザイナー出身
ネットイヤーグループ UX チーム
UX Recipe プロジェクト
OpenUM プロジェクト
HCD-Net 評議員
寄稿・講演多数
著書『IAシンキング』ほか
坂本貴史
@bookslope

カスタマージャーニーのメリット
プロセスとユーザーの捉え方
モバイルUXのポイント
拡散と収束、オンラインツール
まとめ
AGENDA

サービス全体の流れがわかる
チャネルごとの役割がわかる
見えない情報が見える
利用背景の理解につながる
MERIT

地図ではなくてコンパスを持て
不確実性の時代では地図を一生懸命描くよりも、 
どう動くかというコンパスを持っているほうが重要。つまり判断基準。
“ ”
JOI ITO

会社 PC 登録連絡
利用時の状況を分解する

利用後利用中利用前
Webアプリ以外の行動につながる

目的は予定の共有
Webアプリだけでは完結しない
仕事の進め方に理解が必要
目的は予定の登録
Webアプリがプロジェクト範囲
使いやすさを追求する
BEFORE AFTER

アクセス性
向上
共有機能
強化
どのようにつながるかを要求事項に変える
利用後利用中利用前

ユーザー行動製品・サービス
ユーザー行動と製品・サービスとの接点

製品・サービス
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

ペルソナジャーニーマップ調査
ユーザーの「なぜ」をクリアにするためのアプローチ

by livedoor.blogimg.jp
モバイルUX

クラウドとアプリが単位
モバイルのデザインパターン
コンテンツがインターフェース
ジェスチャから音声、センサーへ
タスク以外のインタラクション
Webサイト単位
デザインパターン
ナビゲーションシステム
キーボード、マウス操作
タスクベース
B...

72% アプリ利用
28%
Web利用

高校生がよく使うアプリ
ソーシャル動画ツール
Twitter
LINE
Facebook
YouTube
ニコニコ動画
niconico
LINEcamera
Instagram
DECOPIC

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
...

検索トップ検索結果詳細

ジャーニーマップからプロトタイピング
ジャーニーマッププロトタイピング
ステージ
ペルソナの行動
チャネル・場所
思考・感情など
目標（KPI）
サイトストラクチャ
ユーザーフロー
ワイヤーフレーム
評価

デザイン思考プロセス
TEST
PROTOTYPE
EMPATHIZE
IDEATE
DEFINE

デザイン思考プロセス
拡散
拡散
TEST
PROTOTYPE
EMPATHIZE
IDEATE
DEFINE

拡散から収束へ
収束
収束
拡散
拡散
TEST
PROTOTYPE
EMPATHIZE
IDEATE
DEFINE

ワークショップ写真撮影デジタル編集データ共有
アナログからデジタルへの変換
アナログデジタル

ツール編集クラウド保存デジタル編集データ共有
アナログからデジタルへの変換
デジタル

ExperienceFellow : Research customer experience.

ジャーニーの作成・複製・編集
行動カードの選択・作成
感情曲線含むジャーニー要素の設定
ジャーニーの保存・共有
FEATURES

行動カードの作成
カメラ撮影・写真データの利用
カードの保存
Webアプリと同期
FEATURES

インストール
あなたの業務にインストールするには
by Lars Plougmann

ユーザー
これまでリーチできていないユーザーにアプローチする
ユーザー
個性的
熱中する趣味がある
インフルエンサー
ネットリテラシーが高い
若年層が中心
メディア接点が多い

業務のほとんどがドキュメント
誰のための書類か?
UXやジャーニーについて述べられているか?
写真を貼って終わっていないか?
後続タスクが理解できているか?
後の工程につなげる
資料化

要求事項調査・企画デザイン・開発テスト・公開
要求事項としてインプットする
PHASE 01 PHASE 02 PHASE 03
ペルソナ
ジャーニーマップ
プロトタイピング

THANK YOU!
Customer Experience Conference 2015
坂本貴史
ネットイヤーグループ株式会社
by Adrien admou52

カスタマージャーニーにおけるUXとモバイル設計のポイント