2018年4月26日

デザイン

【UI/UX】ユーザーテストの基礎知識1

目次

  1. はじめに
  2. ユーザーテストとは
  3. ユーザーテストの種類
  4. テストユーザーの選び方
  5. まとめ

はじめに

今日はWebサイトやWebアプリ、スマホアプリなどを作るときや改善するときによく使うユーザーテストという手法の基礎知識をご紹介します。

ユーザーテストとはどういったものなのか、ユーザーテストにはどういう種類があるのか、また実際にユーザーテストを行うときにテストユーザーをどうやって選んだら良いのかなど基本的なことをご紹介していきます。

ちなみに、UI/UXに興味がある方はこちらでCitymapperというロンドン発の地図アプリのUIを解説をしているので、ぜひご覧ください。
人気アプリから学ぶUIデザイン ~Citymapper編~

ユーザーテストとは

ユーザーテストはUX調査に置ける手法の1つです。

サービス/アプリ/Webサイトの代表的なユーザーグループを集め、そのユーザーグループにサービスを使ったタスク(課題)を与え、どのように反応するのかを見ます。

実際にターゲットとしているユーザーグループが自分がデザインしているサービスを使っているところを見ることにより、そのシステムでうまくいっているところや問題を起こしているところなどが見えてきます。

他にもデザインを作るプロセスの中でユーザーのニーズに応えられていない部分などについても学ぶことができます。

つまり、現状よりもさらに良いプロダクトを作る上で、ユーザーテストは課題などを洗い出すのに使えるとても大事な手法です。

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

サービスを作っているデザイナーやエンジニアの経験をベースにプロダクトを作ることもよくありますが、自分の経験のみに頼ると危険な理由がいくつかあります。

1. サービスのことを知りすぎている

サービスを作っているデザイナーは毎日そのサービスのインターフェースに触れ、作る過程において、どのようにしたら良いのか頭を悩ませます。そのため、どのようにしたらサービスを使いこなせるのか既によく知っています。実際のユーザー層はサービスに触れるのが初めての方も多いため、デザイナーのみの判断でプロダクトを進めるのは危険です。

2. サービスのニーズについて知らないことが多い

デザイナーが「自分だったらこういう風にサービスを使う!」と頭に浮かべることは大事ですが、実際にそのサービスがその場所や環境で使われているのか、デザイナーとしては知らないことが多いです。デザイナーの思い込みのままデザインを進めるのは危険です。

ユーザーテストの種類

ユーザーテストには大きく2種類あります。

要約型

要約型と形成型です。

要約型のテストは簡単にいうと、デザインAがデザインBより優れているかということを証明するためのテストです。こちらは主にサービスが一旦完成した時に、さらに改善するために使われ、定量的な結果を出すことができるものが多いです。

(例)
– ABテスト
– 競合よりも本サービスが優れているか
– 本サービスは特定のベンチマークの基準を満たしているか
– 例1: ユーザーはタスクXを30秒以内に完了させることができる
– 例2: 70%のユーザーがタスクXを完了させることができる

形成型

逆に形成型のテストはデザインを作っていく段階で使われることが多いです。
現在のサービスにおける課題は何か?という定性的なことに使われます。

主にインタビュー形式で行われ、サービスを使いそうな代表的なユーザーグループに対してある課題を渡し、それを完了させるまでの間にどのような問題があったのか、どこでつまづきポイントがあったのかなどを探っていきます。

テストユーザーの選び方

実際にユーザーテストを始める時に困ることの1つが、テストユーザーの選び方です。
テストユーザーはなるべくターゲット層に近づけるのが理想ですが、リソースと時間によっては難しい場合もあります。

テストユーザーを選ぶ際は、選択基準を設けると良いです。
選択基準は以下4つのカテゴリに分かれます。

– 専門知識
– 属性 (性別、年齢など)
– 行動
– 態度

  • 過去2ヶ月間に2品以上オンラインで購入している (行動)
  • 女性 (属性)
  • 洋服が好き (態度)
  • 医療の知識を持っている (専門知識)

また、テストユーザーの選択基準を設ける際に、テストユーザーの中でどういった面で多様性があるかも考えておきましょう。

