SlideShare uma empresa Scribd logo
1 de 45
勉強会:ユーザテスト




株式会社はてな はてなブログチーム デザイナ
        id:ueday
ユーザテストをやってみよう
導入編です
アジャイル・
ユーザビリティ
ユーザエクスペリエンスのための
DIYテスティング

樽本徹也 著
ユーザテストの実践方法について書かれた
本です
この本を参考に、はてなブログチームでユー
ザテストをやってみました
・ユーザテストとは何か

・なぜユーザテストをするのか

・社内ユーザテストのすすめ
ユーザテストとは何か
・ユーザにタスク(作業課題)を実行するよう依頼する

・ユーザがタスクを実行する過程を観察・記録する
なぜユーザテストをするのか
多くのユーザにとって




    UI = パズル
     分かりにくい、操作に迷う
誰でも解けるパズルを設計しなければならない
UI設計にありがちなこと
“こんなところで
ユーザがつまずく
 はずがない”
=開発者の思い込み
自分が作ったパズルは
自分で解けて当たり前
ユーザがどこでつまずくかは
ユーザを観察しないと分からない
・でもユーザテスト面倒
・やり方が分からない
テストしないと
「誰も使えない製品」をリリースする
     リスクを犯す
  テストせずリリースすると後で面倒
Webサービスにおいては




 UX ≒ UI
    と言ってもいいくらい、
    UIとUXは密接な関係
良いユーザ体験は良いインタフェースから
社内ユーザテストのすすめ
社内ユーザテストのメリット




早い・安い・簡単
・コストが安い、特別な道具も必要ない

・短時間で出来る

・簡単。一度手順を覚えたらすぐできる




 目標はあくまで良い製品をリリースすることなので、
  ユーザテストに過剰なコストをかける必要はない
被験者:暇そうにしてる社員
使用機材:テスト環境が動くPC
以上
ユーザテスト事例
はてなブログ管理画面リニューアル
・複数ブログを管理しやすくするため、4月末頃リニューアル

・導線が分かりやすくなったのか、ユーザーテストで
 検証した
ユーザテストの流れ
- 事前準備
- パイロットテスト
- 被験者の選定
- ユーザーテスト
 - NDA・プライバシーポリシーの説明
 - 事前インタビュー
 - シナリオ・タスク説明
 - ユーザーテスト
 - テスト後インタビュー
- テスト環境の初期化
全部説明すると長いので
 端折って説明します
タスク設計
シナリオの作成
概略図



      PC    机




被験者             インタビューア




      見学者
【インタビューア】
                          「今から与えられたシナリオに沿って、ある
                          Webサイトを操作していただきます。そのと
      PC    机
                          き、思ったことを声に出しながら操作してく
                          ださい」
被験者             インタビューア



                          =思考発話(実況中継)。
                          タスクを実行しながら、ユーザが UIのどの部分に注目
                          して、どのように解釈したのか把握できる。
                          ただし大抵のユーザは思考発話に慣れていない。いざ
      見学者
                          タスクを始めると言葉が途切れがちになるので、その
                          ようなときはインタビューアが「今、何を考えています
                          か?」など発話を促す。
PC    机


                          【PC】
被験者             インタビューア   Quicktimeをあらかじめ立ちあげておき、
                          動画と音声を録画しておく




      見学者
PC    机

                          【見学者】
                          被験者の目立った行動やミスなどを観察・
被験者             インタビューア
                          記録(解決案はその場で書かない。観察の
                          み)




      見学者
テスト、分析、再設計、試作、のサイクルを回す




          テスト




試作                    分析




          再設計
「分析」ではユーザーがどんな行動をとったのかGoogle Docsにまとめた。ポス
トイットなどを使ってもいいかもしれません
思いがけない
         問題が見えてくる


リニューアルの目的であった複数ブログ管理はスムーズに操作できること
が分かったが、それとは別の箇所で戸惑うユーザもいた。
ユーザテストのおかげでそれらの改善もリリースに盛り込むことができた
リニューアル前          リニューアル後




ボタンの場所がわかりにくい   ボタンの位置を上にした
リニューアル前        リニューアル後




