Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで

Holiday のデザインと開発
ユーザーに価値を届けるためのプロトタイピングから実装まで
2015.07.23

いつもの休日のおでかけを
楽しくすることで
人生を豊かにする

フルタイムチームメンバー(全員2014年度入社)
コンテンツ
エンジニアデザイナー
コミュニティ
リーダー
※2015年6月時点

Keisuke Tada
多田圭佑デザイナー
Holiday のプロダクト全般を担当
Web、iOS、クライアントサイド、サーバサイド

ユーザに価値を届ける
プロダクトをつくる

価値のあるプロダクトをつくるために
速さ品質×

速さ
品質
・価値を発見する
・ユーザの変化に適応する
・価値を正しく届ける
・価値を高める

速さ
品質
・価値を発見する
・ユーザの変化に適応する
・価値を正しく届ける
・価値を高める
どうやって？

仮説
実行検証
細かく
何回も

価値仮説シート
（ユーザ）は、
（欲求）（し）たいが、
（課題）（ない）ので、
（製品の特徴）（こと）に価値がある
仮説

価値仮説シート
（ユーザ）おでかけが好きでよくでかける人は、
（欲求）自分のおすすめプランを人に教えたいが、
（課題）プランを伝えるのに手間がかかるので、
（特徴）簡単に魅力的なプランが作れることに
________価値がある
仮説 Holiday の例

Emotion Oriented Goal Setting Framework仮説

アプリケーション定義ステートメント仮説
• キラー要素
• ターゲット
• ユースケース
• コア機能/サブ機能
• 諦めること
• 関連アプリとの差別化

MVP
Minimum Viable Product
実行

実行ペーパープロトタイピング

検証
• 仮説が正しいかを測る指標の計測
• ファネル分析、リテンション
• ユーザビリティテスト、ヒアリング

なによりもまず 
アプリケーション定義
ステートメント

アプリケーション定義ステートメント復習
• キラー要素
• ターゲット
• ユースケース
• コア機能/サブ機能
• 諦めること
• 関連アプリとの差別化

アプリケーション定義 
ステートメントを元に 
ペーパープロトタイピング

おでかけプラン詳細画面は
とにかくイケてる感じにしたい！
投稿者がもっと投稿したくなる
もっとおでかけしたくなる
"

おでかけプラン詳細画面は
とにかくイケてる感じにしたい！

これほんとにイケてるのか…？
見た人がこのプラン良いと思える？

これほんとにイケてるのか…？
見た人がこのプラン良いと思える？
他の方法でプロトタイプ
作って検証する
"

既存サービスでおでかけプラン作成1

既存の Web View で HTML, CSS
を少しいじってレイアウト変更2

2パターンでおでかけプランを
見たり探したりしてもらって
その様子を観察・意見を聞いた
探しやすさ、行きたいと思えるか
などを総合的に考慮して後者を採用
"

Sketch で画面イメージ作成
"
Flinto でおおまかな遷移を
実際に触って確認できるように

そして実装フェーズへ

エンジニアデザイナー
業務委託（週2日）

主に UI 部分は自分がどんどん実装

自分のコミット数
業務委託のエンジニアのコミット数

旧 TestFlight で社内の人に
β版を配信し、日常的に使ってもらう

フィードバックをもとに
多くの UI を実装しながら変更

価値を正しく伝えるための
トランジションやインタラクション
のデザインと実装も同時に

仮説
実行検証
その後も
繰り返し

まとめ
1
2
3
ユーザに価値を届けるプロダクトをつくる
速さと品質の両立が必要
仮説・実行・検証を細かく何度も繰り返す

Recomendados