リアルを含めたユーザー体験の描き方

BONFIRE Design #4 2019.1.16 [WED] @LODGE リアルを含めたユーザー体験の描き方 ヤフー株式会社 吉田 尚道 YAHOO! JAPAN Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

吉田 尚道 Yahoo!カレンダー デザイナー / クリエイティブマネージャー Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

Yahoo!カレンダー使ってる人いますか？ 片手でスタンプを貼るだけ サクッとかんたん登録 気分や季節に合わせて選べる 豊富なきせかえテーマ スケジュールが立てやすい！ 天気を見ながら予定管理 プライベートも仕事も一緒に管理 色分けで予定が見やすい 2017年 4月 2017年 4月 2017年 16 2017年 4月 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

最近、宅急便の予定が自動で登録できるように！ クロネコIDと連携すると配達予定がわかる 連携カレンダー ヤマト運輸 18年 10月 19:00 21:00 宅急便お届け NEW Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

今日話すこと この事例を交えて話します ↓ クロネコIDと連携すると配達予定がわかる 連携カレンダー ヤマト運輸 18年 10月 19:00 21:00 宅急便お届け NEW リアルが絡んだ時のデザイン プロセス どのようにリアルを含めた 体験を設計するか リアルが絡むときに気をつけ ること Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

リアルが絡んだ時のデザインプロセス Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

リアルとつなげるデザイン？ むずかしそう・・・。 なにか特別なプロセスが必要？ 写真：アフロ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

リアルが絡むからといって 特別なデザイン手法は必要ない Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

いつものデザインと同じ ユーザーを想像し、思いやる Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

UIデザイン ユーザーは 理解できる？ どんなユーザーが 使う？ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

UIデザイン ユーザーは 理解できる？ どんなユーザーが 使う？ 体験の設計も同じ ユーザーをしっかり想像する Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

想像するためには、まずストーリーを可視化する どんな人？ どんなことを考えて、どう行動する？ どんなイベントが起こる？ などなど ? 写真：アフロ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

配送予定案件のストーリー例 名前：矢風 太郎 男性、28歳、独身、広告会社の営業 頻繁にECサイトでショッピングをする 商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る 飲み会の予定と被ってる！ 変更しなきゃ・・・。 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

ストーリーを可視化すると何が良い？ 全体の体験を俯瞰して把握できる 文脈を大事にした設計ができる 複数人で検討しやすい 人に説明しやすい Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

どのようにリアルを含めた体験を設計するか Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

オンラインとリアルを分けて考えない オンライン リアル 商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る タッチポイントや行動が オンラインかリアルかという違いでしかない Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

オンラインとリアルを分けて考えない オンライン リアル 一連の流れとして体験を設計する タッチポイントや行動が オンラインかリアルかという違いでしかない Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなで課題などを洗い出す 商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る 自動で登録されても ユーザーは気づかな いんじゃない？ デザイナー エンジニア 企画 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなで課題などを洗い出す 商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る 予定が登録されたら 通知で知らせましょう デザイナー エンジニア 企画 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなで洗い出すと、課題の漏れが少ない デザイナー エンジニア 企画 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

表にして可視化し、認識を合わせる 名前：矢風 太郎 男性、28歳、独身、広告会社の営業 頻繁にECサイトでショッピングをする 商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る 課題 自動登録されたこと に気づかない どこから変更すれば いいかわからない 対策 自動登録されたら プッシュ通知 予定詳細に変更リン クを追加する 〜ユーザーの感情なども、必要に応じて可視化する〜 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

でも、自分たちだけじゃ わからないこともたくさんある 写真：アフロ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

わからないときにやる3つのこと 1. インタビューしてみる 2. アンケートを取ってみる 3. 実際に体験してみる Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

1. インタビューしてみる いつ届くか以外に確認し たい情報は何ですか？ 何が届くのかがわかると 嬉しいし、楽しみです Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

2. アンケートを取ってみる 宅配ロッカーを使ってる人は、どれくらいいるんだろう？ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

3. 実際に体験してみる 宅急便センター受け取りにしてみよう！ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

得たものを共有する 商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る 日時変更ページへの リンクがあると嬉しいな デザイナー エンジニア 企画 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

このような検討をしたからできたこと 9:41 Tuesday, September 12 YAHOO!カレンダー 1分前 宅急便の予定が1月18日に登録されました。 自動登録されたらプッシュ通知 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

このような検討をしたからできたこと 18:01 4月23日(月) この予定はヤマト運輸の配送予定です 連携カレンダー設定はこちら 宅急便お届け 4月23日(月) 09:00 4月23日(月) 13:00 通知 15分前 https://notification.yahoo.co.jp/deliver/001/ list/123456789024/ [品名] 本 [サービス] クール便 [伝票番号] 1234-5678-9024 共有 日時変更を依頼できる ページへのリンクを追加 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

このような検討をしたからできたこと 18:01 4月23日(月) この予定はヤマト運輸の配送予定です 連携カレンダー設定はこちら 宅急便お届け 4月23日(月) 09:00 4月23日(月) 13:00 通知 15分前 https://notification.yahoo.co.jp/deliver/001/ list/123456789024/ [品名] 本 [サービス] クール便 [伝票番号] 1234-5678-9024 共有 などなどたくさん！ 再配達を依頼できる ページへのリンクを追加 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

リアルが絡むときに気をつけること Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る 起こっている事は本当にこれだけ？ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る 実は、リアルの部分は 色々な人が関わって動いている Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

画面の向こうの ユーザーだけではない 写真：アフロ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

実はもっと色々な工程がある 商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る 送り状を読み取る 荷物を集める 荷物を仕分け . . . Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

実はもっと色々な工程がある 商品を 購入する 商品が 発送 される 予定が 自動で 登録 される 配送予定 を 確認する 配送日時 を 変更 予定が 更新 される 荷物を 受け取る 送り状を読み取る 荷物を集める ブラックボックス . . . 専門じゃないので知らない。 でも、体験を設計するために 理解すべきこともある。 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

専門家に聞いて、仕組みを理解するのが大事 どのタイミングで荷物情報が 登録されるのでしょうか？ ヤマト運輸 様 Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

まとめ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

ユーザーを想像し、良いストーリーを作る ストーリーを可視化してみんなで検討する わからないことは調べる インタビュー アンケート 実際に体験 リアルの仕組みをブラックボックスにせず、理解する Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.

ご静聴ありがとうございました！ Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.