レシピサービスに買い物体験を組み込むにあたって向き合った課題と解決までの話

2021.03.05開催のCreators MIX 2021で登壇した際の発表資料です
https://creatorzine.jp/news/detail/1791

Transcript

1. レシピサービスに買い物体験を組み込むにあ たって向き合った課題と解決までの話
2. 自己紹介 • 佐野大河です • 2017新卒でクックパッドアプリのデザインをやっています • 昨年の途中から、クックパッドアプリに買い物機能を組み込 む部分のデザインをやっています
5. プロジェクトにジョインしたときの話 • 昨年2月ごろ、「クックパッドアプリ内で、クックパッドマートと の連携をやるから、そこのデザイナーやってくれ」と言われ た
6. クックパッド • レシピの検索・投稿サービス • 毎日の「献立どうしよう」の声に応えています • （外部向け資料を持ってくる）
7. クックパッドマート • 地域の生産者が販売する食材を、1品から送料無料で、 ユーザーの近隣の受け取り場所へお届けするサービス • （外部向け資料持ってくる）
8. クックパッドマート • 地域の生産者が販売する食材を、1品から送料無料で、 ユーザーの近隣の受け取り場所へお届けするサービス • （外部向け資料持ってくる）
11. どんなことができそう？ • レシピに必要な材料が買える • 買う食材でつくれるレシピが見つかる ◦ 真っ先に思いつくのはこのあたり？当時の自分もこれをイメージしましたし、 実際最初の叩きとして描かれていたものもこういったものでした
12. どんなことができそう？ • レシピに必要な材料が買える • 買う食材でつくれるレシピが見つかる ◦ 真っ先に思いつくのはこのあたり？当時の自分もこれをイメージしましたし、 実際最初の叩きとして描かれていたものもこういったものでした
14. 作りたい体験は単純ではなく • 悩む時間が減り献立決めと買い物が今までよりも楽にな る！ • 買ったことない食材や、つくったことないレシピに今まで以上 に挑戦しやすくなる！ • etc...
15. ただ必要な食材が買える、必要なレシピが見つかる、じゃなく、レシピ と買い物が融合することでより広い範囲でユーザーの毎日の料理体 験を良くできる！
17. 昨年10月、買い物機能をリリース • こんなUI
18. 昨年10月、買い物機能をリリース • こんなUI
19. 昨年10月、買い物機能をリリース • こんなUI
22. リリースまでに向き合った3つの課題
23. 登場人物 • レシピを投稿している人 • レシピを探しに来ている人
24. 登場人物 • 買い物する人 • 買い物したくてもできない人
25. 「買い物をする人」以外の体験を設計する必要がある
26. 買い物機能を使えない人 • 買い物機能の対象ユーザーはクックパッドマートの配送エリ アのユーザーに限られるという制約への対応をどうするか...
27. レシピを探しに来ている人 • 多くの人は「今日の」献立をどうしようとレシピを探しにきて いる • 明日以降届く前提の買い物機能をネガティブに捉えられな いか...
28. レシピを投稿している人 • 「クックパッドがユーザーのレシピを使って儲けようとしてい る」と印象がわるくならないか...
29. どうやってネガティブな印象を避けるか、、？ • 現CEO「価値のあるものだと信じてやってるわけだからポジ ティブに思えるようにしたいよね」 ◦ これによってどんどん最高のデザイン作れたぜ！てわけじゃないけど、考え 方として印象に残っています
30. どうやってネガティブな印象を避けるか、、？ • 現CEO「価値のあるものだと信じてやってるわけだからポジ ティブに思えるようにしたいよね」 ◦ これによってどんどん最高のデザイン作れたぜ！てわけじゃないけど、考え 方として印象に残っています
31. どうやってネガティブな印象を避けるか、、？ • 現CEO「価値のあるものだと信じてやってるわけだからポジ ティブに思えるようにしたいよね」 ◦ これによってどんどん最高のデザイン作れたぜ！てわけじゃないけど、考え 方として印象に残っています
32. ネガティブをどう避けるかよりも いかにポジティブに思ってらもえるか
33. [買い物機能を使えない人]
34. 90%以上のユーザーが機能を使えない • クックパッドマートの配送エリアのユーザーに限られるが故 • とはいえクックパッドには全国にユーザーがいる • 人口比率にすると90%以上のユーザーが機能を使えない
46. この辺りの話はnoteにも書いたのでぜひ • リンク
47. [レシピを探しに来ている人] レシピ閲覧の邪魔にならない、かつ、レシピ探し→買い物がスムー ズになるように（もうちょい端的に）
48. ほとんどの人がレシピを探しにきている • そこから買い物ができる体験をつくりたい ◦ それに価値があると信じてるので • 「今日の」献立を決めたい人、レシピを見てつくりたい人の邪魔 にならないか... ◦ 食材が買えることがレシピの付加価値になるには？ ◦ レシピを探す体験と買い物をする体験が共存するには？
56. レシピのどこから食材が買えるかのが良いか？ • レシピを見るのを邪魔せず、かつ「この食材が買える」とわかる ように ◦ 材料欄横のアイコンから変えるように。あくまでレシピが 主。ハーフモーダルであくまでレシピ画面の上で探せるよう に ◦ 他の没案も紹介？
68. [レシピを投稿している人] 自分の書いたレシピが役に立つと思えるように
71. レシピ作者さんに適切なコミュニケーションを • レシピから食材が買えるようになることを伝える • 「クックパッドがユーザーのレシピを使って儲けようとしている」 と印象がわるくならないか • PdM主導でメッセージを作り具体化
72. レシピから買い物できる体験をポジティブに伝える • こんなデザイン
79. リリースまでに向き合った課題まとめ
80. リリースまでに向き合った課題まとめ • ネガティブをどう解消するか、よりも、どうポジティブに捉えても らうか ◦ ユーザーにとって価値があると信じてやっているものなの で、その気持ちはストレートに • リアルな反応を見てバランスを決める ◦ 一方向に向きすぎないように ◦ 正直、ネガポジの反応は実際に見ないとわからない ◦ ユーザーインタビューを通じて解決策を決めていった
81. リリースまでに向き合った課題まとめ • ネガティブをどう解消するか、よりも、どうポジティブに捉えても らうか ◦ ユーザーにとって価値があると信じてやっているものなの で、その気持ちはストレートに • リアルな反応を見てバランスを決める ◦ 一方向に向きすぎないように ◦ 正直、ネガポジの反応は実際に見ないとわからない ◦ ユーザーインタビューを通じて解決策を決めていった
82. リリースまでに向き合った課題まとめ • ネガティブをどう解消するか、よりも、どうポジティブに捉えても らうか ◦ ユーザーにとって価値があると信じてやっているものなの で、その気持ちはストレートに • リアルな反応を見てバランスを決める ◦ 一方向に向きすぎないように ◦ 正直、ネガポジの反応は実際に見ないとわからない ◦ ユーザーインタビューを通じて解決策を決めていった
84. リリースしてどうだったの？
85. リリースしてどうだったの？ • 懸念していた既存ユーザーのネガティブな反応、炎上のような わかりやすいトラブルは皆無 • 一方で、自然に買い物を使い始める人も全然いない ◦ 家にあるもので何つくろう、と買い物は文脈が逸れている
86. まだまだこれから
90. 現在地と未来（イベントのタイトルにあやかってまとめ） • 現在地 ◦ 買い物する以外の人も含めポジティブに感じるユーザーとのコ ミュニケーションを整え、レシピ×買い物の土台をつくった • 未来 ◦ 「献立決め」と「買い物」が融け合った新しい体験をつくり、毎日 の料理がより楽しみになるようにしていく