テキストエリア広すぎ   最大幅指定して折り返すようにした
いつユーザテストを実施するか
作り込む前
 プロトタイプなら軌道修正がしやすい


実はブログでは結構作りこんでからテストしてしまって、
失敗したと思っています 次回は早めに行いたいです
なるべく早い段階で失敗して、
 分析して、次の矢を放つ
詳しいテスト方法は:


    アジャイル・
    ユーザビリティ
    ユーザエクスペリエンスのための
    DIYテスティング

    樽本徹也 著
社内ユーザテストブーム作りましょう

Mais conteúdo relacionado

Mais procurados

100円プロトタイプ(The $1 Prototype)
100円プロトタイプ(The $1 Prototype)100円プロトタイプ(The $1 Prototype)
100円プロトタイプ(The $1 Prototype)Tarumoto Tetsuya
 
ユーザテストを1ヶ月で立ち上げた話
ユーザテストを1ヶ月で立ち上げた話ユーザテストを1ヶ月で立ち上げた話
ユーザテストを1ヶ月で立ち上げた話Tetsuo Endo
 
ペーパープロトタイピング基本テクニック集
ペーパープロトタイピング基本テクニック集ペーパープロトタイピング基本テクニック集
ペーパープロトタイピング基本テクニック集Tarumoto Tetsuya
 
続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付
続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付
続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付Tarumoto Tetsuya
 
「アジャイル・ユーザビリティ」無料サンプル版
「アジャイル・ユーザビリティ」無料サンプル版「アジャイル・ユーザビリティ」無料サンプル版
「アジャイル・ユーザビリティ」無料サンプル版Tarumoto Tetsuya
 
ペーパー・イン・スクリーン・プロトタイピング
ペーパー・イン・スクリーン・プロトタイピングペーパー・イン・スクリーン・プロトタイピング
ペーパー・イン・スクリーン・プロトタイピングTarumoto Tetsuya
 
リーンスタートアップのための「聞く力」
リーンスタートアップのための「聞く力」リーンスタートアップのための「聞く力」
リーンスタートアップのための「聞く力」Tarumoto Tetsuya
 
UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価Naoyuki Matsumoto
 
ユーザビリティテストの世界「入門編」
ユーザビリティテストの世界「入門編」ユーザビリティテストの世界「入門編」
ユーザビリティテストの世界「入門編」Tarumoto Tetsuya
 
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐schoowebcampus
 
超実践ユーザーテスト~schooのアプリ『スクー生放送』が今抱える課題とその解決策とは 先生:平石 大祐
超実践ユーザーテスト~schooのアプリ『スクー生放送』が今抱える課題とその解決策とは 先生:平石 大祐超実践ユーザーテスト~schooのアプリ『スクー生放送』が今抱える課題とその解決策とは 先生:平石 大祐
超実践ユーザーテスト~schooのアプリ『スクー生放送』が今抱える課題とその解決策とは 先生:平石 大祐schoowebcampus
 
ChatOpsでデザインスプリントをやってみた
ChatOpsでデザインスプリントをやってみたChatOpsでデザインスプリントをやってみた
ChatOpsでデザインスプリントをやってみたJustSystems Corporation
 
はじめてのScrum
はじめてのScrumはじめてのScrum
はじめてのScrumKenji Morita
 
ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)Tarumoto Tetsuya
 
訴求ファースト。キービジュアル。
訴求ファースト。キービジュアル。訴求ファースト。キービジュアル。
訴求ファースト。キービジュアル。JustSystems Corporation
 
JaSST nano vol.1 "映え”を評価する~UXテストの取り組みなの
JaSST nano vol.1 "映え”を評価する~UXテストの取り組みなのJaSST nano vol.1 "映え”を評価する~UXテストの取り組みなの
JaSST nano vol.1 "映え”を評価する~UXテストの取り組みなのTouyou Horikawa
 
Think aloud method
Think aloud methodThink aloud method
Think aloud methodHeesung Lee
 

Mais procurados (19)

