eコマースと実店舗の相互利益を目指したデザイン #yjtc

1K Views

February 03, 22

#yjtc #eコマース #実店舗連携 #UXデザイン #カスタマージャーニーマップ #グッドデザイン賞

スライド概要

2021年の「グッドデザイン賞」ではヤフーから4案件が受賞しました。本セッションでは「PayPayモールの実店舗在庫連携」について、案件の立ち上げから、リリースを通して改善・工夫した事、グッドデザイン賞の受賞経緯など、デザイナー目線でお話しします。

Yahoo! JAPAN Tech Conference 2022は2022年2月3日、4日に開催しました。
https://techconference.yahoo.co.jp/2022/

アーカイブ動画はこちらからご覧ください。
https://youtu.be/MFnZd1j4SUk

Yahoo!デベロッパーネットワーク

@ydnjp

スライド一覧

2023年10月からSpeaker Deckに移行しました。最新情報はこちらをご覧ください。 https://speakerdeck.com/lycorptech_jp

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

（ダウンロード不可）

関連スライド

深層学習による自然言語処理入門: word2vecからBERT, GPT-3まで

Yahoo!デベロッパーネットワーク 159.9K

ゼロから始める転移学習

Yahoo!デベロッパーネットワーク 85.4K

ヤフーにおける WebAuthn と Passkey の UX の紹介と考察 #idcon #fidcon

idcon fidcon

Yahoo!デベロッパーネットワーク 72.6K

OpenID Connectとネイティブアプリを取り巻く仕様と動向 Yahoo! JAPANの取り組み #openid #openid_tokyo

openid openid_tokyo

Yahoo!デベロッパーネットワーク 57.4K

運用業務とスクラムは本当に組み合わせにくいのか︖運用業務が大半を占めるプロダクト開発での試行錯誤

devsumi

Yahoo!デベロッパーネットワーク 34.8K

ヤフーのオンプレ機械学習基盤AIPFについて #ml_kubernetes

ml_kubernetes

Yahoo!デベロッパーネットワーク 28.9K

各ページのテキスト

10.

実店舗在庫連携サービス成り⽴ちの背景実店舗在庫サービスのメリットユーザー・店舗で受取することによってすぐに確実に商品を⼿にできる・店舗で実際の商品を確認した上でキャンセルが可能・ネットに商品がない場合、店舗の在庫という選択肢が増えるお店・配送不要＆レジ不要のためコストが⼤幅に削減される・ついで買いにより売上が増える配送・運送業への負荷が軽減される ©2022 Yahoo Japan Corporation All rights reserved.

11.

12.

eコマースと実店舗の相互利益を⽬指したデザインサービスリリースまでの主な流れ ① 企画 ② デザイン ③ 開発承認 ④ コーディング開発・テストサービスの概画⾯デザインサービスマ HTMLやCSS、実際に利⽤で要・仕様検討を作成ネージャーに JS等主にWeb きるように承認の⾒た⽬のシステム実装/ コーディングテスト実施営業・ストア連携 ⑤ サービス導⼊の営業やストアがスムーズにサービスを利⽤できるように連携 ©2022 Yahoo Japan Corporation All rights reserved. リリ " ス

13.

14.

eコマースと実店舗の相互利益を⽬指したデザインカスタマージャーニーマップユーザーの体験全体を可視化したもの（参考︓WEB製作者のためのUXデザインを始める本）ステージタッチポイント⾏動思考感情思い立つ調べる⽇常 SNS SNS 検索エンジン PayPayモール友⼈の結婚式のスケジュールを確認。 • • • ⽬的買い。思ったより汚れた為新しい靴が必要。結婚式まであと1週間。急がなきゃ 😣 商品名検索ブランド検索シーンで検索「結婚式お呼ばれ靴」お店を検索して商品を⽐較したい・店舗の場所/ 営業時間を知りたい以下改善案など ©2022 Yahoo Japan Corporation All rights reserved. 🙂 認知する SNS/記事検索エンジン PayPayモール • • • SNS⼝コミで web広告で PPMアプリのモジュールで「取り置き」店に⾏って試した後にキャンセルできるのであれば、時間短縮になって嬉しいから使ってみようかな 🙂 商品選択 SNS PayPayモール • • • • SNS上評判商品検索画⾯で⽐較スペック/値段/レビュー近くの店舗に在庫があるか型と⾊違いで悩んだ︕どっちがいいか決めきれないから実物を試したい。 😣 店舗選択 PayPayモール地図アプリ • • 店舗⼀覧を⾒る値段/アクセス/準備時間/ ストアの信⽤度etc.⽐較すぐに受け取れる/アクセスしやすい/信⽤できる /安い/悩んだ商品全部在庫がある店舗がいい︕ 🙂 注文する PayPayモール地図アプリ • • • カートに⼊れる決済するor取り置き決済完了後完了メール等を確認取り置きできたから安⼼。決済は後で良いキャンセルOKだから気楽︕商品を⼿に⼊れるのが楽しみ 🙂 来店する PayPayモール地図アプリ • • • • 準備をする店までのアクセスを調べる来店する取置商品の陳列や他の商品を⾒る 😄 商品を手に入れるのが楽しみ。他の商品も良いのがあった︕試してみたい試す、受取 PayPayモール実店舗 • • 店員や専⽤ロッカーに取り置き商品⽤画⾯を表⽰実物を試す 😄 全部試せたから、1番良い商品がわかった︕ 良い店だったから、頻繁に覗いてみよう

15.

16.

eコマースと実店舗の相互利益を⽬指したデザイン実店舗在庫のフローパターン新規サービスで関わる画⾯数が多い。またパターンが多数ある ECの在庫ないあるバリエーションあるバリエーションない住所近郊の店舗ある住所近郊の店舗住所近郊の店舗ない注文できる在庫問合せのみ ©2022 Yahoo Japan Corporation All rights reserved. ないあるあるない注文できる在庫問合せのみある住所近郊の店舗ない注文できる在庫問合せのみあるない注文できる在庫問合せのみ

17.

18.

eコマースと実店舗の相互利益を⽬指したデザインインタラクティブなモック作成 • リリースされたものを触っているように操作できる →ユーザー⽬線に近い⽅法でデザインをレビューできる・企画さんとの仕様詰める際に認識のズレが少ない・協⼒ストアの営業の際にイメージがつきやすい・開発さんとのスムーズなコミュニケーション ©2022 Yahoo Japan Corporation All rights reserved.

19.

20.

21.