Jacob Nielsen Heuristics

10 Эвристик НильсенаDEMIN on Notion

# 1: Видимость состояния системы

Дизайн всегда должен информировать пользователей о том, что происходит, посредством соответствующей обратной связи в течение разумного периода времени.

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

Пример эвристики юзабилити #1: Индикаторы “Вы здесь” на картах торговых центров должны показывать людям, где они находятся в данный момент, чтобы помочь им понять, куда идти дальше.

Советы

• Четко сообщайте пользователям о состоянии системы — никакие действия, имеющие последствия для пользователей, не должны предприниматься без их информирования.

• Предоставьте обратную связь пользователю как можно быстрее (в идеале, немедленно).

• Укрепляйте доверие посредством открытого и непрерывного общения.

# 2: Соответствие между системой и реальным миром

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

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

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

Пример эвристики юзабилити #2: Когда элементы управления плитой соответствуют расположению нагревательных элементов, пользователи могут быстро понять, какой элемент управления соответствует какому нагревательному элементу.

Советы

• Убедитесь, что пользователи могут понять значение без необходимости искать определение слова.

• Никогда не предполагайте, что ваше понимание слов или концепций будет соответствовать пониманию ваших пользователей.

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

# 3: Контроль и свобода пользователя

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

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

Пример эвристики юзабилити #3: Цифровым пространствам нужны быстрые “аварийные выходы”, как и физическим пространствам.

Советы

• Поддержка отмены и повтора.

• Покажите четкий способ выхода из текущего взаимодействия, например, кнопку отмены.

• Убедитесь, что выход четко обозначен и доступен для обнаружения.

# 4: Последовательность и стандарты

Пользователи не должны задаваться вопросом, означают ли разные слова, ситуации или действия одно и то же. Следуйте соглашениям платформы и отрасли.

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

Пример эвристики юзабилити #4: Стойки регистрации обычно расположены в передней части отелей. Эта согласованность соответствует ожиданиям клиентов.

Советы

• Улучшите обучаемость, поддерживая оба типа согласованности: внутреннюю и внешнюю.

• Поддерживайте согласованность в рамках одного продукта или семейства продуктов (внутренняя согласованность).

• Следуйте установленным отраслевым соглашениям (внешняя согласованность).

# 5: Предотвращение ошибок

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

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

Пример эвристики юзабилити #5: ​​​​Ограждения на извилистых горных дорогах предотвращают падение водителей с обрывов.

Советы

• Расставьте приоритеты в своих усилиях: сначала предотвратите дорогостоящие ошибки, а затем небольшие разочарования.

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

• Предотвращайте ошибки, устраняя нагрузку на память, поддерживая отмену и предупреждая своих пользователей.

#6: Распознавание, а не отзыв

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

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

Пример эвристики юзабилити #6: Большинству людей проще узнавать столицы стран, вместо того, чтобы запоминать их. Люди с большей вероятностью правильно ответят на вопрос, является ли Лиссабон столицей Португалии?вместо того, чтобы назвать столицу Португалии?

Советы

• Пусть люди распознают информацию в интерфейсе, вместо того, чтобы запоминать (“вспоминать”) ее.

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

• Сократите количество информации, которую пользователи должны запоминать.

# 7: Гибкость и эффективность использования

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

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

Пример эвристики юзабилити #7: Обычные маршруты указаны на картах, но местные жители, лучше знающие местность, могут срезать путь.

Советы

• Предоставьте ускорители, такие как сочетания клавиш и сенсорные жесты.

• Обеспечьте персонализацию, адаптируя контент и функциональность для отдельных пользователей.

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

# 8: Эстетичный и минималистичный дизайн

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

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

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

Советы

• Содержание и визуальный дизайн пользовательского интерфейса должны быть сосредоточены на главном.

• Не позволяйте ненужным элементам отвлекать пользователей от информации, которая им действительно нужна.

• Расставьте приоритеты в содержании и функциях для поддержки основных целей.

# 9: Помогите пользователям распознавать, диагностировать и исправлять ошибки

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

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

Пример эвристики юзабилити #9: Дорожные знаки "Неправильный путь" напоминают водителям, что они движутся в неправильном направлении, и просят их остановиться.

Советы

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

• Расскажите пользователям, что пошло не так, на понятном им языке — избегайте технического жаргона.

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

# 10: Справка и документация

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

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

Пример эвристики юзабилити #10: Информационные киоски в аэропортах легко узнаваемы и решают проблемы клиентов в контексте и немедленно.

Советы

• Убедитесь, что в справочной документации легко искать.

• По возможности, представляйте документацию в контексте именно в тот момент, когда она требуется пользователю.

• Перечислите конкретные шаги, которые необходимо выполнить.