100円プロトタイプ(The $1 Prototype)
100円プロトタイプ(The $1 Prototype)100円プロトタイプ(The $1 Prototype)
100円プロトタイプ(The $1 Prototype)
 
ユーザテストを1ヶ月で立ち上げた話
ユーザテストを1ヶ月で立ち上げた話ユーザテストを1ヶ月で立ち上げた話
ユーザテストを1ヶ月で立ち上げた話
 
ペーパープロトタイピング基本テクニック集
ペーパープロトタイピング基本テクニック集ペーパープロトタイピング基本テクニック集
ペーパープロトタイピング基本テクニック集
 
続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付
続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付
続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付
 
「アジャイル・ユーザビリティ」無料サンプル版
「アジャイル・ユーザビリティ」無料サンプル版「アジャイル・ユーザビリティ」無料サンプル版
「アジャイル・ユーザビリティ」無料サンプル版
 
ペーパー・イン・スクリーン・プロトタイピング
ペーパー・イン・スクリーン・プロトタイピングペーパー・イン・スクリーン・プロトタイピング
ペーパー・イン・スクリーン・プロトタイピング
 
リーンスタートアップのための「聞く力」
リーンスタートアップのための「聞く力」リーンスタートアップのための「聞く力」
リーンスタートアップのための「聞く力」
 
UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価
 
ユーザビリティテストの世界「入門編」
ユーザビリティテストの世界「入門編」ユーザビリティテストの世界「入門編」
ユーザビリティテストの世界「入門編」
 
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐
 
超実践ユーザーテスト~schooのアプリ『スクー生放送』が今抱える課題とその解決策とは 先生:平石 大祐
超実践ユーザーテスト~schooのアプリ『スクー生放送』が今抱える課題とその解決策とは 先生:平石 大祐超実践ユーザーテスト~schooのアプリ『スクー生放送』が今抱える課題とその解決策とは 先生:平石 大祐
超実践ユーザーテスト~schooのアプリ『スクー生放送』が今抱える課題とその解決策とは 先生:平石 大祐
 
ChatOpsでデザインスプリントをやってみた
ChatOpsでデザインスプリントをやってみたChatOpsでデザインスプリントをやってみた
ChatOpsでデザインスプリントをやってみた
 
はじめてのScrum
はじめてのScrumはじめてのScrum
はじめてのScrum
 
ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)
 
訴求ファースト。キービジュアル。
訴求ファースト。キービジュアル。訴求ファースト。キービジュアル。
訴求ファースト。キービジュアル。
 
C#でユニットテストを使う
C#でユニットテストを使うC#でユニットテストを使う
C#でユニットテストを使う
 
Lean/Agile UX
Lean/Agile UXLean/Agile UX
Lean/Agile UX
 
JaSST nano vol.1 "映え”を評価する~UXテストの取り組みなの
JaSST nano vol.1 "映え”を評価する~UXテストの取り組みなのJaSST nano vol.1 "映え”を評価する~UXテストの取り組みなの
JaSST nano vol.1 "映え”を評価する~UXテストの取り組みなの
 
Think aloud method
Think aloud methodThink aloud method
Think aloud method
 

Semelhante a ユーザテスト社内勉強会

ユーザビリティテストをやってみよう
ユーザビリティテストをやってみようユーザビリティテストをやってみよう
ユーザビリティテストをやってみようscarletplover
 
HdIfes itowponde_130223
HdIfes itowponde_130223HdIfes itowponde_130223
HdIfes itowponde_130223英明 伊藤
 
UXのためのユーザーインタビュー入門
UXのためのユーザーインタビュー入門UXのためのユーザーインタビュー入門
UXのためのユーザーインタビュー入門Takanori Shinmen
 
UXリサーチをしよう
UXリサーチをしようUXリサーチをしよう
UXリサーチをしようNaruhito Kubota
 
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美schoowebcampus
 
UXD代表的10手法のご紹介 調査~仮説立案~設計~検証のアプローチ
UXD代表的10手法のご紹介 調査~仮説立案~設計~検証のアプローチUXD代表的10手法のご紹介 調査~仮説立案~設計~検証のアプローチ
UXD代表的10手法のご紹介 調査~仮説立案~設計~検証のアプローチIMJ Corporation
 
