UXデザインのフレームワーク(´ω`) - スタートアップ向け -

Post on 24-Jan-2017

888 views 2 download

Transcript of UXデザインのフレームワーク(´ω`) - スタートアップ向け -

UX デザインのフレームワーク (´ω ` )

株式会社ベーシック岡村 邦博

岡村 邦博@kunihero

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

自己紹介

何の話をするの?

UX デザイン01

スタートアップ

インフォメーションアーキテクト

インターフェイスデザイン

概要

キックオフ リサーチ シナリオ インターフェイス プラン

ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング

キックオフ リサーチ シナリオ インターフェイス プラン

ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング

キックオフ

・どんなビジネスチャンスに取り組む?・ビジネスの目標と目的を明確に・サービスによって、何を解決するか

1. キックオフ

何をするの?

・誰の・何を・どのように、解決する? ・ビジネスの目標・何で成功を測る?・成功に向けての最大の課題は?

1. キックオフ

ステークホルダーインタビュー

1. キックオフ

ポイント・インタビューは1対1で行います・個々の動機・バイアスを解消・ステークホルダーの問題の理解

ステークホルダーが制約を与えた場合仮説をテストするとはできません

絶対に 7 月にリリースだ!- ( ´_ ゝ ` )フーン。なんで? (´ω ` )

ヘ ( ゚∀゚ヘ )

キックオフ リサーチ シナリオ インターフェイス プラン

ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング

リサーチ

・ユーザーインタビューにより仮説検証・ユーザーのゴールを知る・インタビュー結果からペルソナを作成

2. リサーチ

何をするの?

・目的はペルソナの作成 ・ユーザーの「ゴール」を探すのが重要・仮説・体験の検証

ユーザーインタビュー2. リサーチ

2. リサーチ

ゴールについて

オブジェクト ニーズ エクスペリエンス

ペルソナのシナリオを考えるのに役立つ

仕様、技術的な部分を考えるに役立つ

サービスの優先順位の判断に役立つ

利用シーンや環境・場面 ユーザーの要望・希望 サービス・アプリを使う意味

・仮説をたてる・ゴールに基づいてカテゴライズする・「ニーズ」を引き出す為の「なぜ」・一般的な質問から、パーソナル、コアへ・行動を促す質問をする

2. リサーチ

インタビュー作成

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

2. リサーチ

インタビュー方法

質問アップデートAndroid ですか? iPhone ですか?iPhone のカメラの良さはなんですか? カメラを選ぶ際の基準は何ですか?

インタビューの注意点

・はい or いいえで答える様な質問はしない ・関係性を作らない(同じ人に 2度はしない)・サービスを知らない人を選ぶ * 新規の場合

ヘ ( ゚∀゚ヘ )

2. リサーチ

×

キックオフ リサーチ シナリオ インターフェイス プラン

ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング

シナリオ

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

3. シナリオ

何をするの?

マーケティングツールではない

・ペルソナはデザインツールである・全員の目線合わせるために利用する

ヘ ( ゚∀゚ヘ )

3. シナリオ

ペルソナ・パーソナルデータ・引用・行動パターン・絵、写真

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

3. シナリオ

シナリオ

ポイント

イラストする際の注意点

・操作の UI やタッチポイントなどの指定をしない ・ See/Think/Do を文章で補足する

ヘ ( ゚∀゚ヘ )

3. シナリオ

・ See(見て)・ Think(考えて)・ Do(行動する)

意識する

キックオフ リサーチ シナリオ インターフェイス プラン

ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング

インターフェイス

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

何をするの?4. インターフェイス

1. ペルソナ2. シナリオ3. ドローイング4. 分解>再構成

手順

ドローイングの注意点

図面の忠実度は、思考の忠実度と一致させる必要があります。

ヘ ( ゚∀゚ヘ )

4. インターフェイス

キックオフ リサーチ シナリオ インターフェイス プラン

ヒアリング ユーザーインタビュー ペルソナ ドローイング エンジニアリング

プラン

何をするの?

デザインSEO

エンジニアリング

マーケティング

メディア構築5. プラン

おわり