cookpad watch app story
TRANSCRIPT
![Page 1: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/1.jpg)
Cookpad Apple Watch App 誕生の舞台裏! 2015.5.27 "FreakOut
![Page 2: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/2.jpg)
# 自己紹介
• 三浦 慶樹 (miura yoshiki) • 買物情報事業部 開発グループ所属 •2014年9月からCookpadにjoin • iOSエンジニア •Cookpad本体アプリの開発
![Page 3: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/3.jpg)
$ 特売情報
• 料理するにはもちろん材料が必要になるので、買物も重要な要素 • スーパーなどの店舗さんからリアルタイムな情報を投稿してもらってお得な情報をユーザーに届ける
![Page 4: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/4.jpg)
% 今日お話しすること
• レシピ閲覧機能にした経緯 • Watchならではのユーザー体験 • 開発時に悩んだポイント • 困った時はユーザーファースト
![Page 5: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/5.jpg)
⌚アプリ紹介
• 一番最後に見たレシピの閲覧(材料と手順のみ) • 調理時間から起動できるタイマー機能
![Page 6: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/6.jpg)
' デモ
![Page 7: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/7.jpg)
( レシピ閲覧機能にしたいきさつ
![Page 8: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/8.jpg)
え、それ以外あるの?
![Page 9: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/9.jpg)
時計でレシピなんて見る? 見たいならiPhoneで見ればよくない?
![Page 10: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/10.jpg)
) 別アイデア
• 買物リスト、特売情報、キッチンタイマー、etc..
![Page 11: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/11.jpg)
* ユーザーのことを考える
![Page 12: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/12.jpg)
⌚ サブとして考える
![Page 13: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/13.jpg)
+ + ⌚ 料理中のちょっとしたことを手助けする
![Page 14: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/14.jpg)
, ユーザーストーリーを考える
名前: 石原 聡美 年齢: 29歳 性別: 女性 職業: 専業主婦 家族: 夫と2人のこども (6歳と3歳)
![Page 15: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/15.jpg)
• iPhoneで夕飯の献立を決めて、材料や作り方はざっと覚えて調理開始 ➡台所は狭くiPhoneは少し離れたキッチンボードにおいている
• 合わせ調味料の分量はどれくらいだったか?手元でさっと確かめた ➡Cookpad Watch Appを立ち上げて、材料を確認
• 材料も切り揃って、まずは何から炒めるのか再度確認をした ➡作り方を見て確認
• 最後は具材に味がしみるまで5分計って煮た ➡作り方のところにあるタイマーをタップして5分計る
![Page 16: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/16.jpg)
- 最近見たレシピ
最近見たレシピ レシピ詳細
![Page 17: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/17.jpg)
. 複雑さを感じた
![Page 18: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/18.jpg)
/ 圧倒的にシンプルに
![Page 19: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/19.jpg)
0 タイマー
modal
![Page 20: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/20.jpg)
0 タイマー
![Page 21: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/21.jpg)
( レシピの情報を必要最低限に
![Page 22: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/22.jpg)
+ iPhone App レシピ詳細
![Page 23: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/23.jpg)
①②
③④
⑤⑦
⑧
⑥
⑨
⑩
⑪
⑫
⑨ 作り方 ⑩ コツ・ポイント ⑪ レシピの生い立ち ⑫ おすすめの組み合わせ
+ iPhone App レシピ詳細
① タイトル ② 写真 ③ シェアボタンなど ④ レシピ概要 ⑤ 作者名 ⑥ つくれぽ数 ⑦ 材料 ⑧ 食材情報
![Page 24: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/24.jpg)
① タイトル ② 写真 ③ 作者名
④ 材料 ⑤ 作り方(ページング)
Apple Watch App レシピ詳細
![Page 25: Cookpad watch app story](https://reader034.vdocuments.mx/reader034/viewer/2022051113/55c80174bb61eb420d8b4642/html5/thumbnails/25.jpg)
* まとめ 1
• デバイスの役割を明確にする • 極力シンプルにする • 困ったときはユーザー視点にたつ