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

26
UX デデデデデデデデデデデデ (´ω ) デデデデデデデデデ デデ デデ

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

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

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

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

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

岡村 邦博@kunihero

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

自己紹介

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

何の話をするの?

UX デザイン01

スタートアップ

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

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

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

概要

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

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

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

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

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

キックオフ

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

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

1. キックオフ

何をするの?

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

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

1. キックオフ

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

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

1. キックオフ

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

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

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

ヘ ( ゚∀゚ヘ )

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

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

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

リサーチ

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

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

2. リサーチ

何をするの?

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

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

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

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

2. リサーチ

ゴールについて

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

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

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

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

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

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

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

2. リサーチ

インタビュー作成

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

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

2. リサーチ

インタビュー方法

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

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

インタビューの注意点

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

ヘ ( ゚∀゚ヘ )

2. リサーチ

×

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

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

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

シナリオ

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

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

3. シナリオ

何をするの?

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

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

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

ヘ ( ゚∀゚ヘ )

3. シナリオ

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

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

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

3. シナリオ

シナリオ

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

ポイント

イラストする際の注意点

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

ヘ ( ゚∀゚ヘ )

3. シナリオ

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

意識する

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

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

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

インターフェイス

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

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

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

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

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

手順

ドローイングの注意点

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

ヘ ( ゚∀゚ヘ )

4. インターフェイス

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

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

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

プラン

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

何をするの?

デザインSEO

エンジニアリング

マーケティング

メディア構築5. プラン

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

おわり