Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
レシピサービスに買い物体験を組み込むにあたって向き合った課題と解決までの話
Search
Taiga Sano
March 05, 2021
Design
0
3.9k
レシピサービスに買い物体験を組み込むにあたって向き合った課題と解決までの話
2021.03.05開催のCreators MIX 2021で登壇した際の発表資料です
https://creatorzine.jp/news/detail/1791
Taiga Sano
March 05, 2021
Tweet
Share
More Decks by Taiga Sano
See All by Taiga Sano
2020 Cookpad Online Spring Internship
sn_taiga
1
2.5k
ReDesigner Meetup 2020 Winter
sn_taiga
0
1.2k
クックパッドのサービス開発の日常とデザイナーの醍醐味
sn_taiga
1
7.9k
エディタの入力時間を11%減らした話
sn_taiga
0
200
「よさそう」から「絶対いい」にするための価値検証
sn_taiga
1
1.1k
React Nativeで作る「触れるプロトタイプ」の活用
sn_taiga
1
1.2k
Cookpad Design Bar
sn_taiga
0
27
Other Decks in Design
See All in Design
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
210
root COMPANY DECK / We are hiring!
root_recruit
1
17k
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
850
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
350
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3k
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
380
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
1k
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
580
発表資料テンプレート / My slide template
thatblue
0
190
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
240
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
100
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.2k
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
620
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Producing Creativity
orderedlist
PRO
343
39k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
Code Review Best Practice
trishagee
65
17k
Rails Girls Zürich Keynote
gr2m
94
13k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
Practical Orchestrator
shlominoach
186
10k
4 Signs Your Business is Dying
shpigford
182
22k
Making Projects Easy
brettharned
116
6k
Transcript
レシピサービスに買い物体験を組み込むにあ たって向き合った課題と解決までの話
自己紹介 • 佐野大河です • 2017新卒でクックパッドアプリのデザインをやっています • 昨年の途中から、クックパッドアプリに買い物機能を組み込 む部分のデザインをやっています
None
None
プロジェクトにジョインしたときの話 • 昨年2月ごろ、「クックパッドアプリ内で、クックパッドマートと の連携をやるから、そこのデザイナーやってくれ」と言われ た
クックパッド • レシピの検索・投稿サービス • 毎日の「献立どうしよう」の声に応えています • (外部向け資料を持ってくる)
クックパッドマート • 地域の生産者が販売する食材を、1品から送料無料で、 ユーザーの近隣の受け取り場所へお届けするサービス • (外部向け資料持ってくる)
クックパッドマート • 地域の生産者が販売する食材を、1品から送料無料で、 ユーザーの近隣の受け取り場所へお届けするサービス • (外部向け資料持ってくる)
None
None
どんなことができそう? • レシピに必要な材料が買える • 買う食材でつくれるレシピが見つかる ◦ 真っ先に思いつくのはこのあたり?当時の自分もこれをイメージしましたし、 実際最初の叩きとして描かれていたものもこういったものでした
どんなことができそう? • レシピに必要な材料が買える • 買う食材でつくれるレシピが見つかる ◦ 真っ先に思いつくのはこのあたり?当時の自分もこれをイメージしましたし、 実際最初の叩きとして描かれていたものもこういったものでした
None
作りたい体験は単純ではなく • 悩む時間が減り献立決めと買い物が今までよりも楽にな る! • 買ったことない食材や、つくったことないレシピに今まで以上 に挑戦しやすくなる! • etc...
ただ必要な食材が買える、必要なレシピが見つかる、じゃなく、レシピ と買い物が融合することでより広い範囲でユーザーの毎日の料理体 験を良くできる!
None
昨年10月、買い物機能をリリース • こんなUI
昨年10月、買い物機能をリリース • こんなUI
昨年10月、買い物機能をリリース • こんなUI
None
None
リリースまでに向き合った3つの課題
登場人物 • レシピを投稿している人 • レシピを探しに来ている人
登場人物 • 買い物する人 • 買い物したくてもできない人
「買い物をする人」以外の体験を設計する必要がある
買い物機能を使えない人 • 買い物機能の対象ユーザーはクックパッドマートの配送エリ アのユーザーに限られるという制約への対応をどうするか...
レシピを探しに来ている人 • 多くの人は「今日の」献立をどうしようとレシピを探しにきて いる • 明日以降届く前提の買い物機能をネガティブに捉えられな いか...
レシピを投稿している人 • 「クックパッドがユーザーのレシピを使って儲けようとしてい る」と印象がわるくならないか...
どうやってネガティブな印象を避けるか、、? • 現CEO「価値のあるものだと信じてやってるわけだからポジ ティブに思えるようにしたいよね」 ◦ これによってどんどん最高のデザイン作れたぜ!てわけじゃないけど、考え 方として印象に残っています
どうやってネガティブな印象を避けるか、、? • 現CEO「価値のあるものだと信じてやってるわけだからポジ ティブに思えるようにしたいよね」 ◦ これによってどんどん最高のデザイン作れたぜ!てわけじゃないけど、考え 方として印象に残っています
どうやってネガティブな印象を避けるか、、? • 現CEO「価値のあるものだと信じてやってるわけだからポジ ティブに思えるようにしたいよね」 ◦ これによってどんどん最高のデザイン作れたぜ!てわけじゃないけど、考え 方として印象に残っています
ネガティブをどう避けるかよりも いかにポジティブに思ってらもえるか
[買い物機能を使えない人]
90%以上のユーザーが機能を使えない • クックパッドマートの配送エリアのユーザーに限られるが故 • とはいえクックパッドには全国にユーザーがいる • 人口比率にすると90%以上のユーザーが機能を使えない
None
None
None
None
None
None
None
None
None
None
None
この辺りの話はnoteにも書いたのでぜひ • リンク
[レシピを探しに来ている人] レシピ閲覧の邪魔にならない、かつ、レシピ探し→買い物がスムー ズになるように(もうちょい端的に)
ほとんどの人がレシピを探しにきている • そこから買い物ができる体験をつくりたい ◦ それに価値があると信じてるので • 「今日の」献立を決めたい人、レシピを見てつくりたい人の邪魔 にならないか... ◦ 食材が買えることがレシピの付加価値になるには?
◦ レシピを探す体験と買い物をする体験が共存するには?
None
None
None
None
None
None
None
レシピのどこから食材が買えるかのが良いか? • レシピを見るのを邪魔せず、かつ「この食材が買える」とわかる ように ◦ 材料欄横のアイコンから変えるように。あくまでレシピが 主。ハーフモーダルであくまでレシピ画面の上で探せるよう に ◦ 他の没案も紹介?
None
None
None
None
None
None
None
None
None
None
None
[レシピを投稿している人] 自分の書いたレシピが役に立つと思えるように
None
None
レシピ作者さんに適切なコミュニケーションを • レシピから食材が買えるようになることを伝える • 「クックパッドがユーザーのレシピを使って儲けようとしている」 と印象がわるくならないか • PdM主導でメッセージを作り具体化
レシピから買い物できる体験をポジティブに伝える • こんなデザイン
None
None
None
None
None
None
リリースまでに向き合った課題まとめ
リリースまでに向き合った課題まとめ • ネガティブをどう解消するか、よりも、どうポジティブに捉えても らうか ◦ ユーザーにとって価値があると信じてやっているものなの で、その気持ちはストレートに • リアルな反応を見てバランスを決める ◦
一方向に向きすぎないように ◦ 正直、ネガポジの反応は実際に見ないとわからない ◦ ユーザーインタビューを通じて解決策を決めていった
リリースまでに向き合った課題まとめ • ネガティブをどう解消するか、よりも、どうポジティブに捉えても らうか ◦ ユーザーにとって価値があると信じてやっているものなの で、その気持ちはストレートに • リアルな反応を見てバランスを決める ◦
一方向に向きすぎないように ◦ 正直、ネガポジの反応は実際に見ないとわからない ◦ ユーザーインタビューを通じて解決策を決めていった
リリースまでに向き合った課題まとめ • ネガティブをどう解消するか、よりも、どうポジティブに捉えても らうか ◦ ユーザーにとって価値があると信じてやっているものなの で、その気持ちはストレートに • リアルな反応を見てバランスを決める ◦
一方向に向きすぎないように ◦ 正直、ネガポジの反応は実際に見ないとわからない ◦ ユーザーインタビューを通じて解決策を決めていった
None
リリースしてどうだったの?
リリースしてどうだったの? • 懸念していた既存ユーザーのネガティブな反応、炎上のような わかりやすいトラブルは皆無 • 一方で、自然に買い物を使い始める人も全然いない ◦ 家にあるもので何つくろう、と買い物は文脈が逸れている
まだまだこれから
None
None
None
現在地と未来(イベントのタイトルにあやかってまとめ) • 現在地 ◦ 買い物する以外の人も含めポジティブに感じるユーザーとのコ ミュニケーションを整え、レシピ×買い物の土台をつくった • 未来 ◦ 「献立決め」と「買い物」が融け合った新しい体験をつくり、毎日
の料理がより楽しみになるようにしていく
None
None