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.8k
エディタの入力時間を11%減らした話
sn_taiga
0
190
「よさそう」から「絶対いい」にするための価値検証
sn_taiga
1
1.1k
React Nativeで作る「触れるプロトタイプ」の活用
sn_taiga
1
1.2k
Cookpad Design Bar
sn_taiga
0
26
Other Decks in Design
See All in Design
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
870
Slip N Slime - Character Design Ideation
thebogheart
0
300
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
0
1k
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
2k
情報設計からのデザインアプローチ ~ユーザーの声を聞くよりも、もっとデータの声を聞け~
securecat
4
2.3k
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
1
460
Fleet Gas Station
joshtang
0
130
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
1
760
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
250
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
210
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
300
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
790
Featured
See All Featured
Thoughts on Productivity
jonyablonski
67
4.3k
Become a Pro
speakerdeck
PRO
24
5k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
9
680
Raft: Consensus for Rubyists
vanstee
136
6.6k
The Cult of Friendly URLs
andyhume
78
6k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Bash Introduction
62gerente
608
210k
The Art of Programming - Codeland 2020
erikaheidi
51
13k
Writing Fast Ruby
sferik
626
61k
Facilitating Awesome Meetings
lara
49
6k
The Invisible Side of Design
smashingmag
297
50k
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