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

2015.07.23

いつもの休日のおでかけを

楽しくすることで

人生を豊かにする

フルタイムチームメンバー (全員2014年度入社)

コンテンツ

エンジニア デザイナー

コミュニティ

リーダー

※2015年6月時点

Keisuke Tada

多田 圭佑 デザイナー

Holiday のプロダクト全般を担当 Web、iOS、クライアントサイド、サーバサイド

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

価値のあるプロダクトをつくるために

速さ 品質×

価値のあるプロダクトをつくるために

速さ

品質

・価値を発見する

・ユーザの変化に適応する

・価値を正しく届ける

・価値を高める

価値のあるプロダクトをつくるために

速さ

品質

・価値を発見する

・ユーザの変化に適応する

・価値を正しく届ける

・価値を高める

どうやって？

仮説

実行検証

細かく 何回も

仮説

実行検証

価値仮説シート

（ユーザ）　　　　　　　　　　 は、

（欲求）　　　　　　　　　　（し）たいが、

（課題）　　　　　　　　　　（ない）ので、

（製品の特徴）　　　　　　　（こと）に価値がある

仮説

価値仮説シート

（ユーザ）おでかけが好きでよくでかける人 は、

（欲求）自分のおすすめプランを人に教え たいが、

（課題）プランを伝えるのに手間がかかる ので、

（特徴）簡単に魅力的なプランが作れる ことに________価値がある

仮説 Holiday の例

Emotion Oriented Goal Setting Framework仮説

アプリケーション定義ステートメント仮説

• キラー要素

• ターゲット

• ユースケース

• コア機能/サブ機能

• 諦めること

• 関連アプリとの差別化

仮説

実行検証

MVP Minimum Viable Product

実行

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

実行 Flinto/Prott

Keynote実行

仮説

実行検証

検証

• 仮説が正しいかを測る指標の計測

• ファネル分析、リテンション

• ユーザビリティテスト、ヒアリング

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

アプリケーション定義ステートメント復習

• キラー要素

• ターゲット

• ユースケース

• コア機能/サブ機能

• 諦めること

• 関連アプリとの差別化

!

コア機能多すぎ！

!

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

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

投稿者がもっと投稿したくなる もっとおでかけしたくなる

"

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

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

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

他の方法でプロトタイプ 作って検証する

"

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

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

2パターンでおでかけプランを 見たり探したりしてもらって その様子を観察・意見を聞いた

探しやすさ、行きたいと思えるか などを総合的に考慮して後者を採用

"

Sketch で画面イメージ作成

"

Flinto でおおまかな遷移を 実際に触って確認できるように

そして実装フェーズへ

エンジニア デザイナー

業務委託（週2日）

?

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

自分のコミット数

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

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

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

!

!

!

価値を正しく伝えるための トランジションやインタラクション

のデザインと実装も同時に

仮説

実行検証

その後も 繰り返し

まとめ

1

2

3

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

速さと品質の両立が必要

仮説・実行・検証を細かく何度も繰り返す