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