10 эвристик юзабилити Нильсена с примерами
Основы3 минРедакция Innovialabs
Коротко
Эвристики Нильсена — 10 общих принципов удобного интерфейса: показывать статус, говорить языком пользователя, давать отменять действия, быть последовательным, предотвращать ошибки и так далее. По ним можно за час найти очевидные проблемы в макете без тестирования на пользователях.
Что такое эвристики Нильсена
Эвристики юзабилити — десять принципов, которые сформулировал Якоб Нильсен. Это не строгие правила, а «правила большого пальца»: по ним удобно проверять интерфейс и находить проблемы, которые мешают людям выполнить задачу. Они подходят для сайтов, приложений, CRM и даже Telegram-ботов.
Все 10 эвристик с примерами
1. Видимость статуса системы
Пользователь всегда должен понимать, что происходит. Хорошо: индикатор загрузки файла с процентами. Плохо: после нажатия «Оплатить» ничего не меняется, и человек жмет еще раз.
2. Соответствие системы реальному миру
Говорите словами пользователя, а не разработчика. Хорошо: «Не удалось сохранить, нет интернета». Плохо: «Error 503: upstream timeout».
3. Свобода и контроль пользователя
Нужен понятный «аварийный выход» из ошибочного действия. Хорошо: «Письмо удалено. Отменить». Плохо: многошаговая форма без кнопки «Назад», которая теряет данные при выходе.
4. Единообразие и стандарты
Одинаковые вещи должны выглядеть и называться одинаково, а привычные паттерны — работать как везде. Хорошо: логотип ведет на главную. Плохо: на одном экране «Удалить», на другом «Стереть» для одного и того же действия.
5. Предотвращение ошибок
Лучше не дать ошибиться, чем красиво сообщить об ошибке. Хорошо: в календаре нельзя выбрать прошедшую дату доставки. Плохо: свободное поле для даты, которое принимает «31.02».
6. Узнавание вместо запоминания
Не заставляйте держать информацию в голове. Хорошо: недавние поисковые запросы под строкой поиска. Плохо: на шаге 3 нужно ввести код товара, который был виден только на шаге 1.
7. Гибкость и эффективность
Новичкам — простой путь, опытным — ускорители. Хорошо: горячие клавиши, шаблоны, массовые действия в CRM. Плохо: чтобы изменить статус 50 сделок, нужно открыть каждую.
8. Эстетичный и минималистичный дизайн
Каждый лишний элемент конкурирует с важным. Хорошо: на экране оплаты только сумма, способ оплаты и кнопка. Плохо: баннеры, акции и пять второстепенных ссылок вокруг кнопки «Оплатить».
9. Помощь в распознавании и исправлении ошибок
Сообщение об ошибке должно объяснить, что случилось и как исправить. Хорошо: «Пароль должен быть не короче 8 символов» рядом с полем. Плохо: «Неверные данные» вверху страницы и очищенная форма.
10. Справка и документация
Лучше, когда справка не нужна, но если нужна — она должна быть рядом и по делу. Хорошо: подсказка у сложного поля, короткая инструкция по шагам. Плохо: ссылка на длинный PDF без поиска.
Как провести быструю самопроверку
- Выберите 2-3 ключевых сценария: регистрация, оформление заказа, создание заявки.
- Пройдите каждый сценарий по экранам и для каждого экрана просмотрите список из 10 эвристик.
- Записывайте проблемы в таблицу: экран, нарушенная эвристика, описание, серьезность.
- Оцените серьезность: блокирует задачу, сильно мешает, косметика.
- Позовите второго проверяющего. Разные люди замечают разные проблемы, поэтому результаты нескольких независимых проверок полезно объединять.
| Экран | Эвристика | Проблема | Серьезность |
|---|---|---|---|
| Оплата | 1. Статус системы | Нет индикатора после нажатия кнопки | Высокая |
| Регистрация | 9. Ошибки | Форма очищается при ошибке | Высокая |
Частые ошибки при использовании эвристик
- Подменять ими тестирование. Эвристики находят очевидные проблемы, но не покажут, понимают ли реальные пользователи ваш продукт.
- Спорить о номере эвристики. Одна проблема может нарушать сразу несколько принципов. Важно описать проблему, а не классифицировать ее идеально.
- Чинить все сразу. Начните с проблем, которые блокируют ключевые сценарии.