UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Принципы дизайна: Промахи, провалы и ошибки
Редакція
Редакція

Опубліковано

Принципы дизайна: Промахи, провалы и ошибки

Важность предотвращения ошибок и их прощения.

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

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

Давайте рассмотрим некоторые основные категории ошибок, на которые мы должны обратить внимание при проектировании.

Промахи, провалы и ошибки

Соскальзывания или промахи случаются, когда вы идете по льду.:) Другими словами, когда люди выполняют действие, и результат не тот, что должен был быть из-за промаха.

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

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

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

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

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

“Но небольшие ошибки накапливаются и вырастают в большие ошибки, если их не остановить”, ―Жаклин Кэри

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

Предотвращение и прощение (Ctr+Z)

Наши дизайны должны помогать людям избегать ошибок и защищать их от вреда при возникновении ошибок. Вот несколько стратегий для достижения этого.

Возможностии ограничения

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

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

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

Предварительный просмотр для прояснения будущего

Принципы дизайна: промахи, провалы и ошибки. Конфигуратор обуви Nike

Конфигуратор обуви Nike с предварительным просмотром внешнего вида кроссовок

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

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

Предупреждения и контрольные списки

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

Изображение пользовательского интерфейса от Michael Hutchinson

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

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

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

Подтверждения и предупреждения

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

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

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

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

Прощение

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

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

Мысли в заключение

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

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

Спасибо, что потратили время!

Призыв к действию

Спасибо за внимание! Пишите мне вLinkedInиTwitter.

Другие принципы дизайна


Перевод статьи Anton Nikolov

Топ коментарі (0)