holiday のデザインと開発 -...
TRANSCRIPT
![Page 1: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/1.jpg)
Holiday のデザインと開発 ユーザーに価値を届けるためのプロトタイピングから実装まで
2015.07.23
![Page 2: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/2.jpg)
![Page 3: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/3.jpg)
いつもの休日のおでかけを
楽しくすることで
人生を豊かにする
![Page 4: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/4.jpg)
![Page 5: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/5.jpg)
![Page 6: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/6.jpg)
フルタイムチームメンバー (全員2014年度入社)
コンテンツ
エンジニア デザイナー
コミュニティ
リーダー
※2015年6月時点
![Page 7: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/7.jpg)
Keisuke Tada
多田 圭佑 デザイナー
Holiday のプロダクト全般を担当 Web、iOS、クライアントサイド、サーバサイド
![Page 8: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/8.jpg)
ユーザに価値を届ける プロダクトをつくる
![Page 9: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/9.jpg)
価値のあるプロダクトをつくるために
速さ 品質×
![Page 10: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/10.jpg)
価値のあるプロダクトをつくるために
速さ
品質
・価値を発見する
・ユーザの変化に適応する
・価値を正しく届ける
・価値を高める
![Page 11: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/11.jpg)
価値のあるプロダクトをつくるために
速さ
品質
・価値を発見する
・ユーザの変化に適応する
・価値を正しく届ける
・価値を高める
どうやって?
![Page 12: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/12.jpg)
仮説
実行検証
細かく 何回も
![Page 13: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/13.jpg)
仮説
実行検証
![Page 14: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/14.jpg)
価値仮説シート
(ユーザ) は、
(欲求) (し)たいが、
(課題) (ない)ので、
(製品の特徴) (こと)に価値がある
仮説
![Page 15: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/15.jpg)
価値仮説シート
(ユーザ)おでかけが好きでよくでかける人 は、
(欲求)自分のおすすめプランを人に教え たいが、
(課題)プランを伝えるのに手間がかかる ので、
(特徴)簡単に魅力的なプランが作れる ことに________価値がある
仮説 Holiday の例
![Page 16: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/16.jpg)
Emotion Oriented Goal Setting Framework仮説
![Page 17: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/17.jpg)
アプリケーション定義ステートメント仮説
• キラー要素
• ターゲット
• ユースケース
• コア機能/サブ機能
• 諦めること
• 関連アプリとの差別化
![Page 18: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/18.jpg)
仮説
実行検証
![Page 19: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/19.jpg)
MVP Minimum Viable Product
実行
![Page 20: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/20.jpg)
実行 ペーパープロトタイピング
![Page 21: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/21.jpg)
実行 Flinto/Prott
![Page 22: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/22.jpg)
Keynote実行
![Page 23: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/23.jpg)
仮説
実行検証
![Page 24: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/24.jpg)
検証
• 仮説が正しいかを測る指標の計測
• ファネル分析、リテンション
• ユーザビリティテスト、ヒアリング
![Page 25: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/25.jpg)
![Page 26: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/26.jpg)
なによりもまずアプリケーション定義 ステートメント
![Page 27: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/27.jpg)
アプリケーション定義ステートメント復習
• キラー要素
• ターゲット
• ユースケース
• コア機能/サブ機能
• 諦めること
• 関連アプリとの差別化
![Page 28: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/28.jpg)
!
![Page 29: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/29.jpg)
コア機能多すぎ!
![Page 30: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/30.jpg)
!
![Page 31: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/31.jpg)
アプリケーション定義ステートメントを元にペーパープロトタイピング
![Page 32: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/32.jpg)
![Page 33: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/33.jpg)
![Page 34: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/34.jpg)
おでかけプラン詳細画面は とにかくイケてる感じにしたい!
投稿者がもっと投稿したくなる もっとおでかけしたくなる
"
![Page 35: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/35.jpg)
おでかけプラン詳細画面は とにかくイケてる感じにしたい!
![Page 36: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/36.jpg)
これほんとにイケてるのか…? 見た人がこのプラン良いと思える?
![Page 37: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/37.jpg)
これほんとにイケてるのか…? 見た人がこのプラン良いと思える?
他の方法でプロトタイプ 作って検証する
"
![Page 38: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/38.jpg)
既存サービスでおでかけプラン作成1
![Page 39: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/39.jpg)
既存の Web View で HTML, CSS を少しいじってレイアウト変更2
![Page 40: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/40.jpg)
2パターンでおでかけプランを 見たり探したりしてもらって その様子を観察・意見を聞いた
探しやすさ、行きたいと思えるか などを総合的に考慮して後者を採用
"
![Page 41: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/41.jpg)
Sketch で画面イメージ作成
"
Flinto でおおまかな遷移を 実際に触って確認できるように
![Page 42: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/42.jpg)
![Page 43: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/43.jpg)
そして実装フェーズへ
![Page 44: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/44.jpg)
エンジニア デザイナー
業務委託(週2日)
?
![Page 45: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/45.jpg)
主に UI 部分は自分がどんどん実装
![Page 46: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/46.jpg)
自分のコミット数
業務委託のエンジニアのコミット数?
![Page 47: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/47.jpg)
旧 TestFlight で社内の人に β版を配信し、日常的に使ってもらう
![Page 48: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/48.jpg)
フィードバックをもとに 多くの UI を実装しながら変更
![Page 49: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/49.jpg)
!
![Page 50: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/50.jpg)
!
![Page 51: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/51.jpg)
!
![Page 52: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/52.jpg)
価値を正しく伝えるための トランジションやインタラクション
のデザインと実装も同時に
![Page 53: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/53.jpg)
![Page 54: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/54.jpg)
![Page 55: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/55.jpg)
仮説
実行検証
その後も 繰り返し
![Page 56: Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://reader034.vdocuments.mx/reader034/viewer/2022052215/55d283e1bb61ebf8098b45b7/html5/thumbnails/56.jpg)
まとめ
1
2
3
ユーザに価値を届けるプロダクトをつくる
速さと品質の両立が必要
仮説・実行・検証を細かく何度も繰り返す