Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
勉強会:ユーザテスト株式会社はてな はてなブログチーム デザイナ        id:ueday
ユーザテストをやってみよう
導入編です
アジャイル・ユーザビリティユーザエクスペリエンスのためのDIYテスティング樽本徹也 著
ユーザテストの実践方法について書かれた本ですこの本を参考に、はてなブログチームでユーザテストをやってみました
・ユーザテストとは何か・なぜユーザテストをするのか・社内ユーザテストのすすめ
ユーザテストとは何か
・ユーザにタスク(作業課題)を実行するよう依頼する・ユーザがタスクを実行する過程を観察・記録する
なぜユーザテストをするのか
多くのユーザにとって    UI = パズル     分かりにくい、操作に迷う誰でも解けるパズルを設計しなければならない
UI設計にありがちなこと
“こんなところでユーザがつまずく はずがない”
=開発者の思い込み
自分が作ったパズルは自分で解けて当たり前
ユーザがどこでつまずくかはユーザを観察しないと分からない
・でもユーザテスト面倒・やり方が分からない
テストしないと「誰も使えない製品」をリリースする     リスクを犯す  テストせずリリースすると後で面倒
Webサービスにおいては UX ≒ UI    と言ってもいいくらい、    UIとUXは密接な関係良いユーザ体験は良いインタフェースから
社内ユーザテストのすすめ
社内ユーザテストのメリット早い・安い・簡単
・コストが安い、特別な道具も必要ない・短時間で出来る・簡単。一度手順を覚えたらすぐできる 目標はあくまで良い製品をリリースすることなので、  ユーザテストに過剰なコストをかける必要はない
被験者:暇そうにしてる社員
使用機材:テスト環境が動くPC
以上
ユーザテスト事例
はてなブログ管理画面リニューアル
・複数ブログを管理しやすくするため、4月末頃リニューアル・導線が分かりやすくなったのか、ユーザーテストで 検証した
ユーザテストの流れ- 事前準備- パイロットテスト- 被験者の選定- ユーザーテスト - NDA・プライバシーポリシーの説明 - 事前インタビュー - シナリオ・タスク説明 - ユーザーテスト - テスト後インタビュー- テスト環境の初期化
全部説明すると長いので 端折って説明します
タスク設計
シナリオの作成
概略図      PC    机被験者             インタビューア      見学者
【インタビューア】                          「今から与えられたシナリオに沿って、ある                          Webサイトを操作していただきます。そのと      PC    机       ...
PC    机                          【PC】被験者             インタビューア   Quicktimeをあらかじめ立ちあげておき、                          動画と音声を録画して...
PC    机                          【見学者】                          被験者の目立った行動やミスなどを観察・被験者             インタビューア                ...
テスト、分析、再設計、試作、のサイクルを回す          テスト試作                    分析          再設計
「分析」ではユーザーがどんな行動をとったのかGoogle Docsにまとめた。ポストイットなどを使ってもいいかもしれません
思いがけない         問題が見えてくるリニューアルの目的であった複数ブログ管理はスムーズに操作できることが分かったが、それとは別の箇所で戸惑うユーザもいた。ユーザテストのおかげでそれらの改善もリリースに盛り込むことができた
リニューアル前          リニューアル後ボタンの場所がわかりにくい   ボタンの位置を上にした
リニューアル前        リニューアル後テキストエリア広すぎ   最大幅指定して折り返すようにした
いつユーザテストを実施するか
作り込む前 プロトタイプなら軌道修正がしやすい実はブログでは結構作りこんでからテストしてしまって、失敗したと思っています 次回は早めに行いたいです
なるべく早い段階で失敗して、 分析して、次の矢を放つ
詳しいテスト方法は:    アジャイル・    ユーザビリティ    ユーザエクスペリエンスのための    DIYテスティング    樽本徹也 著
社内ユーザテストブーム作りましょう
Nächste SlideShare
Wird geladen in …5
×

ユーザテスト社内勉強会

11.793 Aufrufe

Veröffentlicht am

  • Als Erste(r) kommentieren

