Лабораторная работа №6

«Эвристическая оценка юзабилити-интерфейса мультимедийной презентации»

Цель работы: научиться проводить эвристическую оценку юзабилити-интерфейса мультимедийной презентации, используя сценарий юзабилити-тестирования.

 Методические рекомендации к выполнению работы

Эвристическая оценка интерфейса

Эвристическая оценка – это один из методов науки юзабилити, который служит для обнаружения проблем с юзабилити в дизайне пользовательского интерфейса, исправление которых является частью многоэтапного процесса дизайна. Эвристическая оценка проводится небольшой группой людей, которые оценивают интерфейс и судят о его правильности, опираясь на определенные общепризнанные принципы юзабилити (которые называются «эвристиками»).

Во время проведения эвристической оценки каждый участник выполняет свою работу индивидуально. Только после того, как все участники закончат выполнение работы, им разрешается поговорить друг с другом и объединить полученные сведения. Очень важно соблюдать именно такой порядок, чтобы получить в результате независимые и непредвзятые оценки от каждого участника. Результаты оценок записываются каждым участником.

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

НЕ нашли? Не то? Что вы ищете?

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

Результаты. Результатом оценки по эвристическому методу является список проблем с юзабилити интерфейса со ссылками на те принципы юзабилити, которые были нарушены в дизайне интерфейса по мнению каждого из экспертов. Экспертам недостаточно только сказать, что им что-то там не понравилось; они должны объяснить, почему им что-то не понравилось со ссылкой на эвристики или на другие результаты оценки юзабилити. Например, если в определенном диалоговом элементе три вещи сделаны неправильно, все три следует указать по отдельности со ссылками на различные принципы юзабилити, которые объясняют, почему данный аспект элемента интерфейса содержит проблему.

Примерный сценарий тестирования юзабилити мультимедийной презентации.

Профессиональная презентация

1) Главное окно приложения.

1.  Запустите приложение, дважды кликнув по его иконке. Убедитесь, что в окне загрузки отображается название приложения, номер версии, логотип или увеличенное изображение иконки приложения. – Загрузка происходит сразу (есть только логотип, поскольку рассматривается презентация).

2.  Приложения не должно требовать авторизации при загрузке. – Не требует.

3.  Заголовок окна приложения должен соответствовать заголовку, отображаемому на панели задач.

4.  Закрытие приложения должно сопровождаться запросом на подтверждение (напр., «Вы уверены, что хотите выйти из приложения?») - нет

5.  Приложение не должно позволять запускать вторую копию программы. При попытке запуска второй копии фокус должен перемещаться на главное окно уже запущенной копии. – происходит загрузка

6.  Также попробуйте запустить вторую копию программы при загрузке приложения. – происходит загрузка

7.  Если приложение занятно, то указатель мыши должен отображать это в каждом из его окон (например, для Windows, это указатель в виде песочных часов). - нет

8.  Каждое окно приложения должно иметь кнопку вызова справки. Также справка должна вызываться по нажатию клавиши F1. - нет

2) Все окна приложения.

1.  Проверьте возможность свертывания окна, если такая опция предусмотрена. – есть возможность свернуть окно проигрывателя FlashPlayer.

2.  При свернутом окне, на панели задач (внизу экрана) должна быть иконка в виде логотипа приложения. – есть логотип проигрывателя.

3.  Заголовок каждого окна приложения должен содержать название приложения и название окна (особенно это важно для окон с сообщениями об ошибках). Обратите внимание на грамматику заголовков, а также на то, что их названия интуитивно понятны и не требуют каких-либо дополнительных пояснений. If the screen has an Control menu, then use all ungreyed options. – есть названия в верхней части окна презентации (слева логотип, а справа – название раздела презентации).

4.  Проверьте правильность написания всего текста находящегося в окне (грамматика, падежи, время). – текстовый контент составлен с соблюдением всех правил русского языка.

5.  Используя клавишу Tab проверьте правильность перемещения фокуса в окне. Фокус должен перемещаться слева направо и сверху вниз. Также проверьте правильность перемещения фокуса в обратном порядке используя комбинацию клавиш Shift+Tab. – не вполне правильное перемещение фокуса

