Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ECサイトで実現したい『体験』のあり方を考える

Fb3f3c151603102a5e60b197a7dfbeb7?s=47 isaikaori
October 05, 2019
Design
1
450

 ECサイトで実現したい『体験』のあり方を考える

WCAN 2019 Autumn
https://wcan.doorkeeper.jp/events/96599

Fb3f3c151603102a5e60b197a7dfbeb7?s=128

isaikaori

October 05, 2019
Tweet

More Decks by isaikaori

See All by isaikaori
Deep Dive Adobe XD - レイアウト編
Fb3f3c151603102a5e60b197a7dfbeb7?s=48 isaikaori
0
110
Adobe XDの『こんな時どうする？』を集めました
Fb3f3c151603102a5e60b197a7dfbeb7?s=48 isaikaori
0
450
アウトプットむずい
Fb3f3c151603102a5e60b197a7dfbeb7?s=48 isaikaori
0
200
実践！a-blog cmsユーザーのためのsite2019.xd活用法
Fb3f3c151603102a5e60b197a7dfbeb7?s=48 isaikaori
0
100
実務で活かすXD！制作を支える取り組みと代表機能の活用術
Fb3f3c151603102a5e60b197a7dfbeb7?s=48 isaikaori
2
920
a-blog cmsの初心者コンテンツを整備してる話
Fb3f3c151603102a5e60b197a7dfbeb7?s=48 isaikaori
0
570
強・用・美から考えるテーマデザインのヒント_後編
Fb3f3c151603102a5e60b197a7dfbeb7?s=48 isaikaori
0
420
強・用・美から考えるテーマデザインのヒント_前編
Fb3f3c151603102a5e60b197a7dfbeb7?s=48 isaikaori
1
850
これだけは伝えたい Adobe XDの5つの強み
Fb3f3c151603102a5e60b197a7dfbeb7?s=48 isaikaori
2
200

Other Decks in Design

See All in Design
Shuv It Boards
966a7d3473313a57827602754b617993?s=48 8sided
PRO
1
190
COSOJI
5b00d9af8ebf80927291b9863cda8501?s=48 rsmile
1
8.2k
20220120modelinglt_miure
Dcd6ae6de2452585b6d18137a4e1cd97?s=48 miure
1
250
Episode 5 Onyx Monster Mysteries Song sequence
5bce9e09e585aed42d646c47c7da38e0?s=48 ivettetwin
0
300
デザイン編 Hatena Engineer Seminar #19
7ee8ca88aa7f99cafd91a79f9734668c?s=48 takuwolog
2
630
Owl House Story Test
Bdd9e989b8078ae14ea9abd4d4d81a83?s=48 blakedg95
1
350
Maslow会社資料 | Maslow Company Guide ver.8.5
Aa19e202c24c51a41415206e7742c098?s=48 maslow_akkun
1
2.8k
採用担当デザイナーがみるポートフォリオのポイント
79f0cb7dbd41a861cfd94dc13ce879e8?s=48 yonekura907
0
510
クラスメソッドアプリデザインドリルver1
F55ce746a44eb5530a9a5385f30207f2?s=48 cmdesignteam
1
1.4k
開発現場でのサービスデザインとモデリング
332a3cac4844d33179de6389b9d5f186?s=48 tyshgc
PRO
6
1.6k
Big Surからの四角いアイコン / Rounded Rectangle Icons since Big Sur
2174bd20a68bf55c494a424ad3790f4a?s=48 1024jp
2
170
Rakuma Developers
8b62efd8d4dd7c134243b785993c5f63?s=48 nojirakuten
0
890

Featured

See All Featured
Agile that works and the tools we love
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
319
19k
Rails Girls Zürich Keynote
24fc194843a71f10949be18d5a692682?s=48 gr2m
86
12k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
44k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
Ruby is Unlike a Banana
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.2k
Keith and Marios Guide to Fast Websites
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
404
21k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
38
12k
Scaling GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
Done Done
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k

