Быстрые и дешевые методы оценки пользовательских интерфейсов

1. Дмитрий Сатин, USABILITYLAB Быстрые и дешевые методы оценки пользовательских интерфейсов

2. Методологии разработки

3. Инструменты разработки

4. Ключевой момент

5. Human-centred Design (ISO 9241-210) Потребность или идея 1 Решение 4 2 3

6. Немного о числах

7. Айсберг Юзабилити 10% - Внешний вид: макет, цвета изображения 30% - Функциональность: меню, кнопки, управление 60% - Цели и задачи пользователя: действия, навигация, объекты и взаимодействие между ними

8. Говорим о деньгах?

9. Цена исправления ошибок

10. ROI в юзабилити • Оценка уровня ROI воспользовавшихся юзабилити-услугами. • Опрос проводился агентством E-consultancy в 2007 году.

11. Стоимость юзабилити • Затраты на юзабилити составляют приблизительно 10% от разработки при условии итеративности разработки и использовании всего спектра методов [юзабилити] на всех этапах проекта

12. Usability – один из 11 атрибутов качества • ability to change • adaptability to new environments • basic operational characteristics McCall, 1977

13. Human-centered Design • Понять и специфицировать контекст использования • Специфицировать пользовательские требования • Разработать дизайн-решение • Произвести его оценку

14. Design as a driver of user-centred innovation • 7 апреля 2009 издан документ Еврокомиссии о дизайне, как двигателе инноваций. • Документ содержит: • Анализ места дизайна в разработке и инновациях; • Определения дизайна; • Результаты исследований положения дел в Европе; • Обсуждает влияние дизайна на конкурентоспособность бизнеса.

15. «Лестница дизайна» (стадии зрелости) • Дизайна нет • Дизайн не используется в разработке. Дизайнеры работают для себя. • Дизайн как стиль • Дизайн используется только в конце процесса, как оформление и декорация. • Дизайн как процесс • Метод, интергированный на ранних этапах разработки, требует усилий многих специалистов. • Дизайн как инновация • Дизайнер работает совместно с бизнесом над полным или частичным обновлением бизнес-модели.

16. Методы оценки ранних концепций

17. Оценка: чем раньше, тем лучше • «Необходимо вовлекать пользователейв процесс.» • «Оценка является обязательным этапом HCD.» • «Оценка пользовательских качеств продукта должна проводиться как • в процессе проектирования, • так и в качестве финальной процедуры приемки.» • «Даже самые ранние концепты должны проходить проверку для получения представления о потребностях пользователя.»

18. Методы оценки ранних концепций • Обратная карточная сортировка • Понятна ли навигация? • Тесты ожиданий • Соответствуют ли ожидания пользователей запланированному поведению системы? • Оценка восприятия дизайна (бренда) • Вызывает ли дизайн целевые эмоции?

19. Понятна ли навигация? Обратная карточная сортировка

20. Применение • Проверка того, что спроектированная структура навигации понятна пользователю. • Несколько видов: • Тестирование дерева • Списком (текстовый) • Карточками (графический) • Тестирование экранов

21. Процедура обратной карточной сортировки • Показать страницу/экран • Для удаленной оценки нужно пронумеровать интерактивные объекты, чтобы пользователь выбирал «правильный» номер. • Задать вопросы о том, где находится информация: • «Вамнужноузнатьпогодуназавтра. Гдевыбудетееёискать?» • «В какомразделенаходятсянеподписанныедокументы?»

22. Пример обратной карточной сортировки

23. Задания пользователям • Где найти информацию о том, что "Дмитрий Медведев приостановил действие отдельных положений закона «О страховании вкладов физических лиц в банках Российской Федерации»"? • В сентябре Дмитрий Медведев посетил казахстан. В каком разделе можно найти информацию об этом событии? • Не так давно Дмитрий Медведев в Питтсбурге сделал заявление относительно ситуации вокруг Ирана. В каком разделе сайта можно найти информацию об этом заявлении? • 3 -документы • 5 - визиты • 2 - выступления и стенограммы

24. Соответствуют ли ожидания пользователей запланированному поведению системы? Тестирование ожиданий

25. Применение • Тест на понимание пользователями процессов, происходящих в системе • Проводится как • Самостоятельное исследование; • Включенное, например, в процессе UT.

26. Процедура • Провести тест с пользователями • Задавать им вопросы об ожидаемом поведении того или иного элемента • «Чтовыожидаетеувидеть, когданажметенанего?» • «Что произойдет после нажатия на эту кнопку?» • Сравнить ожиданияпользователей с тем, чтопланировалосьреализовать, илиужереализовано.

27. Вызывает ли дизайн целевые эмоции? Оценка восприятия дизайна

28. Применение • Используется для оценки нескольких вариантов дизайна; • Нужно выбрать тот, который лучше других будет вызывать у пользователей нужные, «целевые» эмоций.

29. Процедура • Задать список прилагательных, с которыми должен ассоциироваться дизайн и их антонимов • Нарисовать несколько макетов • Распечатать макеты в цвете • На основании прилагательных и их антонимов сформировать шкалы • Провести тест с пользователями (~10), которые по шкалам оценивает дизайн • Обработать результат

30. Обработка • Посчитатьсредние(илисуммы) покаждойпареприлагательный. • Построить диаграмму-профильдлякаждоговариантадизайна. • Выбрать вариантдизайна, лучшесоответствующий целевымэмоциям.

31. Как выглядят результаты

32. Вопросы?

33. События, сообщества и контакты • UX Russia • http://groups.google.com/group/uxrussia • http://twitter.com/uxrussia • UsabilityLab • http://twitter.com/usabilitylab • http://usabilitylab.ru