5 ошибок в интерфейсах, которые допускают даже опытные дизайнеры

Фото: Михаил Гребенщиков / РБК

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

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

Почему дизайнеры ошибаются

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

• «Проклятие знания». После долгой работы интерфейс кажется дизайнерам понятным и предсказуемым, потому что они провели внутри него много часов. Логично, что в какой-то момент команда больше не может посмотреть на макет глазами пользователя и заметить проблемы. Таким образом проявляется когнитивное искажение: опытные специалисты могут забыть, что другие люди не владеют какой-то информацией.
• Сжатые сроки. Зачастую решения нужно принимать быстро, поэтому времени на тщательное продумывание физически не хватает. В таком случае даже самый опытный дизайнер может упустить важный нюанс или предложить не самый оптимальный сценарий.

Сроки сорваны, задачи возвращаются: как избежать провалов в IT-проектах

Образование

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

Ошибка № 1. Проектирование под «идеального пользователя»

Было бы здорово, если бы пользователи внимательно анализировали инструкции и подмечали детали, но на практике большинство людей спешат, отвлекаются и устают. Например, если кнопки «Подтвердить» и «Отменить» расположены слишком близко, пользователи могут путать их. Или человек заполняет форму одной рукой, пока едет в метро, а кнопка «Далее» расположена в верхнем углу. Важно учитывать эти факторы и помогать пользователям решать их задачи даже в таких условиях.

Ошибка № 2. Излишнее стремление к минимализму

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

Ошибка № 3. Невидимые интерфейсные зависимости

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

Как ставить рабочие задачи, чтобы их правильно понимали: три техники

Образование

Кроме того, у многих возникнет чувство несправедливости: «Я все сделал, а система меня не пускает и не говорит почему!» Это подрывает доверие к сервису и бренду в целом.

Ошибка № 4. Злоупотребление паттернами

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

Ошибка № 5. Игнорирование микроинтеракций

Микроинтеракции — это небольшие анимации или визуальные изменения, которые происходят в интерфейсе при совершении определенных действий. Многие считают их эстетической составляющей, но на самом деле роль микроинтеракций более важна: они помогают пользователям понять, что происходит в приложении или на сайте. Например, человек нажимает «Заказать такси» — и ничего не происходит. Это вызывает тревогу, может показаться, что приложение не работает. А если кнопка «пружинит», запускается анимация поиска, а потом появляется уведомление «Водитель найден», у пользователя не будет поводов для волнения.

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