Transcript

  1. ECサイトで実現したい 『体験』のあり方を考える WCAN 2019 Autumn 有限会社アップルップル　井斉花織

  2. 有限会社アップルップル　デザイナー 井斉花織 (いおり) 自己紹介

  3. Adobe XD User Group Nagoya

  4. ECサイトの制作 theme

  5. ECサイトの特徴 多機能 多重なフロー 検索する カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録

  6. 体験

  7. ECサイトにおいて 心地いい体験とは？ 1

  8. 実店舗 ネットショップ

  9. 店員から購入者に直接 働きかけることができる 購入者は迷ったら店員に 相談することができる   ＝ 安心感 実店舗の場合 検索する

    カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録

  10. 店員から購入者に直接 働きかけることができる 購入者は迷ったら店員に 相談することができる   ＝ 安心感 実店舗の場合 検索する

    カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録

  11. 店員から購入者に直接 働きかけることができる 購入者は迷ったら店員に 相談することができる   サプライズ・特別感 ＝ 安心感 実店舗の場合

    検索する カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録

  12. 購入者は 自分で決断して進む 迷いはストレスに繋がる   ＝ 不安定 ネットショップの場合 検索する カートに入れる

    決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録

  13. 購入者は 自分で決断して進む 迷いはストレスに繋がる   ＝ 不安定 ネットショップの場合 検索する カートに入れる

    決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録

  14. 購入者は 自分で決断して進む 迷いはストレスに繋がる   着実に次のステップへ進む 仕組みが好まれる？ ＝ 不安定 ネットショップの場合

    検索する カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録

  15. ECサイトの心地よさ 型破りの サプライズ ステレオタイプの 安心感

  16. 安心感につながる デザインとは？ 2

  17. 「もし」を繰り返して不安要素を洗い出す もし非会員が見たら 表示項目はどう変化する？ もし検索結果が0件の時は 何を表示する？ 登録したら何の機能が追加されて 総合的にどんなメリットがあるの？ もしカートの中のもの一つだけ 購入したい場合はどうする？ スペシャル会員と一般会員で

    購入条件はどう変化する？ 一覧からショートカットできたら？ もしログイン前にカートに追加しようとしたら？ もしSOLD OUTだったら 表示はどう変わる？ 検索する カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録 もし複数条件で検索 できたらどうなる？ お気に入りから購入したら? もし数量を 変えたいときは？ 選択したものを一気に カートに入れるには？ 登録したらどんな メリットがあるの？ 宅配便を選んだ時に 必要な情報は？ クレジット払いの場合の遷移は？

  18. ビジュアライズされた安心要素 3 種類

  19. 自覚を うながすもの 1 会話で 反応するもの 2 行動を フォローするもの 3

  20. ①自覚をうながすもの

  21. ①自覚をうながすもの ホーム / パソコン・周辺機器 / ディスプレイ / 19～20インチ 1 決済情報の入力

    2 配送方法の選択 3 入力内容の確認 4 注文完了 1 2 3 … 8 苗字 名前 ゴールド会員 さん

  22. ②会話で導くもの

  23. ②会話で導くもの お気に入り お気に入り カートに追加しました 1 この商品を削除しますか？ キャンセル 削除

  24. ③行動をフォローするもの

  25. ③行動をフォローするもの 氏名 山田 太郎 姓 名 氏名(アルファベット) YAMADA TARO 姓

    名 2019 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月

  26. 目的ベースの考え方 ＝ 独自システムでも役立つ ①自覚目的 ②会話目的 ③フォロー目的 ホーム / パソコン・周辺機器 /

    ディスプレイ / 1 情報の入力 2 入力内容の確認 3 注文完了 1 2 3 … 8 苗字 名前 ゴールド会員 さん お気に入り お気に入り カートに追加しました 1 この商品を削除しますか？ キャンセル 削除 氏名 山田 太郎 姓 名 氏名(アルファベット) YAMADA TARO 姓 名 2019 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月

  27. ECサイトで実現したい 体験のあり方を 考えるにあたって conclusion

  28. ECサイトならではの留意点 型破りの サプライズ ステレオタイプの 安心感

  29. 目に見える形で落とし込む方法 ①自覚目的 ②会話目的 ③フォロー目的 ホーム / パソコン・周辺機器 / ディスプレイ /

    1 情報の入力 2 入力内容の確認 3 注文完了 1 2 3 … 8 苗字 名前 ゴールド会員 さん お気に入り お気に入り カートに追加しました 1 この商品を削除しますか？ キャンセル 削除 氏名 山田 太郎 姓 名 氏名(アルファベット) YAMADA TARO 姓 名 2019 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月
  30. None

  31. Twitter: @isaikaori Facebook: isaikaori Blog: https://isaikaori.com ご静聴ありがとうございました