4 урока, извлеченные из известных недостатков дизайна

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

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

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

Урок 1. Пользовательское тестирование — ключ к созданию исключительного опыта

«Недостаток» классического дизайна известен как нормандская дверь. Если вы никогда не слышали об этом, спросите себя: вы когда-нибудь пытались толкнуть нажимную дверь или толкнуть натяжную дверь? Поздравляем, вы столкнулись с нормандской дверью!

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

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

Выводы:

Урок, который нужно усвоить, заключается в том, что пользовательский опыт и пользовательское тестирование очень важны! Если люди, для которых вы разрабатываете дизайн, не понимают, как использовать ваш дизайн или ориентироваться в нем, в чем смысл?

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

Решение «проверить свою работу» проще, чем вы думаете: проведите юзабилити-тестирование, чтобы получить отзыв от кого-то из вашей целевой аудитории. Не предлагайте им слишком много информации; просто посмотрите, как они перемещаются по вашему сайту, чтобы лучше понять, как они собираются его использовать. Пусть задают вопросы, и задавайте вопросы сами!

Урок 2: Защита от человеческих ошибок

Независимо от того, насколько хорошо что-то спроектировано, в конце концов люди совершают ошибки. Мы выбираем не те вещи, нажимаем не те клавиши и нажимаем не те кнопки. Тогда возникает вопрос: может ли дизайн помочь нам преодолеть человеческие ошибки? Предупреждения о ракетах на Гавайях, отправленные в начале 2018 года, являются одним из примеров этого. Предупреждение было вызвано нажатием не той кнопки, что заставило многих дизайнеров задаться вопросом, мог ли лучший дизайн предотвратить это.

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

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

Выводы:

Когда было плохой идеей запустить всплывающее окно подтверждения важных изменений? Я просто говорю, что если в вашей базе данных кнопка «УДАЛИТЬ» не имеет кнопки «Вы уверены?» экран, то я не знаю, как вы жили с неопределенностью в вашей работе.

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

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

Урок 3: Типографика не должна быть запоздалой мыслью

Помните Оскар 2017 с неправильным победителем в номинации «Лучший фильм»? Поговорим о простой ошибке, которой можно было бы избежать с помощью небольшой иерархии!

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

Выводы:

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

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

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

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

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

Выводы:

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

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

Еще один совет — иметь четкий призыв к действию. Если на вашей кнопке просто написано «NICE», это может быть недостаточно ясным признаком того, что это кнопка, на которую можно нажать, — она может больше походить на заголовок или декоративный элемент. Использование копирования с такими глаголами, как «Узнать больше» или «Подать заявку сейчас», более понятно.

Резюме урока

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

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

Что вы вынесли из этих недостатков дизайна? Есть ли какие-то уроки, которые вы усвоили на собственном горьком опыте? Поделитесь с нами своим опытом в комментариях!