Еще раз про Эвристики Нильсена (с понятными примерами)

Якоб Нильсен опубликовал свою фундаментальную статью в апреле 1994 года, и спустя 30 лет она остается актуальной.

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

Среднее время прочтения ≈ 6 мин.

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

Хороший пример — тумблер VPN в iPhone. Когда вы его включаете, он меняет цвет, меняется статус, и появляется сообщение «VPN включён». Статус понятен: вы видите, что действие выполнено, и вам не нужно гадать, получилось или нет.

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

Интерфейс должен говорить с пользователем на его языке, а не учить его своему. Задача — сделать всё понятным, и для этого элементы интерфейса должны напоминать вещи из реальной жизни.

Например, банковские приложения. Открываете счёт — и тут же видите карточку, которая визуально похожа на ту, что лежит у вас в кошельке. Это удобно, потому что вы сразу понимаете, о чём идёт речь.

Приложение Погода в iOS показывает реальную погоду и время суток на заднем фоне. Человек видит то, что у него за окном.

Главное — не усложнять, хехе. Если дизайн интерфейса отражает привычные нам образы, им легче пользоваться.

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

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

Когда вы скачиваете новое приложение, вы ожидаете, что оно будет работать по привычным правилам. Если элементы расположены неожиданно, это вызывает дискомфорт.

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

Или подумайте о визуальных паттернах: иконка корзины всегда означает покупки, а лупа — поиск. Если заменить их чем-то другим, даже если это выглядит стильно, пользователь растеряется.

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

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

Вспомните корзину в маркетплейсах. Вы выбрали товар, кладёте его в корзину, а потом случайно нажимаете на иконку «-». Но система не позволяет удалить товар одним кликом, потому что понимает: вы, возможно, уже ушли из категории, и найти товар снова будет сложно.

Ещё один пример — ввод номера телефона. Если бы клавиатура предлагала буквы и символы, пришлось бы переключаться вручную. Но система автоматически подставляет только цифры, упрощая процесс.

Это мелочи, которые создают ощущение заботы о пользователе.

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

В Перекрёстке карта лояльности сразу видна на главном экране. Её не нужно искать в отдельном разделе и вспоминать, как она называется.

Или в Wildberries: если вы ушли с главного экрана в профиль, вверху сразу видны QR-код доставки, покупки и избранное. Если вы не ищете новый товар, то ищете что-то из этого, и оно перед глазами.

Это про то, чтобы интерфейс «предугадывал» шаги пользователя. Чем меньше когнитивной нагрузки, тем приятнее пользоваться продуктом.

Все пользователи разные. Кто-то — дедушка, которому купили первый айфон, а кто-то родился с iPad в руках. Хороший интерфейс должен быть понятен всем.

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

Или Telegram: вы ищете сообщение по ключевому слову. Можно воспользоваться слайдером или списком. Все способы работают, и каждый выбирает тот, что удобнее.

Интерфейс не должен ограничивать, он должен быть удобным для всех.

Меньше — значит лучше. Если в дизайне есть что-то лишнее, оно отвлекает и мешает пользователю решить задачу.

Нельзя отвлекать пользователя. Например, если вам нужно отследить посылку. В СДЭКе говорят только о куки. В 5Post — реклама, куки, предложение скачать приложение, а строка поиска меньше, чем нужно. Хотя в обоих случаях переход по ссылке «отслеживание заказов *название компании*» делает задачу проще.

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

Ошибки случаются, и задача интерфейса — помочь пользователю понять, что пошло не так и как это исправить.

Плохой пример из жизни: у меня много карт привязано к Яндексу, и сегодня мне нужно было взять самокат. Яндекс пытался списать деньги с пустой карты. Я проверил баланс, ещё раз попробовал, привязал новую карту, но ничего не сработало. Думаю: «Наверное, проблема внутри Яндекса». Уже уезжая на самокате Юрент, я вспомнил, что месяц назад Яндекс списывал деньги с карты, которой я давно не пользуюсь.

Мораль проста: непонятная ошибка и отсутствие объяснений — это потеря клиента.

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

Хороший пример: мне нужно было узнать номер телефона, привязанный к аккаунту во ВкусВилле. Классно что во ВкусВилле, самая видная кнопка это чат с человеком, а не FAQ! Я написал, мне быстро ответили и помогли.

Раньше (в 1994 году, когда Якоб Нильсон всё это написал) справка представляла собой книгу, которую нужно было читать, чтобы понять, как работает программа. Сейчас интерфейс должен быть настолько интуитивным, что объяснения практически не нужны. Если помощь всё же требуется, она должна быть удобной: чат с поддержкой, понятные инструкции, хороший онбординг. Всё, чтобы пользователь не чувствовал себя потерянным.

Надеюсь, статья была полезной для вас 🤝

Еще больше про дизайн понятным языком тут → 100 тем | Для Junior UX/UI

Оригинальная статья: