- •Магистерская работа
- •Пояснительная записка
- •Задание
- •Глава 1. Теоретические аспекты usability тестирования;
- •Глава 2. Разработка тестового задания:
- •Реферат
- •Содержание
- •Глава 1. Теоретические аспекты usability тесрования 8
- •Глава 2. Разработка тестового задания для юзабилити-тестирования пользовательского интерфейса 61
- •Введение
- •Глава 1. Теоретические аспекты usability тесрования
- •1.1. Usability тестирование интерфейсов информационных систем
- •1.2. Стандарты в области юзабилити-тестирования
- •1.3. Юзабилити-тестирование при проектировании интерфейсов
- •1.4. Количественные и качественные методы оценки юзабилити-тестирования
- •1.5. Технология Eye-tracking
- •1.6. Выводы по главе 1
- •Глава 2. Разработка тестового задания для юзабилити-тестирования пользовательского интерфейса
- •2.1. Постановка целей и задач для тестирования сайта Налоговой Службы рф
- •2.2. Определение категорий пользователей сайта Налоговой Службы рф
- •2.3. Тестовое задание для юзабилити-тестировния сайта Налоговой Службы рф
- •2.4. Результаты юзабилити - тестирования Mouse-tracking и Eye-tracking
- •2.5. Выводы по главе 2
- •Заключение
- •Библиографический список
2.4. Результаты юзабилити - тестирования Mouse-tracking и Eye-tracking
Юзабилити-тестирование сайта ФНС проводилось с помощью сервиса веб-аналитики «Яндекс.Метрика» и аппаратного обеспечения eye-tracker «Tobii EyeX». Результатами юзабилити-тестирования являются тепловые карты mouse-tracker и eye-tracker соответственно.
Главная страница сайта Налоговой Службы РФ удобно структурирована. Основные разделы отражены в начале страницы, что позволяет хорошо ориентироваться по сайту. Контент главной страницы не загружен лишней информацией. Тепловая карта захвата движения взгляда изображена на рисунке 12. Испытуемый практически сразу переходит в личный кабинет физического лица. До начала юзабилити-тестирования испытуемый не пользовался сайтом Налоговой Службы РФ, поэтому внимание пользователя рассеяно по самым явным элементам сайта.
Курсор мыши использовался для сопровождения взгляда при чтении текстовой информации. Результат тестирования главной страницы сайта с помощью метода mouse-tracker представлен на рисунке 13. Разница в тепловых картах незначительна. Движения мыши сопровождали взгляд испытуемого.
Рис. 12. Тепловая карта eye-tracker главной страницы сайта ФНС
Рис. 13. Тепловая карта mouse-tracker главной страницы сайта ФНС
При выполнении первого задания испытуемый не испытывал затруднений. В личном кабинете физического лица требуемые данные находятся путем выбора нужной вкладки на основной панели. Тепловые карты методов eye-tracker (Рис. 14) и mouse-tracker (Рис. 15) в данном случае отличаются. Текстовой информации на данной странице сайта Налоговой Службы ограниченное количество, в связи с этим испытуемый просматривает весь предложенный текст. Движения мыши в свою очередь статичны.
Рис. 14. Тепловая карта eye-tracker процесса выполнения первого тестового задания
Рис. 15. Тепловая карта mouse-tracker процесса выполнения первого тестового задания
Во время выполнения второго задания пользователю требовалось найти форму запроса справки о состоянии расчетов в ФНС физического лица. Это задание также не вызвало трудностей поскольку запрашиваемая информация стала доступна при переходе по одной ссылке. Тепловая карта eye-tracker (Рис. 16) зафиксировала внимание на всем контенте страницы. Основные фиксации отмеченные красным цветом совпадает с кликами тепловой карты mouse-tracker (Рис.17).
Рис. 16. Тепловая карта eye-tracker процесса выполнения второго тестового задания
Рис. 17. Тепловая карта mouse-tracker процесса выполнения второго тестового задания
Для выполнения третьего задания испытуемый установил требуемое программное обеспечение и заполнил форму регистрации для уведомления Налоговой Службы о наличии объектов недвижимого имущества. Составленные тепловые карты в процессе заполнения формы показывают отношение движения мыши от направленности взгляда пользователя. Испытуемый вначале просматривает внимательно всю текстовую информацию целиком (Рис. 18), затем вводит данные (Рис. 19). Минимум текста на странице провоцирует пользователя ознакомится со всей предложенной информацией.
Рис. 18. Тепловая карта eye-tracker третьего тестового задания
Рис. 19. Тепловая карта mouse-tracker третьего тестового задания
В ходе четвертого задания испытуемому также потребовалось ввести данные. Тепловые карты схожи с картами предыдущего задания. Взгляд направлен на текстовый контент страницы (Рис. 20), когда мышка находится в статичном положении (Рис.21). Задание было выполнено также без затруднений со стороны пользователя.
Рис. 20. Тепловая карта eye-tracker четвертого тестового задания
Рис. 21. Тепловая карта mouse-tracker четвертого тестового задания
Пятым заданием для испытуемого было оплата налоговой задолженности. Как видно по сгенерированным картам особое внимание притягивает верхняя панель сайта с личной информацией и дополнительными услугами. Тепловая карта захвата мыши (Рис. 23) сопровождает взгляд пользователя (Рис. 22), что может говорить о высокой сосредоточенности испытуемого. Фиксации полученных результатов отображены уменьшенными, что говорит об увеличении скорости действий пользователя на сайте, таким образом показывает хорошую адаптацию испытуемого к интерфейсу сайта и его быстрой обучаемости.
Рис. 22. Тепловая карта eye-tracker пятого тестового задания
Рис. 23. Тепловая карта mouse-tracker пятого тестового задания
Заключительное шестое задание включает в себя согласование встречи с работником Налоговой Службы. Задержка в каждой из точек фиксации представленных карт минимальна, о чем свидетельствует размер и цвет выявленных областей. Игнорированная пользователем область является менее значимой в контексте решения задачи. Функциональная панель не привлекает внимание пользователя, и взгляд сразу переходит к решению задачи. Тепловая карта мыши (Рис. 25) значительно отличается от карты взгляда пользователя (Рис. 24). Для выполнения данного задания повышенное внимание не требуется, как в случае с заполнение формы, и испытуемый сокращает время затраченное на восприятие информации и количества движения мыши.
Рис. 24. Тепловая карта eye-tracker шестого тестового задания
Рис. 25. Тепловая карта mouse-tracker шестого тестового задания
Тестовые задания пользователем в среднем выполнялись в два-три клика, что показывает хорошую навигационную структуру сайта. Отсутствие, каких либо дополнительного контента помимо требуемой информации для выполнения задания на сайте нет. Это позволяет пользователю оставлять свое внимание на ключевой информации. Адаптация к функциональным особенностям сайта заметна уже на тепловых картах первых заданий. Время выполнения заданий уменьшалось с каждым последующим выполненным заданием.
Качественная оценка испытуемого положительная. Особых затруднений сайт не вызвал. Эффективность выполнения заданий возросла за счет быстрой обучаемости пользования навигацией по сайту, что говорит о высоком уровне юзабилити сайта Налоговой Службы.
Комментарии и субъективная оценка пользователя представлена в таблице 9.
Таблица 9
Анкета оценки удовлетворенности пользователя
№ |
Утверждения |
Соответствие |
Комментарии |
1 |
Главная страница дает четкое понимание содержания сайта.
|
9 баллов |
Достаточно быстро получил доступ к личному кабинету, основные разделы выделены крупно что помогает понять куда требуется перейти для решения задачи. |
2 |
Обозначения и функции элементов навигации понятны. |
10 баллов |
Все названия разделов понятны и информативны. Некоторые разделы обозначены картинками и это способствует более легкому восприятию информации. |
3 |
Ссылки легко различимы.
|
10 баллов |
Переход по ссылкам не вызвал затруднений, они выделены цветом, но можно основные выделить и размером. На некоторых страницах сайта большое количество ссылок, в связи с чем было рассеяно внимание и не сразу понятно куда требуется нажимать. |
4 |
Интуитивно понятный дизайн, который посетители могут эффективно использовать без предвари-тельного обучения или инструкций. |
10 баллов |
Оформление страниц сайта перегружено, но основное меню простое и понятное. |
5 |
Можете найти необходимую вам информацию за три клика мышкой. |
10 баллов |
Да, сайт интуитивно понятен Но нужно некоторые слова (термины) пояснить более подробно. |
6 |
Отметьте уровень понятности смысла текста, который зависит от сложности предложений и используемых терминов.
|
7 баллов |
Некоторые разделы сформулированы очень длинно и не сразу понятно, что имеется ввиду.
|
7 |
Оценка удобства поиска.
|
9 |
Не во всех разделах есть возможность поиска по сайту, только на главной странице. |
Результаты юзабилити-тестирования показывают взаимосвязь траектории взгляда пользователя и расположения курсора мыши. Проведенное исследование выявило, что:
существует определенная взаимосвязь между траекторией направленности взгляда и сопровождением движениями мыши;
испытуемый читал другую информацию на странице, в то время, как курсор был зафиксирован на одном из элементов станицы;
отсутствует соотношение между тем, где акцентировано внимание пользователя, и его расположен курсор мыши, в случаях изучения и понимания информации.
Сравнительные характеристики двух представленных методов отображены в таблице 10.
Таблица 10
Сравнительные характеристики eye-tracking и mouse-tracking
Eye-tracking |
Mouse-tracking |
|
|
Общим выводом, по результатам юзабилити-тестирования, является то, что существует некоторая связь между интересом пользователя и движением мыши. Что указывает на взаимосвязь интереса пользователя и курсора мыши зависищую от поведения пользователя. Например, пользователь читал с помощью курсора мыши, перемещая его по тексту, также оставлял его в режиме ожидания. Кроме того, положение мыши связано с привлекающими взгляд позициями, так как правило, пользователи прежде смотрят на интересующий элемент сайта, затем передвигают на него курсор мыши с интервалом 700 мс позже [8]. Таким образом, отслеживание траектории взгляда приводит к улучшению понимания действий пользователя в сравнении с данными полученными с помощью mouse-tracker, их конечным выбором. Используя информацию по можно повысить общее понимание процесса мышления пользователя.
