Як створювати дизайн “діалогів підтвердження” правильно

Шаблон дизайну підтвердження – це не те, що слід сприймати легковажно. Якщо його зробити не правильно, чи взагалі випустити із уваги, користувачі можуть зробити ненавмисні помилкові дії.

➡ ➡ ➡ Читайте також про створення текстів у дизайні: Як правильно створювати дизайн тексту: люди не читають інтерфейс

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

Medium показує підказку для користувачів, щоб підтвердити своє бажання опублікувати статтю.

Підтвердження не завжди потрібні, і можуть фактично збільшити помилки. Якщо бомбити користувачів підтвердженнями для кожної дії, вони будуть ігнорувати їх, та й узагалі перестануть користуватися вашою програмою. Тому підтвердження не повинні використовуватися для дій, які легко скасованих або несуттєвим.

Гарна практика:

  1. Вкажіть дію як запитання в заголовку
  2. Поясніть результат дії в тілі попереження
  3. Переформулюйте сенс дії на кнопці підтвердження

Уникайте:

  1. Неоднозначних запитань, на зразок: “Ви впевнені?”
  2. Неописовий зміст тіла
  3. Кнопки із неінформативними заголовками: Так / Ні
  4. “Скасувати” може викликати плутанину. При здійсненні руйнівної дію, типу відміни змін, користувачі можуть помилково “скасувати” дію замість скасування діалогу підтвердження.

Підтвердження можуть містити кілька взаємодій, щоб зробити результат явним і зрозумілим для користувача. Напрклад:

Модальний діалог підтвердження в Invision із галочками, які вказують на те, що буде відбуватися, коли користувач видалить прототип.

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

Яким буде майбутнє діалогів підтвердження?

Віртуальна реальність, доповнена реальність, пристрої, що носяться і керування жестами/голосом – це те, що перетворюється на нашу сучасність. Ми рухаємося в майбутнє, де вправність і контекст взаємодії сильно відрізняється. Тож підтвердження дій також будуть еволіціонувати.

Позначки:

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.