Проектирование графических интерфейсов лекция 10
TRANSCRIPT
![Page 1: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/1.jpg)
Юзабилити-тестирование
![Page 2: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/2.jpg)
Цели тестирования:
Каково качество интерфейса? Что нужно исправить в интерфейсе продукта и как именно это сделать? Насколько интерфейс продукта лучше или хуже, чем у конкурентов?
Получить достаточную аргументацию для принятия решения о судьбе продукта
Пон
ять
![Page 3: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/3.jpg)
Что это? ЮТ - это эксперимент, в ходе которого типичные пользователи, находятся в типичном или приближенном к таковому контексте, выполняют типичные действия в изучаемом сервисе.
![Page 4: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/4.jpg)
Что это? Модератор, присутствующий на тесте (или наблюдающий за ходом тестирования), фиксирует проблемы, с которыми сталкиваются пользователи, а так же фиксирует некоторые метрики, которые могут быть значимы в оценке интерфейса
![Page 5: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/5.jpg)
Метрики Успешность выполнения сценария (задачи), Время выполнения сценария (задачи), Количество проблем Устойчивость проблем (~обучаемость), Частота проблем, Критичность проблем, Субъективная оценка удовлетворенности выполнением задания (до и после)
![Page 6: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/6.jpg)
Результат Перечень проблем, ранжированных по степени серьёзности + рекомендации по их преодолению.
![Page 7: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/7.jpg)
Отличие от маркетинговых исследований
![Page 8: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/8.jpg)
Маркетинг Оценка рынка, Возможности достижения бизнес-целей в чистом виде
UX Research Удовлетворенность пользователей, Возможности достижения пользовательских целей
![Page 9: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/9.jpg)
Маркетинг Мнение пользователей, его гипотетическое отношение к продукту Соцдем
UX Research Опыт взаимодействия Опыт и мотивы использования пользователей
![Page 10: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/10.jpg)
Преимущества Высокое качество оценки, глубокое изучение взаимодействия Вариативность метода, пригоден для большинства проектов
В том числе удаленно! Результаты тестирования очевидны, понятны, осязаемы
![Page 11: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/11.jpg)
Недостатки Сложности с рекрутом Не совсем достоверный контекст использования «Статистическим» данным тестирований нельзя доверять Затратно Требуются навыки модерирования
![Page 12: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/12.jpg)
Методики
![Page 13: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/13.jpg)
Качественные Выявление конкретных интерфейсных проблем, «Почему это происходит?»
Количественные Тренды поведения пользователей на сайте, Сравнение продуктов по заданным критериям, Определение оптимальной структуры
![Page 14: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/14.jpg)
Лабораторные или удаленные
![Page 15: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/15.jpg)
![Page 16: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/16.jpg)
![Page 17: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/17.jpg)
Формат ведения теста Методик много, можно выделить: Think Aloud Sit-by или пассивное наблюдение Retrospective Review
Можно использовать все эти методики в одном тесте в зависимости от контекста задач
![Page 18: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/18.jpg)
Планирование тестов и подготовка заданий Проведение тестов Обработка результатов
![Page 19: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/19.jpg)
Подготовка: рекрут Сами / Заказчик «Коридор» Рекрутинговое агентство
![Page 20: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/20.jpg)
Подготовка: рекрут Скринер: Немного соцдема Много про опыт использования среды и аналогичных продуктов Много про мотивы использования, роли использования
![Page 21: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/21.jpg)
Опасаемся «ходоков»
![Page 22: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/22.jpg)
Подготовка: рекрут Сроки рекрута зависят от сложности Запас Расписание: Планируем обеды и дебрифинги
![Page 23: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/23.jpg)
Подготовка: дизайн теста Задания
Берем целевые сценарии системы
Изучаем статистику посещений
Определяем конечный набор тестируемых сценариев
![Page 24: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/24.jpg)
Подготовка: дизайн теста Задания
Формулируем от потребности, не от функционала
Отсутствие подсказок
Полнота, информативность, однозначность
Критерии успешности: объективные, субъективные
![Page 25: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/25.jpg)
Подготовка: дизайн теста Задания
Если тестируем прототипы, то решить проблему представления ее респондентам
Axure Линковка pdf Бумажные прототипы
![Page 26: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/26.jpg)
![Page 27: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/27.jpg)
Подготовка: дизайн теста Дополнительные материалы к заданиям, анкеты Организационно-юридические материалы
![Page 28: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/28.jpg)
![Page 29: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/29.jpg)
Подготовка: Сбор сетапа Платформа
Трансляция
В наблюдательную
Онлайн
С переводом
Проверять нагрузку
Всякие мелочи: свет, зарядка, сменные батареи или устройства взамен
![Page 30: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/30.jpg)
Подготовка: Пилот Проверить:
задания на «поток»,
формулировки заданий на корректность
тестовую работоспособность системы
длительность заданий (заложить время на проблемы, на прерывания)
![Page 31: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/31.jpg)
Тестирование Что нужно сделать до тестов: Задания (критерии выполнения) Материалы Сетап Вознаграждения Логгер Лаборатория и рекреационная зона
![Page 32: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/32.jpg)
Тестирование Что делать во время тестов
Модерирование: Слушать, смотреть,
Задавать вопросы, понимать «почему?»
Направлять,
Фиксировать
![Page 33: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/33.jpg)
Тестирование Хороший модератор:
Помнит о UCD Быстро адаптируется, гибок Легко устанавливает контакт с незнакомыми людьми Тактичен
![Page 34: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/34.jpg)
Тестирование Хороший модератор:
Хорошая память Внимательный и любознательный слушатель Готов к неоднозначным результатам Адекватно реагирует на внештатные ситуации
![Page 35: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/35.jpg)
Тестирование Между сессиями: «Откатить» до стартового состояния,
почистить куки и прочее
Проанализировать выявленные проблемы, быстро систематизировать их
Обсудить с проектной группой
Скорректировать тест (на первых сессиях)
![Page 36: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/36.jpg)
После теста «Ну как?» Вознаграждение
![Page 37: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/37.jpg)
Анализ и отчетность Подсчет и анализ метрик: Успешность выполнения заданий (по группам Длительность выполнения Анкетные данные
![Page 38: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/38.jpg)
Анализ и отчетность Анализ поведения разных групп , влияния параметров пользователей на результат
![Page 39: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/39.jpg)
Анализ и отчетность Обработка проблем:
Частотность Критичность Устойчивость
Ранжирование проблем Кластеризация проблем
![Page 40: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/40.jpg)
Анализ и отчетность Определение тренда, Ключевые выводы Определения направления рекомендаций
![Page 41: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/41.jpg)
Анализ и отчетность Разработка рекомендаций: Глобальные Оперативные На перспективу
![Page 42: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/42.jpg)
Анализ и отчетность Отчет
Общая информация о продукте
Информация о проекте (исполнители, даты)
Описание методики
Цели проведения исследования
Краткое резюме (статистика)
Общие выводы (рекомендации)
![Page 43: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/43.jpg)
Анализ и отчетность Отчет
Формат описания
Перечень проблем и рекомендаций
Комментарии и высказывания
![Page 44: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/44.jpg)
Анализ и отчетность Отчет
Приложения/исходники (задания, пользователи)
Видео-материалы, хайлайты
![Page 45: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/45.jpg)
А если удалённо? Та же история, другой инструмент
![Page 46: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/46.jpg)
А если удалённо? Подготовка: Выбрать инструмент
![Page 47: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/47.jpg)
А если удалённо? Подготовка: Выбрать инструмент
![Page 48: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/48.jpg)
А если удалённо? Подготовка: Создать survey, Тестовый «созвон» с респондентами
![Page 49: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/49.jpg)
А если удалённо? Тестирование: Мониторинг, Поддержка респондентов
![Page 50: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/50.jpg)
А если удалённо? После теста: Отправка вознаграждения
![Page 51: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/51.jpg)
![Page 52: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/52.jpg)
![Page 53: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/53.jpg)
![Page 54: Проектирование графических интерфейсов лекция 10](https://reader034.vdocuments.pub/reader034/viewer/2022052619/555e164dd8b42a99188b54cb/html5/thumbnails/54.jpg)