DRRWG #1リードトーク ユーザーインタビューとは何をするのか 何がわかる、わからないのか
DRRWG #1リードトーク ユーザーインタビューとは何をするのか何がわかる、わからないのか DRRWG #1リードトーク ユーザーインタビューとは何をするのか何がわかる、わからないのか
DRRWG #1リードトーク ユーザーインタビューとは何をするのか 何がわかる、わからないのか 英明 伊藤
 
カンバンゲーム
カンバンゲームカンバンゲーム
カンバンゲームYasui Tsutomu
 
GCSアジャイル開発を使ったゲームの作り方
 GCSアジャイル開発を使ったゲームの作り方 GCSアジャイル開発を使ったゲームの作り方
GCSアジャイル開発を使ったゲームの作り方Hiroyuki Tanaka
 
UX/ユーザビリティ評価法
UX/ユーザビリティ評価法UX/ユーザビリティ評価法
UX/ユーザビリティ評価法利用品質ラボ
 
Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携Norihisa Nagano
 
アジャイル入門
アジャイル入門アジャイル入門
アジャイル入門Kenji Morita
 
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX! UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX! Akiko Ohtsuka
 
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップアジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップYou&I
 
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」Tomohiro Suzuki
 
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~GoAzure
 
Scrumワークショップ
ScrumワークショップScrumワークショップ
ScrumワークショップYou&I
 
Visualizing Software Development
Visualizing Software DevelopmentVisualizing Software Development
Visualizing Software DevelopmentKenji Hiranabe
 

Semelhante a ユーザテスト社内勉強会 (20)

ユーザビリティテストをやってみよう
ユーザビリティテストをやってみようユーザビリティテストをやってみよう
ユーザビリティテストをやってみよう
 
HdIfes itowponde_130223
HdIfes itowponde_130223HdIfes itowponde_130223
HdIfes itowponde_130223
 
UXのためのユーザーインタビュー入門
UXのためのユーザーインタビュー入門UXのためのユーザーインタビュー入門
UXのためのユーザーインタビュー入門
 
UXリサーチをしよう
UXリサーチをしようUXリサーチをしよう
UXリサーチをしよう
 
ユーザ体験ゼミ
ユーザ体験ゼミユーザ体験ゼミ
ユーザ体験ゼミ
 
Designing UX Development
Designing UX DevelopmentDesigning UX Development
Designing UX Development
 
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
 
UXD代表的10手法のご紹介 調査~仮説立案~設計~検証のアプローチ
UXD代表的10手法のご紹介 調査~仮説立案~設計~検証のアプローチUXD代表的10手法のご紹介 調査~仮説立案~設計~検証のアプローチ
UXD代表的10手法のご紹介 調査~仮説立案~設計~検証のアプローチ
 
DRRWG #1リードトーク ユーザーインタビューとは何をするのか 何がわかる、わからないのか
DRRWG #1リードトーク ユーザーインタビューとは何をするのか何がわかる、わからないのか DRRWG #1リードトーク ユーザーインタビューとは何をするのか何がわかる、わからないのか
DRRWG #1リードトーク ユーザーインタビューとは何をするのか 何がわかる、わからないのか
 
カンバンゲーム
カンバンゲームカンバンゲーム
カンバンゲーム
 
GCSアジャイル開発を使ったゲームの作り方
 GCSアジャイル開発を使ったゲームの作り方 GCSアジャイル開発を使ったゲームの作り方
GCSアジャイル開発を使ったゲームの作り方
 
UX/ユーザビリティ評価法
UX/ユーザビリティ評価法UX/ユーザビリティ評価法
UX/ユーザビリティ評価法
 
Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携
 
アジャイル入門
アジャイル入門アジャイル入門
アジャイル入門
 
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX! UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
 
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップアジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
 
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」
 
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
 
Scrumワークショップ
ScrumワークショップScrumワークショップ
Scrumワークショップ
 
Visualizing Software Development
Visualizing Software DevelopmentVisualizing Software Development
Visualizing Software Development
 

ユーザテスト社内勉強会