クックパッドの 2018 夏エンジニアインターンで講義に用いた資料です。
クックパッドのサービス開発Cookpad Summer Internship 2018 -10 Day Tech-会員事業部 新井康平
View Slide
自己紹介新井 康平 @SpicyCoffee66 会員事業部 エンジニア (17 卒)2017年:さがす体験改善, 新規事業バックエンド実装2018年:有料会員のさがす体験改善(PM)
今日のゴール• クックパッドのサービス開発に対する考え方を知る• クックパッドのサービス開発プロセスを知る• クックパッドのサービス開発プロセスを体感する
スケジュール10:00-11:30 サービス開発講義11:30-12:00 プロトタイプング講義・環境構築12:00-13:00 ランチ13:00-15:00 ワーク15:00-16:00 ユーザーインタビュー講義・インタビュー準備16:00-16:30 ユーザーインタビュー16:30-17:30 ワーク17:30-18:30 成果発表18:30-19:00 講評・日報
はじめにいつでも・なんでも質問してください
サービス開発とは？
サービス開発とは• ユーザーに価値を届けること• たとえば……‣ 困っていることを解決する‣ 不便だけど仕方なく使っている仕組みの代わりを提供する‣ 嬉しい・楽しいといった感情を強くする体験を提供する
いきなりですが質問です隣の人に誕生日プレゼントをあげるとしたら何をあげますか？
身近なサービス開発の例• 誕生日プレゼント選び‣ プレゼントを渡して人に喜んでもらうのは難しい‣ 友だちでも悩むし、家族ですら悩む‣ これを知らない人相手にやるのがサービス開発
わからないなら本人に聞けばいい？• 自分の欲しいものを言語化するのは難しい• ヘンリー・フォード 「もし顧客に、彼らの望むものを聞いていたら、彼らは『もっと速い馬がほしい』と答えていただろう」
サービス開発は難しい
サービス開発の難しさ• ゴールがわからない‣ ユーザーの持つ欲求は、本人も含めて誰にもわからない‣ ユーザーの持つ欲求は、時間とともに変わっていく• 今いる場所がわからない‣ 開発者は自分のサービスを正しく理解できていない• 失敗は前提
不確実で失敗は前提
不確実で失敗は前提→ 失敗を無駄にしない開発
科学的にサービス開発
科学的とは？ʦܗಈʧ̍ ߟ͑ํߦಈͷ͔͕ͨ͠ɺཧతɺ࣮ূతͰɺܥ౷ཱ͍ͬͯΔ͞·ɻʮՊֶతͳઆ໌ʯ̎ ಛʹࣗવՊֶͷํ๏ʹ߹͍ͬͯΔ͞·ɻʮՊֶతͳࣝʹ͍͠ʯσδλϧେࣙઘ
科学的なサービス開発• 成功する確率が比較的高い• 失敗の原因が特定できる• 成否関係なく結果から情報を得られる• 特定個人の発想・センスに強く依存しない
よくある失敗すごそうな企画 開発降りてきたこれは当たるつくります！ 祝！リリース！
よくある失敗開発ごめん 今まで一体何を…… 利用者が無すごそうだった企画（別プロジェクトへ）
まとめると
サービス開発の考え方まとめ• サービス開発はものすごく難しい• 失敗からいかに学びを得るかが重要• そのために科学的なプロセスを意識する必要がある
実際どうやるの？
実際の開発では考えて(仮説)確かめる(検証)これをていねいに、高速に繰り返す
「考えて・確かめる」を高速にスパンの長い開発 スパンの短い開発一旦正解を決めて突き進む 正解を模索しながら進む
BML ループ
BML ループ• クックパッドのサービス開発の根底にある考え方• 最大のムダは誰も欲しがらないモノを作ること‣ このサービスは作れるか？ではなく、作るべきか？を問う
（Build の手前の）idea = 仮説
（Build の手前の）idea = 仮説• 仮説を立てるにはユーザーを深く理解することが必要• 理解のポイントは２つやりたい欲求できない課題
ユーザー理解の手法• 手法はいろいろ‣ ユーザーインタビュー‣ アンケート‣ ドッグフーディング‣ ログ分析ʜ
ペルソナ作成• 共通点をペルソナにする• ユーザーは百人十色‣ ただし、似た属性・志向を持つ ユーザーの行動パターンは 数個に収束する• その行動パターンを言語化し ペルソナにする‣ チーム内でユーザー像の認識を揃える
仮説の定義• 対象となるペルソナの抱えている課題を発見‣ 解決すべき課題はなにか？‣ どうやって解決するか？‣ 解決によって得られるものは？‣ 解決にかかるコストは？‣ 代替手段を使ってでも解決しようとしている？
Build
Build• 課題の解決策を具体化する‣ まずはユーザーのストーリーを考える‣ ストーリーを実現する解決策の案を出す‣ 仮説と解決策をまとめて言語化する‣ それを最小コストで実現する
ユーザーのストーリーを考える• 解決策を点で考えないことが重要‣ いきなり機能を考えようとしない‣ まずは課題を抱えてから解決するまでの流れを線で考える （ストーリーを描く→ユーザーストーリー）
ユーザーストーリー• 開発者目線で書くべからず• ユーザーの物語視点で書くべし• 機能名や UI 名を書くべからず
フリマアプリのストーリー例• セールで狙っていた服を買い逃してしまった• 諦めきれずフリマで売りに出ているものを探す• 運良く服を見つけ、状態も新品であることを確認• が、販売価格が高かったのでひとまず保存しておく• 一週間後、値下げされたことを知る• 他の人に狙われないうちに、急いで購入手続きをした
• セールで狙っていた服を買い逃してしまった• 諦めきれずフリマで売りに出ているものを探す• 運良く服を見つけ、状態も新品であることを確認• が、販売価格が高かったのでひとまず保留にしおく• 一週間後、値下げ情報が Push 通知で届いた• 他の人に狙われないうちに、急いで購入手続きをしたたとえば機能名を書くとそこで思考停止する→ Push 通知以外の選択肢が頭から消える
アプリでの行動例• セールで狙っていた服を買い逃してしまった• 諦めきれずフリマで売りに出ているものを探す• 運良く服を見つけ、状態も新品であることを確認• が、販売価格が高かったのでひとまず保存しておく• 一週間後、値下げされたことを知る• 他の人に狙われないうちに、急いで購入手続きをしたブランド名で検索商品詳細の確認いいねPush 通知受信購入申請
フリーマーケットでの行動例• セールで狙っていた服を買い逃してしまった• 諦めきれずフリマで売りに出ているものを探す• 運良く服を見つけ、状態も新品であることを確認• が、販売価格が高かったのでひとまず保存しておく• 一週間後、値下げされたことを知る• 他の人に狙われないうちに、急いで購入手続きをした会場で探す手にとって確認記憶・メモフリマに再訪声掛け
ポイント• ユーザー視点で記述することで、 既存の代替手段と比較が可能になる• あえて画面外の行動も書く• そのままユーザーテストでやってもらうことの リストとすることもできる
解決策の案を出すインプットアウトプット案の決定
解決策の案を出す既存のアイディアを組み合わせるインプットアウトプット案の決定無理矢理にでも広げるイメージしやすいように具体化する
光速デモ解決策の案を出す既存のアイディアを組み合わせるインプットアウトプット案の決定無理矢理にでも広げるイメージしやすいように具体化するCrazy8sソリューションスケッチ
光速デモ既存サービスの 使えそうな点（ビッグアイディア）を共有する
光速デモ
光速デモサービスじゃなくても使えそうなアイディアなら OK
Crazy8s時間を区切ってアイディアやバリエーションを出しまくる
ソリューションスケッチ解決策を 3 コマ程度のスケッチで表現する
ソリューションスケッチ
注意点• 各フェーズできちんと制限時間を設ける‣ ダラダラ考えてもいいアイディアはでない‣ 原則この時点では「何もわかっていない」‣ 議論が空中戦になりやすい
仮説と解決策の言語化1. 利用者: そのサービスは誰が使う？2. 価値: そのサービスを使うと何がうれしいの？3. 体験: その価値はどんな体験から得られる？4. 機能: その体験がどんな機能があれば実現できる？抑えるべきポイント
フレームワーク世間にある手法 クックパッド独自• シナリオ• ジャーニーマップ• ストーリーボード• 価値仮説シート• EOGS• ステートメントシートʜ
価値仮説シート
最小コストで実現する• 課題解決策のアイディアを具体化• 可能な限り小さな実装で仮説を検証する = MVP‣ Minimum Viable Product‣ 検証を行える可能な限り小さいもの‣ 「実装しない」のが最も小さい
MVP• 目的は「最短で仮説が検証できるものをつくる」こと• 方法はいろいろ‣ ペーパープロトタイピング‣ プロトタイプツールの利用（Flinto/Prott/InVision/…）‣ デモ環境での実装‣ 本番環境での実装• 目的に合わせて最小コストのものを選択する
Measure
Measure• つくって終わりじゃ意味がない• 出てきた結果をから仮説の答え合わせをして 次に活かすのが何よりも大事‣ 仮説は正しかったのか？間違っていたのか？‣ どこが正しかったのか？どこが間違っていたのか？‣ このまま進んでいいのか？方向転換が必要か？
検証方法• 大雑把に分けると定性と定量• 定性データ‣ ユーザーインタビューのログ‣ アンケートの自由記述欄• 定量データ‣ PV, UU, CV, リテンションなど‣ ログを元にした数値情報
定性 vs 定量• 前提としてどちらの視点も必須• それぞれに得意不得意があるので、 施策内容やサービスのフェーズ等で重み付けを変える
定性評価• 代表的なのはユーザーテスト
定性評価• 代表的なのはユーザーテスト• ユーザーの体験やその理由を直接確認できるので、 行動の裏付けとなる情報が得られる• 一方で、情報の正確性には注意が必要‣ テスト対象が特殊な属性だったら？‣ ユーザーが無自覚に普段の行動と違う話をしていたら？
定量評価• 代表的なのは AB テスト
定量評価• 代表的なのは AB テスト• 正確な情報を得ることができる‣ 前提や検証の状況を疑うことは必要• 一方で、行動の理由はわからないため ユーザー体験を裏付ける情報は得られない‣ 施策の数字 良かった/悪かった のはなぜ？ ↑ この問いが仮説の域から出ることはない
定性 vs 定量定性評価 定量評価• 得られる ”情報量” が多い• どうあがいても主観が入る• サンプルが偏る可能性が高い• 明確な結果は出てきづらい• 検証期間自体は短い• 得られる “情報量” が少ない• 主観が入りづらい• サンプルの偏りを減らせる• 明確な結果が出しやすい• それなりの検証期間が必要
定性評価が向いてる 定量評価が向いてる• サンプル数が少ない• 検証したい体験が複雑• コンセプトを詰めていきたい• サンプル数が十分に取れる• 検証したい体験がシンプル• コンセプトが成熟している定性と定量の使い分けサンプル数の判断は難しい簡単にやるなら https://www.optimizely.com/sample-size-calculator/ などのサイトが使えるFYI: https://techlife.cookpad.com/entry/2016/09/26/111601
Build との関係性• 実際にはつくるものと検証方法はセットで決める‣ ユーザーテストをするならプロトでいい‣ AB テストをするなら実装が必要
Learn
Learn• しらべて終わりじゃ意味がない• 出てきた結果をから仮説の答え合わせをして 次に活かすのが何よりも大事（再掲）‣ はかっただけじゃ答え合わせができていない• 学んだ結果を次の仮説のタネにする• 組織内に共有できるのがベスト
“学び” とは？
“学び” とは？こっちは施策打てばわかる（やるだけ）
“学び” とは？気をつけるのはこっち事前にサービスに対する現状の理解を固めておかないと得られる学びの量が減る
“学び” を得るために• しっかりと仮説を立てて言語化しておく• 指標の解釈を整理しておく‣ この数値が 高い/低い のは何を意味する？その時どうする？• 結果の数値やユーザーの反応を想定しておく‣ 測定指標がどのくらいになったらどうする？‣ 想定と違った反応を見せたのはなぜ？‣ 「なんとなく Go」を避ける• 成功のイメージを共有する
要するに
仮説を立てた段階でサイクル全体を設計しておくԿΛͭͬͯ͘Ͳ͏ݕূͯ͠Ͳ͏ղऍ͢Δͷ͔
施策実施前の整理一例
情報共有について• 知見は放っておくと腐って死ぬ• 知見共有されない問題‣ どこにプールされているか判然としない‣ 知見が属人的になる‣ ならまだいい方で時がたって本人もはっきり覚えていない感じになる‣ 最悪だと組織改編や転職で闇に消える
情報共有について• 知見は放っておくと腐って死ぬ• 間違った知見共有される問題‣ 結果の数字の読み取り方がおかしい‣ そもそも KPI の設定がおかしい‣ 検証の期間が短すぎて正確性に欠ける‣ といったようなことに気づかず正しい知見として共有される
社内独自の取り組み• Report.md‣ 施策に関する仮説や結果等を Markdown 形式でまとめる‣ 運用を Pull Request 形式で行うのがポイント‣ チームのレポジトリにレビューの通った知見が貯まっていく
Report.md1. 施策の分析レポートを Markdown で作成し、PR を出す
Report.md2. チームメンバーを中心にレポートをレビュー
Report.md3. レビューが通ったら merge してレポートをプール
Report.md 一例
サービス開発のフローまとめ• 「考えて・確かめる」を丁寧かつ高速に繰り返す‣ Build: 仮説からつくるものを決める, 最小の実装ですませる‣ Measure: 定性と定量の両視点を持つ, 検証方法も吟味する‣ Learn: 事前の想定が重要, 組織内に情報を共有する• 要所要所で社内外のフレームワークを利用‣ 最近ではデザインスプリントというフレームワークが流行り
今日の内容は現場でも常に全て実践されている？• No‣ 「ペルソナを作らないと先に進めない」みたいなことはない• プロジェクトの状況とメンバー次第‣ 「時間を何に使うか」の見極めは重要• 今日の内容はベースとなるフロー‣ 守破離の「守」‣ 迷ったらここに立ち返る
Q&A
spicycoffee
itounagi0116
harunakano
bigtree
cibmc
n0bisuke2
ddeimeke
yukima77
awsjcpm
hageyahhoo
fukumay
taokiuhuru
takasumasakazu
lauravandoore
3n
maltzj
chriscoyier
aleyda
erikaheidi
eileencodes
rocio
addyosmani
tanoku
hannesfritz