ユーザテスト社内勉強会

  1. 1. 勉強会:ユーザテスト株式会社はてな はてなブログチーム デザイナ id:ueday
  2. 2. ユーザテストをやってみよう
  3. 3. 導入編です
  4. 4. アジャイル・ユーザビリティユーザエクスペリエンスのためのDIYテスティング樽本徹也 著
  5. 5. ユーザテストの実践方法について書かれた本ですこの本を参考に、はてなブログチームでユーザテストをやってみました
  6. 6. ・ユーザテストとは何か・なぜユーザテストをするのか・社内ユーザテストのすすめ
  7. 7. ユーザテストとは何か
  8. 8. ・ユーザにタスク(作業課題)を実行するよう依頼する・ユーザがタスクを実行する過程を観察・記録する
  9. 9. なぜユーザテストをするのか
  10. 10. 多くのユーザにとって UI = パズル 分かりにくい、操作に迷う誰でも解けるパズルを設計しなければならない
  11. 11. UI設計にありがちなこと
  12. 12. “こんなところでユーザがつまずく はずがない”
  13. 13. =開発者の思い込み
  14. 14. 自分が作ったパズルは自分で解けて当たり前
  15. 15. ユーザがどこでつまずくかはユーザを観察しないと分からない
  16. 16. ・でもユーザテスト面倒・やり方が分からない
  17. 17. テストしないと「誰も使えない製品」をリリースする リスクを犯す テストせずリリースすると後で面倒
  18. 18. Webサービスにおいては UX ≒ UI と言ってもいいくらい、 UIとUXは密接な関係良いユーザ体験は良いインタフェースから
  19. 19. 社内ユーザテストのすすめ
  20. 20. 社内ユーザテストのメリット早い・安い・簡単
  21. 21. ・コストが安い、特別な道具も必要ない・短時間で出来る・簡単。一度手順を覚えたらすぐできる 目標はあくまで良い製品をリリースすることなので、 ユーザテストに過剰なコストをかける必要はない
  22. 22. 被験者:暇そうにしてる社員
  23. 23. 使用機材:テスト環境が動くPC
  24. 24. 以上
  25. 25. ユーザテスト事例
  26. 26. はてなブログ管理画面リニューアル
  27. 27. ・複数ブログを管理しやすくするため、4月末頃リニューアル・導線が分かりやすくなったのか、ユーザーテストで 検証した
  28. 28. ユーザテストの流れ- 事前準備- パイロットテスト- 被験者の選定- ユーザーテスト - NDA・プライバシーポリシーの説明 - 事前インタビュー - シナリオ・タスク説明 - ユーザーテスト - テスト後インタビュー- テスト環境の初期化
  29. 29. 全部説明すると長いので 端折って説明します
  30. 30. タスク設計
  31. 31. シナリオの作成
  32. 32. 概略図 PC 机被験者 インタビューア 見学者
  33. 33. 【インタビューア】 「今から与えられたシナリオに沿って、ある Webサイトを操作していただきます。そのと PC 机 き、思ったことを声に出しながら操作してく ださい」被験者 インタビューア =思考発話(実況中継)。 タスクを実行しながら、ユーザが UIのどの部分に注目 して、どのように解釈したのか把握できる。 ただし大抵のユーザは思考発話に慣れていない。いざ 見学者 タスクを始めると言葉が途切れがちになるので、その ようなときはインタビューアが「今、何を考えています か?」など発話を促す。
  34. 34. PC 机 【PC】被験者 インタビューア Quicktimeをあらかじめ立ちあげておき、 動画と音声を録画しておく 見学者
  35. 35. PC 机 【見学者】 被験者の目立った行動やミスなどを観察・被験者 インタビューア 記録(解決案はその場で書かない。観察の み) 見学者
  36. 36. テスト、分析、再設計、試作、のサイクルを回す テスト試作 分析 再設計
  37. 37. 「分析」ではユーザーがどんな行動をとったのかGoogle Docsにまとめた。ポストイットなどを使ってもいいかもしれません
  38. 38. 思いがけない 問題が見えてくるリニューアルの目的であった複数ブログ管理はスムーズに操作できることが分かったが、それとは別の箇所で戸惑うユーザもいた。ユーザテストのおかげでそれらの改善もリリースに盛り込むことができた
  39. 39. リニューアル前 リニューアル後ボタンの場所がわかりにくい ボタンの位置を上にした
  40. 40. リニューアル前 リニューアル後テキストエリア広すぎ 最大幅指定して折り返すようにした
  41. 41. いつユーザテストを実施するか
  42. 42. 作り込む前 プロトタイプなら軌道修正がしやすい実はブログでは結構作りこんでからテストしてしまって、失敗したと思っています 次回は早めに行いたいです
  43. 43. なるべく早い段階で失敗して、 分析して、次の矢を放つ
  44. 44. 詳しいテスト方法は: アジャイル・ ユーザビリティ ユーザエクスペリエンスのための DIYテスティング 樽本徹也 著
  45. 45. 社内ユーザテストブーム作りましょう

×