6.  При перемещении фокуса активный элемент окна должен выделяться прямоугольником из штриховых линий либо текстовым курсором. При переводе фокуса на не пустое поле ввода весь текст, находящийся в нем должен быть выделен. – всё соблюдено

7.  Если управляющий элемент не активен, то фокус не должен перемещаться на него (также не должно быть возможности выделять такие элементы мышью). Проверяйте это для каждого неактивного управляющего элемента.

8.  Неизменяемые поля должны выглядеть одинаково и отличаться от остальных полей приложения.

9.  Обычно они отображаются как поля с текстом черного цвета на сером фоне и с заголовком черного цвета.

10.  Весть текст должен иметь выравнивание по левой стороне. Если текст является названием какого-либо управляющего элемента или поля ввода, то после него должно стоять двоеточие. – выравнивание правильное и единообразное

11.  Для полей, состояние которых может изменяться (т. е. поле может быть активным/неактивным), при изменении состояния на неактивное заголовок и текст поля должны становиться серыми.

12.  Выпадающие списки всегда должны иметь белый фон с чёрным текстом. – выпадающих списков нет

13.  При переходе на другие страницы приложения, они должны открываться в том же окне. - да

14.  По возможности двойной клик не должен использоваться. Все действия должны выполняться как с помощью мыши, так и с помощью клавиатуры. - да

3) Поля ввода.

1.  При перемещении над текст боксом указатель мыши должен изменяться на указатель поля ввода. Если текст бокс неактивен, то указатель изменяться не должен.

2.  Попробуйте ввести текст в каждое из полей ввода.

3.  Если в поле предусмотрено ограничения по количеству вводимых символов, попробуйте ввести количество символов превышающее это ограничение. Помимо непосредственно ввода символов в текстовое поле, попробуйте вставить символы из буфера обмена. Проверяйте поле ввода используя наиболее широкие символы алфавита (например, для английского – это W, для русского Щ).

4.  При проверке используйте специальные символы (напрмер, *,-,+,#,%,&). Также проверяйте возможность ввода невалидных символов (например, вводите буквы в числовые поля).

5.  Проверьте возможность выделения текста в текстовом поле. Текст должен выделяться следующими способами: выделение мышью (при двойном клике на текстовом поле, должен быть выделен весь текст), выделение комбинацией клавиш Shift + стрелки, Ctrl + A. – текст в текстовых полях не выделяется.

4) Радио кнопки.

1.  Проверьте возможность переключения радио кнопок при помощи мыши, а также при помощи клавиатуры. – радиокнопок нет

5) Чек боксы.

2.  Клик на чекбоксе должен устанавливать/снимать отметку в чек боксе, тоже самое должно происходить при нажатии пробела на клавиатуре. – чекбоксов нет

6) Кнопки управления.

3.  Если кнопка вызывает новое окно, в котором могут быть введены какие-либо данные, то заголовок этой кнопки должен заканчиваться троеточием. – нет кнопок, вызывающих новое окно для ввода

4.  Функции всех кнопок, кроме OK и Cancel, должны дублироваться комбинацией клавиш Alt + символ на клавиатуре. Символ, который необходимо нажать на клавиатуре должен быть подчеркнут в названии кнопки (подчеркивание может быть постоянным, либо появляться при нажатии клавиши Alt). - нет

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

6.  Переместите фокус при помощи клавиши Tab на любой управляющий элемент (за исключением кнопок) и проверьте, что на одной из кнопок остается фокус (прямоугольное выделение). Эта кнопка должна быть нажата при нажатии клавиши Enter. Обычно, если в окне присутствует кнопка Cancel, то именно на ней и должен оставаться фокус при переходе на другие типы управляющих элементов.

7.  Если после нажатия на кнопку, вы получаете какие-либо невалидные данные, т. е. данные после которых операция должна быть прервана, то должно быть выведено сообщение с кнопками Yes/No, позволяющими подтвердить действие. Сообщение должно быть сформулировано так, чтобы при нажатии на кнопку Yes операция была бы завершена.

7) Выпадающие списки – их нет

1.  Выпадающий список должен раскрываться после нажатия на стрелку.

Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4