Icon Usability Testing

Тестирование удобства использования значков

Резюме: Чтобы убедиться, что люди понимают значение и назначение значков, проведите несколько типов тестов на разных этапах цикла разработки продукта.

Дизайнеры часто полагаются на иконки, чтобы сэкономить место и воспользоваться преимуществами быстрого распознавания визуальных элементов. С ростом популярности устройств с небольшими дисплеями — смартфонов, носимых устройств и так далее — использование значков также увеличилось. Но насколько полезны эти значки? Единственный способ узнать, будет ли работать тот или иной значок, - протестировать его с пользователями.

Что вы проверяете, когда тестируете иконку?

Различные методы тестирования затрагивают разные аспекты удобства использования значков. Но что делает иконку полезной? Вот 4 критерия качества иконок:

1. Возможность поиска: могут ли люди найти значок на странице?

2. Узнаваемость: Понимают ли люди, что представляет собой значок?

3. Информационный аромат: Могут ли пользователи правильно угадать, что произойдет, когда они будут взаимодействовать со значком?

4. Привлекательность: Является ли икона эстетически привлекательной?

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

Методы тестирования значков

Существует несколько методов оценки дизайна значков, и какой из них вы используете, будет зависеть от ваших целей и стадии проектирования. Методы можно разделить на 2 основные категории: внеконтекстное и контекстное тестирование, в зависимости от того, отображается ли значок пользователю отдельно или в контексте фактического интерфейса. Однако более важным является выбор метода, основанного на том, что вам нужно изучить, чтобы уверенно продвигаться вперед в своем дизайне.

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

Методы поиска

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

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

Методы распознавания

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

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

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

Методы анализа информации

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

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

В дальнейшем A / B-эксперименты могут быть использованы, чтобы помочь дизайнерам оценить, какая из нескольких иконок-кандидатов может иметь более сильный информационный аромат. При такой форме A / B-тестирования определенный процент пользователей видит одну версию значка на живом сайте, в то время как другие видят другую. Измерьте любую разницу в скорости взаимодействия между версиями значка, а также то, очень ли быстро пользователи нажимают на значок и возвращаются на исходную страницу. Такое поведение называетсязондирование и обычно является сигналом плохого восприятия информации; это указывает на то, что пользователи были разочарованы содержанием, скрытым за значком, и, следовательно, вернулись на предыдущую страницу. Обязательно сохраняйте одинаковое положение и метку значков при тестировании оптимальной графики, чтобы убедиться, что никакая другая переменная не привела к изменению поведения пользователя.

Методы привлекательности

Помимо тестирования на узнаваемость, значки также следует проверять на привлекательность, как по отдельности, так и в составе семейства значков. Одна из распространенных причин использования иконок в первую очередь - это визуальная привлекательность дизайна, но не все иконки одинаково красивы.

Самый простой тест на привлекательность - попросить людей оценить каждую иконку по шкале 1-7. Если у вас есть альтернативные варианты дизайна той же иконки, вы также можете попросить людей выбрать наиболее привлекательный из каждого набора вариантов и объяснить, почему им нравятся или не нравятся определенные изображения. Наконец, вы можете показать людям целое семейство иконок и попросить их выбрать ту, которая им нравится больше всего и меньше всего. Этот последний тест может помочь вам избежать распространенной проблемы, когда большинство ваших значков в порядке, но есть один или два менее привлекательных, которые требуют переделки, чтобы лучше соответствовать эстетике полного дизайна.

Стандартное тестирование юзабилити и тестирование иконок

Стандартное тестирование удобства использования также может выявить проблемы со значком. Однако имейте в виду, что может быть много причин, по которым значок может быть проигнорирован в стандартном тесте юзабилити, некоторые из которых не связаны с удобством использования значка как такового. Например, пользователи могут отвлекаться на какие-то другие элементы взаимодействия или дизайна сайта и могут вообще не успеть выполнить задачу. И даже если дизайн значка неисправен, трудно точно определить, какие именно функции значка являются проблематичными: это тот случай, когда люди не могут распознать значок, не могут понять, в чем его значение, или, может быть, они просто не могут его найти?

Например, ни один участник не взаимодействовал со значком часов, представляющим недавно просмотренные страницы, во время изучения спорного редизайна сайта, но трудно понять, была ли причина в том, что они не заметили значок в заголовке или потому, что часы не имели четкого значения в этом контексте.

Из-за множества факторов не следует полагаться на стандартное тестирование юзабилити как на единственный способ определить удобство использования ваших значков.

Этапы разработки продукта

Как и во всех методах исследования UX, при выборе метода тестирования для ваших иконок учитывайте текущую стадию жизненного цикла проекта.

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

2. Выполнение: На этом этапе проектирования и внедрения сосредоточьтесь на методах исследования, которые будут постоянно направлять вас к лучшему дизайну значков для вашей системы. Как только дизайн значков станет узнаваемым, сосредоточьтесь на внеконтекстном тестировании на привлекательность, пока не появятся явные победители. Как только пользовательский интерфейс будет разработан, перейдите к методам тестирования значков в контексте. Тестирование времени нахождения полезно для количественной оценки возможности поиска значка и его размещения в нескольких потенциальных вариантах интерфейса. Тестирование удобства использования (начиная с бумажных прототипов и переходя к версиям с более высоким качеством воспроизведения) может дать вам некоторое дополнительное представление об ожидаемом значении значков и их обнаруживаемости.

3. Оценка: После запуска системы или функции наиболее применимыми являются методы, которые измеряют успех и позволяют постепенно улучшать. Для отслеживания производительности можно периодически проводить сравнительное тестирование с изучением удобства использования и тестированием времени нахождения. Для постоянного улучшения значка лучшим методом измерения производительности и определения оптимального дизайна является A /B-экспериментирование.

Другие соображения

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

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

Usability Testing of IconsNielsen Norman Group