Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ユーザビリティテストの進め方
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
kouzoukaikaku
January 27, 2023
Technology
16k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ユーザビリティテストの進め方
kouzoukaikaku
January 27, 2023
More Decks by kouzoukaikaku
See All by kouzoukaikaku
事業所DX実践ガイド3.0/dx-guide3
kouzoukaikaku
1
1.2k
事業所DX_実践ガイド2.0/dx_guide2
kouzoukaikaku
0
3k
ServiceDesignGuideline202503
kouzoukaikaku
0
5.4k
UserTestGuideline202503
kouzoukaikaku
1
5.1k
窓口業務改善に向けた取組指針/madoguti
kouzoukaikaku
0
6.3k
事業所DX_実践ガイド/dx_guide
kouzoukaikaku
0
5.2k
ServiceDesignGuidelineVERSION2.0
kouzoukaikaku
1
6.7k
UserResearch202403
kouzoukaikaku
1
5.6k
Prototyping202403
kouzoukaikaku
1
5.1k
Other Decks in Technology
See All in Technology
新しいVibe Codingと”自走”について
watany
5
120
React、まだ楽しくて草
uhyo
7
4.2k
10倍の生産性を実現するAI駆動並列エージェントのすべて
kumaiu
4
980
AIにフローを作らせようとして挫折した話
hamatsutaichi
0
220
PHP と TypeScript の型システム比較:AI 時代の「型」は誰のためにあるのか? #frontend_phpcon_do / frontend_phpcon_do_2026
shogogg
1
260
「嘘をつくテスト」の失敗例から学ぶ 良いテストコード #frontend_phpcon_do
asumikam
0
570
Oracle AI Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
6
1.9k
美味しいスイスチーズを作ろう🧀🐭
taigamikami
1
260
新規事業を牽引する技術選定 〜フルスタックTypeScript開発の実践事例〜
nullnull
3
370
作って終わりにしない タイミーのセマンティックレイヤー育成の現在地
chanyou0311
0
480
あなたの AI ワークスペースに、 専門コーダーを連れてくる - Amazon Quick Desktop 最新情報
kawaji_scratch
1
110
Microsoft Build Keynoteふりかえり
tomokusaba
0
110
Featured
See All Featured
Accessibility Awareness
sabderemane
1
130
Being A Developer After 40
akosma
91
590k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
First, design no harm
axbom
PRO
2
1.2k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
65
55k
Mobile First: as difficult as doing things right
swwweet
225
10k
Done Done
chrislema
186
16k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
Discover your Explorer Soul
emna__ayadi
2
1.1k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.6k
Optimizing for Happiness
mojombo
378
71k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
820
Transcript
TOKYO METROPOLITAN GOVERNMENT ユーザビリティテストの進め方 2 0 2 3 年 1
月 デ ジ タ ル サ ー ビ ス 局 ユーザーテスト実施手順書 03
2 本資料の記載にあたって ユーザビリティテストでは、設計時の目的どおりユーザーエクスペリエンスが実現できているかの最終確認を 行います。本資料では、ユーザビリティテストの実施計画から実際に行うまでに留意すべきポイントを説明し ます。 1. ユーザビリティテストの概要 2. ユーザビリティテストの活動内容 3.
実施タイミング 4. ユーザビリティテストの計画 5. ユーザビリティテストの準備 6. テスターの選定方法 7. ユーザビリティテストの実施 8. ユーザビリティテスト実施後の活動 9. 改善活動 資料タイトル 目次 03_ユーザビリティテストの進め方
ユーザビリティテストでは「設計時の目的どおりユーザーエクスペリエンス(UX)が実現できているかの最終確 認」を目的とし、「プロトタイピングで確認したポイントがサービスに反映されているか」を確認します。 これにより品質が保証されたサービスをリリースできます。 3 1. ユーザビリティテストの概要 プロトタイピング 解決すべき課題 課題に対する アプローチ
解決策 プロトタイプ 仕様(解決策の仮説)を 具体化し、検証のための テストシナリオを準備 評価 テストシナリオを元にア ンケートやインタビュー を行い、ユーザの要求が 満たされているか確認 ユーザビリティ テスト 開発 サービスを作成 リリース 設計物の最終確認
4 2. ユーザビリティテストの活動内容 テスト前 テスト計画 テスト実施 評価結果の活用 テスト環境準備 テスト後 •
インタビューを実施 • アンケートフォームを 利用して質問票を回収 • 課題の抽出と分析 • 課題に対する解決策・ 改善案の策定 • 本格実装に進むか、解 決策の仮説設定を行う かの判断 • テスト項目の確認 • 実施タイミングの設定 • 想定ユーザー像の確認 • テスター条件/人数の 設定 • テスタータスクの設計 • 設問(質問票)の設計 • テスターの募集 • テストデバイスの準備 • 実施方法の決定 • テスト体制の準備 • テスト素材の準備 ユーザビリティテストは、テスト計画、テスト環境準備、テスト実施、評価結果の分析の4つのフェーズに分 かれます。特にテスト計画、テスト準備が評価テストの成功の鍵を握ります。
5 3. 実施タイミング ユーザビリティテストはリリース予定のサイトやアプリのベータ版が出来上がったタイミングで実施します。 ユーザビリティテスト後、ローンチまでに微修正のための期間を設けられるよう、テスト実施スケジュールを 計画します。 ユーザビリティテスト ベータ版をテスト 開発 ベータ版を作成
リリース プロトタイピング プロトタイプを作成・評価 ベータ版とは サービスが正式にリリースされる前の段階でユーザーに提供されるサンプルのこと テストの結果を受けて正式版を リリースするまでに微修正を行う
6 4. ユーザビリティテストの計画 プロトタイプ評価テストを実施する前に、下記ポイントを明確にして実施計画を立てます。 ユーザビリティテスト計画 テスト項目 このテストで行うユーザーの評価対象ポイントを明確にする(以下例) • 課題に対する解決策がユーザー視点で理に適っているかの確認 •
ユーザーにとってどのデザインが好まれるかの選択 • 設計意図に沿ったアクションをユーザーが行うかの確認 • 重要と思われるアクションをユーザーがストレスなしに行えるかの確認など 実施タイミング 設計開発工程、本格実装の前に実施 テスト結果を踏まえて修正を行えるタイミングで実施する テスト手法 インタビューもしくはアンケート テスター 対象サービスのターゲットユーザーもしくそのプロフィールに近しく当事者に成り代われる人 テスター数:5人程度 *1 タスク設定 テストシナリオ・タスク・設問の設計方法 P14 を参照 想定タスク テストシナリオ・タスク・設問の設計方法 P14 を参照 その他 テスターからのアンケート回収だけで行う場合(モニタリングなし/インタビュー形式ではない場合)は、テスト項目が十分 確認できるかの注意が必要
7 5. ユーザビリティテストの準備 計画通りのテストを行うには、テスト準備もしっかり行いましょう。 次ページへつづく ユーザビリティテスト準備 テスターの募集 テスト計画で想定したテスターを募集 テスト対象事業に直接関与する人はテスターとしては不適 テストデバイス
の準備 ユーザーのサービス利用シーンと同じデバイス(PC、スマホ、タブレット等)を選定 必要であれば複数のデバイスで行う 実施方法の決定 ユーザー評価がより正しく取得できる環境を選択 【対面】直接対面でテスターにインタビューを行う 利点 ▸ 直接テスターの操作実態をモニタリングできる 【オンライン】Web会議システムを活用して、オンラインでインタビューを実施 利点 ▸ 会場確保が不要で、実施スケジュールが調整しやすい・操作モニタリングも実施可能 テスターの本音を引き出しやすい個別インタビューを推奨 集合形式(グループインタビュー形式)で行う場合は、会場準備、テストシナリオ、実施体制などより 綿密な準備が必要
8 5. ユーザビリティテストの準備 ユーザビリティテスト準備 テスト体制の準備 テスト目的を十分理解したテスト進行者(ファシリテーター)を選出する インタビューの議事録やテスターの利用状況を書き留めるためにファシリテーター以外に最低1名はテス トに同席することを推奨 集合形式(グループインタビュー形式)で行う場合は、テスター個々にサポート、ヒアリングが行える人 を配置する
テスト素材の準備 テスター側の利用デバイスで操作できるようテスト素材(テスト対象サービスのプロトタイプ)を準備する ▸ テスト素材には必ずテスト目的に合致した機能やデザインを盛り込む 利用上必要なアカウントなどの手配を行う
6. テスターの選定方法 ユーザビリティテストでは、UI・UXを含め設計通りのサービス開発が行われたかの最終確認を行います。 対象サービスのターゲットユーザーもしくそのプロフィールに近しく当事者に成り代われる人からテスターを 選びます。 人数 多い方が良い。基準は以下の通り。 属性 よりターゲット層に近い人物を設定 テスターの決め方
テスターはターゲット層である都民テスターが望ましいが、サービスユーザー当事者 意識を持てる都庁職員で行ってもよい。(ただし、サービスの開発関係者除く) 9 Good : ターゲット層 OK : ターゲットユーザに近しい人物 Good : 4人以上 OK : 2人
10 7. ユーザビリティテストの実施 ユーザアンケート、ユーザインタビューの手順は以下になります。 開 始 終 了 事 前
説 明 サ ー ビ ス へ ア ク セ ス タ ス ク の 実 行 タ ス ク の 観 察 と 記 録 イ ン タ ビ ュ ー に よ る 深 堀 り 回 答 確 認 追 加 質 問 * 追加質問を 行わない場合 事 前 説 明 サ ー ビ ス へ ア ク セ ス タ ス ク の 実 行 ア ン ケ ー ト 回 答 回 答 確 認 追 加 質 問 テスト実施側 テスター側 ユ ー ザ ー ア ン ケ ー ト ユ ー ザ ー イ ン タ ビ ュ ー * アンケートだけではなく、インタビューも併せて行うことを推奨します。 いずれかしか実施できない場合は、ユーザーインタビューを優先します。
ユーザビリティテストによって見つかった問題点について、サービスリリースまでの期間で改修できるものは 極力改修するようにしましょう。委託事業の瑕疵範囲にあたるものは改修は必須となります。 改修を持ち越す場合は、改修予定計画を作成した上で事業責任者の承認を得るようにしてください。 8. ユーザビリティテスト実施後の活動 サービスリリース ユーザビリティテスト 品質上の問題点 改修 改修予定計画
改修できるものは極力改修 持ち越す場合は 改修予定計画を作成 この時点で万一サービスのコア領域の課題が発覚した場合は リリース自体の延期 の検討が必要です。 11
12 9. 改善活動 ユーザビリティテストを実施しサービスをリリースした後も、定期的にサービスの見直しを行い、 ユーザー視点での改善活動(時期事業計画に組み込むなど)を行うようにしましょう。 「作りっぱなし」にせず、運用しながら新たな要望やニーズ、問題点に対応していくことが欠かせません。 サービスリリース 定期的な見直し・サービス改善に努める 改修予定計画 定期点検
定期点検
End Of File