例えば、先ほどの選択基準:
– 過去2ヶ月間に2品以上オンラインで購入している (行動)
に関しては、過去2ヶ月に20品以上購入している人もいれば、10品ほど、5品ほどなど購入頻度に差があるはずです。

重要な選択基準にこのように幅がある場合は、グループ分けをしておくと良いです。

(例)
– トップネットショッパー: 10品以上購入しているグループ
– ノーマルネットショッパー: 5-10品購入しているグループ
– ビギナーネットショッパー: 2-5品購入しているグループ

まとめ

以上、今日はユーザーテストの基礎知識についてご紹介しました。
WebサイトやWebアプリ、スマホアプリなどを作るときに、デザインの判断に困ったりすることもあるかと思いますが、そんな時は自己流でデザインせずに、ユーザーテストをすると良いです。

また、デザインを作っていく過程においても、ユーザーテストはニーズがどこにあるのかを明確にしたり、現状のシステムに大きな問題がないかを検証したりすることができます。

次回はユーザーに渡すタスクの作り方 (Task design)やインタビューの仕方などをご紹介します。

UIのお仕事に関するご相談

Bageleeの運営会社、palanではUIに関するお仕事のご相談を無料で承っております。
zoomなどのオンラインミーティング、お電話、貴社への訪問、いずれも可能です。
ぜひお気軽にご相談ください。

無料相談フォームへ

0

0

AUTHOR

sasakki デザイナー

アメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。

アプリでもっと便利に!気になる記事をチェック!

記事のお気に入り登録やランキングが表示される昨日に対応!毎日の情報収集や調べ物にもっと身近なメディアになりました。

簡単に自分で作れるWebAR

「palanAR」はオンラインで簡単に作れるWebAR作成ツールです。WebARとはアプリを使用せずに、Webサイト上でARを体験できる新しい技術です。

palanARへ
palanar

palanはWebARの開発を
行っています

弊社では企画からサービスの公開終了まで一緒に関わらせていただきます。 企画からシステム開発、3DCG、デザインまで一貫して承ります。

webar_waterpark

palanでは一緒に働く仲間を募集しています

正社員や業務委託、アルバイトやインターンなど雇用形態にこだわらず、
ベテランの方から業界未経験の方まで様々なかたのお力をお借りしたいと考えております。

話を聞いてみたい

運営メンバー

eishis

Eishi Saito 総務

SIerやスタートアップ、フリーランスを経て2016年11月にeishis, Inc.を設立。 マーケター・ディレクター・エンジニアなど何でも屋。 COBOLからReactまで色んなことやります。

sasakki デザイナー

アメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。

しまだ

しまだ デザイナー

WebAR/VRのデザインと3DCG制作がメインです。 肩書きは「アニメ案件に関わりたいデザイナー」。

Miu マーケター

ドイツでWEBマーケティングしています。

しんのき エンジニア

主に React Native を使ったアプリ開発と AWS や Firebase を使ったサーバーレスアーキテクチャを担当しています。元々はインフラとかPHPをやっていました。

yamakawa

やまかわたかし デザイナー

フロントエンドデザイナー。デザインからHTML / CSS、JSの実装を担当しています。最近はReact NativeやReact360をよく触っています。

furuya エンジニア

サーバーサイド、フロントエンド、Unityと色々手を出してる雑食系エンジニア。ReactNativeが最近のマイブーム。

Sayaka Osanai デザイナー

Sketchだいすきプロダクトデザイナー。シンプルだけどちょっとかわいいデザインが得意。 好きな食べものは生ハムとお寿司とカレーです。

はらた

はらた エンジニア

サーバーサイドエンジニア Ruby on Railsを使った開発を行なっています

うえまつゆい エンジニア

サーバーサイドエンジニアからフロントエンドエンジニアになりました。主にReact Nativeでのアプリ開発をしています。

kobori

こぼり ともろう エンジニア

サーバーサイドエンジニア。SIerを経て2019年7月に入社。日々学習しながらRuby on Railsを使った開発を行っています。

sasai

ささい エンジニア

フロントエンドエンジニア WebGLとReactが強みと言えるように頑張ってます。

damien

Damien

WebAR/VRを中心に企画やディレクションやエンジニアもちょっとやっています。森に住んでいます。

デザイナーゲスト

ゲスト デザイナー

CONTACT PAGE TOP