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
4k
レシピサービスに買い物体験を組み込むにあたって向き合った課題と解決までの話
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.6k
ReDesigner Meetup 2020 Winter
sn_taiga
0
1.3k
クックパッドのサービス開発の日常とデザイナーの醍醐味
sn_taiga
1
8k
エディタの入力時間を11%減らした話
sn_taiga
0
200
「よさそう」から「絶対いい」にするための価値検証
sn_taiga
1
1.2k
React Nativeで作る「触れるプロトタイプ」の活用
sn_taiga
1
1.2k
Cookpad Design Bar
sn_taiga
0
31
Other Decks in Design
See All in Design
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
530
Haley's adventure chase
ivettetwin
0
230
今日から意識できるアクセシビリティ
fumiko
0
250
Cards | Storyboards
giofortuna_story
0
290
株式会社バクタム 会社説明資料
bactum
0
240
minpaku-community-scrum-patterns
norinity1103
1
120
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
290
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
280
私とデザインの10年
iflection
0
150
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
A better future with KSS
kneath
239
17k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Building Applications with DynamoDB
mza
95
6.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Balancing Empowerment & Direction
lara
1
400
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Music & Morning Musume
bryan
46
6.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
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