サービスやアプリを立ち上げる際に使うスタートアップ向けのフレームワークをまとめました。 サービス設計からインターフェイスに落とす手段まで。 既存サービスにも逆算で立ち戻るべきポイントの確認に。

1. UXデザインのフレームワーク(´ω｀)
株式会社ベーシック
岡村 邦博

2. 岡村 邦博
@kunihero
1984年生、大阪府大阪市出身。
武蔵野美術大学卒業後、ベンチャー企業を経てフリーランスとして
Webサービスのデザイン設計を担当。
2015年より株式会社ベーシックにてデザイン全般を担当。
新しいことが好き。スタートアップが好き。お酒が好き。猫が好き。
自己紹介

3. 何の話をするの？

4. 概要
キックオフ リサーチ シナリオ
インターフェイ
ス
プラン
ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング

5. キックオフ リサーチ シナリオ
インターフェイ
ス
プラン
ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング
キックオフ

6. ・どんなビジネスチャンスに取り組む？
・ビジネスの目標と目的を明確に
・サービスによって、何を解決するか
1. キックオフ
何をするの？

7. ・誰の・何を・どのように、解決する？
・ビジネスの目標
・何で成功を測る？
・成功に向けての最大の課題は？
1. キックオフ
ステークホルダーインタビュー

8. 1. キックオフ
ポイント
・インタビューは１対１で行います
・個々の動機・バイアスを解消
・ステークホルダーの問題の理解
ステークホルダーが制約を与えた場合
仮説をテストするとはできません
絶対に7月にリリースだ！
- ( ´_ゝ`）ﾌｰﾝ。なんで？(´ω｀)
ﾍ(ﾟ∀ﾟﾍ)

9. キックオフ リサーチ シナリオ
インターフェイ
ス
プラン
ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング
リサーチ

10. ・ユーザーインタビューにより仮説検証
・ユーザーのゴールを知る
・インタビュー結果からペルソナを作成
2. リサーチ
何をするの？

11. ・目的はペルソナの作成
・ユーザーの「ゴール」を探すのが重要
・仮説・体験の検証
ユーザーインタビュー
2. リサーチ

12. 2. リサーチ
ゴールについて
オブジェクト ニーズ
エクスペリエン
ス
ペルソナのシナリオを
考えるのに役立つ
仕様、技術的な部分を
考えるに役立つ
サービスの優先順位の
判断に役立つ
利用シーンや環境・場面 ユーザーの要望・希望 サービス・アプリを使う意味

13. ・仮説をたてる
・ゴールに基づいてカテゴライズする
・「ニーズ」を引き出す為の「なぜ」
・一般的な質問から、パーソナル、コアへ
・行動を促す質問をする
2. リサーチ
インタビュー作成

14. ・インタビューは7名に対して行う
・ペアになって、議事録と質問者にわかれて行う
・量が必要な時はネット調査を行う
・類似サービスの利用を確認
・結果を分類してドキュメント化
2. リサーチ
インタビュー方法

15. 質問アップデート
Androidですか？iPhoneですか？
iPhoneのカメラの良さはなんですか？
カメラを選ぶ際の基準は何ですか？
インタビューの注意点
・はい or いいえで答える様な質問はしない
・関係性を作らない（同じ人に2度はしない）
・サービスを知らない人を選ぶ *新規の場合
ﾍ(ﾟ∀ﾟﾍ)
2. リサーチ
×
○
◎

16. キックオフ リサーチ シナリオ
インターフェイ
ス
プラン
ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング
シナリオ

17. ・ユーザーインタビューから得た事実をカテゴライズ
・ペルソナ（架空の顧客人物像）を作成する
・物語を伝えるためにシナリオを作成する
・ユーザー、ビジネスにおける技術的目標を達成する
3. シナリオ
何をするの？

18. マーケティングツールではない
・ペルソナはデザインツールである
・全員の目線合わせるために利用する
ﾍ(ﾟ∀ﾟﾍ)
3. シナリオ
ペルソナ
・パーソナルデータ
・引用
・行動パターン
・絵、写真

19. ・物語の要素を識別
・タイトルをブレストする
・テーマを特定し、優先順位をつけます
・シナリオを4コマ漫画などで書く
3. シナリオ
シナリオ

20. ポイント
イラストする際の注意点
・操作のUIやタッチポイントなどの指定をしない
・See/Think/Doを文章で補足する
ﾍ(ﾟ∀ﾟﾍ)
3. シナリオ
・See（見て）
・Think（考えて）
・Do（行動する）
意識する

21. キックオフ リサーチ シナリオ
インターフェイ
ス
プラン
ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング
インターフェイス

22. ・全体の体験を通して画面の遷移図を作る
・インターフェイスに必要な機能を選定
・画面ごとの相関関係を図示する
何をするの？
4. インターフェイス

23. 1. ペルソナ
2. シナリオ
3. ドローイング
4. 分解＞再構成
手順
ドローイングの注意点
図面の忠実度は、
思考の忠実度と一致させる必要があります。
ﾍ(ﾟ∀ﾟﾍ)
4. インターフェイス

24. キックオフ リサーチ シナリオ
インターフェイ
ス
プラン
ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング
プラン

25. 何をするの？
5. プラン

26. おわり