UX дизайн окна потверждения
Наш канал в

1-0owc9vcgucrr7sjme_zpbg-1

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

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

Medium
Medium показывает подсказку для пользователей для подтверждения их желания опубликовать статью.

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

Советы для создания хорошего окна подтверждения:

  1. Покажите действие в шапке
  2. Поясните результат в теле сообщения
  3. Вновь заявите о действии на кнопке подтверждения

1-0owc9vcgucrr7sjme_zpbg

Следует избегать:

  1. Двусмысленных вопросов типа: “Вы уверены?”
  2. Плохо описанных действий в теле сообщения
  3. Да/нет вопросов
  4. Замешательство от слова “отмена”. При подтверждении необратимого действия, такого, как отмена изменений без сохранения, пользователи могут ошибочно принять слово “отмена”, как возможное действие вместо отмены окна подтверждения.

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

Окно подтверждения в InVision
Окно подтверждения в InVision. Чекбоксы показывают, что случится после того, как пользователь удалит прототип.

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

Разные варианты оформления окна подтверждения.
Разные варианты оформления окна подтверждения.

Будущее действия подтверждения

Будущее действия подтверждения

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

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

Как по вашему мнению изменятся действия подтверждений? Какие новые возможности возникнут в этом направлении?

Если у вас есть мысли по поводу данной темы, свяжитесь со мной. Вы можете найти меня в Twitter и Dribble.

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

5 UX способов начать разработку дизайна правильно

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

OOUX: Основа дизайна взаимодействий

Свой подход “Объектно-ориентированного UX” (Object-Oriented UX – OOUX) я представил в прошлом году на A List Apart. Подход подразумевает дизайн объектов перед проработкой действий.

Полное руководство по процессу продукт-дизайна

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