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
ECサイトで実現したい『体験』のあり方を考える
Search
井斉花織(いおり)
October 05, 2019
Design
940
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ECサイトで実現したい『体験』のあり方を考える
WCAN 2019 Autumn
https://wcan.doorkeeper.jp/events/96599
井斉花織(いおり)
October 05, 2019
More Decks by 井斉花織(いおり)
See All by 井斉花織(いおり)
デザイン組織の"次の"強みづくり
isaikaori
2
280
熱狂が伝播するチームの作り方
isaikaori
1
4.8k
今日から始めるDesignOpsのヒント
isaikaori
1
790
Deep Dive Adobe XD - レイアウト編
isaikaori
0
310
Adobe XDの『こんな時どうする?』を集めました
isaikaori
0
780
アウトプットむずい
isaikaori
0
380
実践!a-blog cmsユーザーのためのsite2019.xd活用法
isaikaori
0
240
実務で活かすXD!制作を支える取り組みと代表機能の活用術
isaikaori
2
1.5k
a-blog cmsの初心者コンテンツを整備してる話
isaikaori
0
850
Other Decks in Design
See All in Design
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
550
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
870
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
940
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
300
Design_Harness_and_Loop.pdf
nagatsu
0
100
Jun Wei Portfolio 2026
wjw100788
PRO
1
310
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
13
6.7k
Where Imagination Ends AI Begins
r5ni4
0
390
(2026 FlowCon Keynote) Sociotechnical Architecture Finding Flow
xinyao
0
120
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
460
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
160
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
3
190
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
The SEO Collaboration Effect
kristinabergwall1
1
570
Leo the Paperboy
mayatellez
10
2.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
460
Evolving SEO for Evolving Search Engines
ryanjones
0
300
KATA
mclloyd
PRO
35
15k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
Designing for Timeless Needs
cassininazir
1
480
The browser strikes back
jonoalderson
0
1.7k
Transcript
ECサイトで実現したい 『体験』のあり方を考える WCAN 2019 Autumn 有限会社アップルップル 井斉花織
有限会社アップルップル デザイナー 井斉花織 (いおり) 自己紹介
Adobe XD User Group Nagoya
ECサイトの制作 theme
ECサイトの特徴 多機能 多重なフロー 検索する カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録
体験
ECサイトにおいて 心地いい体験とは? 1
実店舗 ネットショップ
店員から購入者に直接 働きかけることができる 購入者は迷ったら店員に 相談することができる = 安心感 実店舗の場合 検索する
カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録
店員から購入者に直接 働きかけることができる 購入者は迷ったら店員に 相談することができる = 安心感 実店舗の場合 検索する
カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録
店員から購入者に直接 働きかけることができる 購入者は迷ったら店員に 相談することができる サプライズ・特別感 = 安心感 実店舗の場合
検索する カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録
購入者は 自分で決断して進む 迷いはストレスに繋がる = 不安定 ネットショップの場合 検索する カートに入れる
決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録
購入者は 自分で決断して進む 迷いはストレスに繋がる = 不安定 ネットショップの場合 検索する カートに入れる
決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録
購入者は 自分で決断して進む 迷いはストレスに繋がる 着実に次のステップへ進む 仕組みが好まれる? = 不安定 ネットショップの場合
検索する カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録
ECサイトの心地よさ 型破りの サプライズ ステレオタイプの 安心感
安心感につながる デザインとは? 2
「もし」を繰り返して不安要素を洗い出す もし非会員が見たら 表示項目はどう変化する? もし検索結果が0件の時は 何を表示する? 登録したら何の機能が追加されて 総合的にどんなメリットがあるの? もしカートの中のもの一つだけ 購入したい場合はどうする? スペシャル会員と一般会員で
購入条件はどう変化する? 一覧からショートカットできたら? もしログイン前にカートに追加しようとしたら? もしSOLD OUTだったら 表示はどう変わる? 検索する カートに入れる 決済入力 見つける カラーを選ぶ 会員登録 お気に入り登録 もし複数条件で検索 できたらどうなる? お気に入りから購入したら? もし数量を 変えたいときは? 選択したものを一気に カートに入れるには? 登録したらどんな メリットがあるの? 宅配便を選んだ時に 必要な情報は? クレジット払いの場合の遷移は?
ビジュアライズされた安心要素 3 種類
自覚を うながすもの 1 会話で 反応するもの 2 行動を フォローするもの 3
①自覚をうながすもの
①自覚をうながすもの ホーム / パソコン・周辺機器 / ディスプレイ / 19~20インチ 1 決済情報の入力
2 配送方法の選択 3 入力内容の確認 4 注文完了 1 2 3 … 8 苗字 名前 ゴールド会員 さん
②会話で導くもの
②会話で導くもの お気に入り お気に入り カートに追加しました 1 この商品を削除しますか? キャンセル 削除
③行動をフォローするもの
③行動をフォローするもの 氏名 山田 太郎 姓 名 氏名(アルファベット) YAMADA TARO 姓
名 2019 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月
目的ベースの考え方 = 独自システムでも役立つ ①自覚目的 ②会話目的 ③フォロー目的 ホーム / パソコン・周辺機器 /
ディスプレイ / 1 情報の入力 2 入力内容の確認 3 注文完了 1 2 3 … 8 苗字 名前 ゴールド会員 さん お気に入り お気に入り カートに追加しました 1 この商品を削除しますか? キャンセル 削除 氏名 山田 太郎 姓 名 氏名(アルファベット) YAMADA TARO 姓 名 2019 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月
ECサイトで実現したい 体験のあり方を 考えるにあたって conclusion
ECサイトならではの留意点 型破りの サプライズ ステレオタイプの 安心感
目に見える形で落とし込む方法 ①自覚目的 ②会話目的 ③フォロー目的 ホーム / パソコン・周辺機器 / ディスプレイ /
1 情報の入力 2 入力内容の確認 3 注文完了 1 2 3 … 8 苗字 名前 ゴールド会員 さん お気に入り お気に入り カートに追加しました 1 この商品を削除しますか? キャンセル 削除 氏名 山田 太郎 姓 名 氏名(アルファベット) YAMADA TARO 姓 名 2019 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月
None
Twitter: @isaikaori Facebook: isaikaori Blog: https://isaikaori.com ご静聴ありがとうございました