banner-eventbanner-event
Nexfield Academy
  • Курсы
  • Бесплатно
    Курсы
    • Figmaстер ТОП Изучи Figma с нуля до уровня PRO Изучи Figma с нуля до PRO
    • Графический дизайн: старт в профессии Создай свою первую работу с ментором Создай свою первую работу
    • UX/UI дизайн: старт в профессии Первый шаг в профессии вместе 
с арт-директором Узнай основы профессии
    • Вход в IT: как выбрать онлайн профессию Начни свой путь в IT уже сегодня Начни свой путь в IT
    Инструменты
    • sub-menu-icon Иллюстрации Бесплатно для твоих проектов Бесплатно для твоих проектов
    • sub-menu-icon Туториалы Изучай Figma, Photoshop, Illustrator Изучай Figma, Photoshop, Illustrator
    • sub-menu-icon С чего мне начать? QUIZ Выбери подходящий путь в дизайне Выбери подходящий путь в дизайне
    • sub-menu-icon Воркшопы СКОРО Создавай дизайн вместе с нами Создавай дизайн вместе с нами
  • Для дизайнера
    Сервисы
    • Проверка контраста цветов Проверяй констраст двух цветов за несколько секунд Проверяй уровень контраста двух цветов Проверить контраст
    • Генератор брифов Сгенерируй бриф на реальный проект за несколько секунд Сгенерируй бриф на реальный проект Сгенерировать бриф
    Развитие
    • sub-menu-icon Статьи ТОП Более 200 публикаций на разные темы Более 200 публикаций на разные темы
    • sub-menu-icon Новости дизайна Актуальные новости из сферы Актуальные новости из сферы
    • sub-menu-icon Ресурсы Более 100 ресурсов для разных задач Более 100 ресурсов для разных задач
    • sub-menu-icon Вдохновение Лучшие дизайны из всемирной паутины Лучшие дизайны из всемирной паутины
  • Академия
    • sub-menu-icon Об академии Подробнее о нас Подробнее о нас
    • sub-menu-icon Контакты Свяжитесь с нами Свяжитесь с нами
    • sub-menu-icon Вакансии Ищем таланты в нашу команду Ищем таланты в нашу команду
  • Отзывы студентов
Войти
avatar
arrow-down-icon-black
Nexfield Academy
avatar
  • sub-personal-menu-icon Мои курсы ТОП
  • sub-personal-menu-icon Мои сертификаты
  • sub-personal-menu-icon Настройки профиля
  • sub-personal-menu-icon Выйти из кабинета
База знаний
  • Все публикации
  • Аналитика (UX)
    • Все разделы
    • Законы и правила UX
    • Практика UX
    • Эвристики usability
    • Исследование пользователей
  • Интерфейсы (UI)
    • Все разделы
    • Типографика
    • Тренды
    • Цвета
    • Полезные советы
    • Проектировка макетов
  • Карьера дизайнера
    • Все разделы
    • Карьера и развитие
    • Полезные ресурсы
  • Уроки и туториалы
    • Все разделы
    • Уроки по Figma
    • Уроки по Illustrator
    • Уроки по Photoshop
  • Про дизайн
    • Все разделы
    • Книги о дизайне
    • Фильмы о дизайне
    • Новости дизайна
    • История дизайна
separatorБаза знанийАналитика (UX)Эвристики usability Эвристика usability № 3 — каждый имеет право на ошибку
Usability
Интерфейсы
link_copy https://nexfield.academy/knowledge/analytics/heuristics/usability-heuristics-3/
share
bookmark-icon bookmark-icon bookmark-icon

Эвристика usability № 3 — каждый имеет право на ошибку

Все мы время от времени ошибаемся и это не так уж страшно, если ошибку можно легко исправить. Именно эту функцию советует предусмотреть в интерфейсе Якоб Нильсен.

Usability
Интерфейсы
calendar 01.09.2024
clock2 минуты на чтение

Игорь Малиенко

UX/UI дизайнер, PM Nexfield Academy

UX/UI дизайнер, PM Nexfield Academy

Эвристика usability № 3 — каждый имеет право на ошибку

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

Все о третьей эвристике

Существует 10 основных правил юзабилити, прописанных Якобом Нильсеном в далеком 1990-м году (мы сняли о них интересное видео на нашем YouTube канале). Но, поскольку базовые потребности человека не меняются, эти правила тоже нисколько не устарели и всё так же делают жизнь пользователей комфортной и приятной.

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

Удачное применение кнопок отмены в продуктах Google

Все мы стремимся к свободе. На бескрайних просторах интернета эту свободу и чувство контроля нам дарят хорошо знакомые крестики, кнопки «Close», «Отмена», «Undo» и подобные им комбинации клавиш.

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

Как, где и зачем применяется третья эвристика

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

У пользователя всегда должна быть возможность закрыть то, что ему не нужно

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

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

Интерфейсам нужны «аварийные выходы»

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

Пользователю нужно давать выбор, как это сделали Airbnb

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

Подытожим

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

  • поддержка отмены действия (позволим пользователю легко исправить случайную ошибку);
  • возможность вернуться назад (если ошибка была допущена на конкретном этапе, достаточно вернуться на один шаг, а не начинать все действие сначала);
  • доступность функций (любые функции отмены должны быть легко заметны и понятны, или можно добавить tooltips для лучшего понимания).

Понравился материал? Подписывайся на наши обновления!

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

    icon
    Нажимая кнопку «Подписаться на рассылку», ты соглашаешься с  Политикой Конфиденциальности и  Правилами сайта .

      icon
      Нажимая кнопку «Подписаться на рассылку», ты соглашаешься с  Политикой Конфиденциальности и Правилами сайта .

      Навигация:

      Больше полезностей:

      Эвристика usability № 10, когда помощь всегда под рукой

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

      Эвристика usability № 9: ваш путеводитель по цифровому миру

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

      Эвристика usability № 8 — как не утонуть в интерфейсном хламе

      Замечали ли вы, что иногда наша энергия тратиться на лишние детали? А что, если это лишнее просто убрать? Заманчиво, ведь не зря говорят: «Меньше значит больше».
      Usability
      Интерфейсы
      06.11.2024

      Эвристика usability №7. Простота и доступность в каждом клике

      Согласитесь, ведь круто, когда всё просто и понятно! Но что делать, если лабиринт перед тобой не имеет простых выходов?
      Usability
      Интерфейсы
      27.10.2024

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Nexfield Academy

      Поделитесь этой страницей

      Выберите одну из опций, чтобы поделиться

      Social Media
      Telegram
      arrow
      Social Media
      Facebook
      arrow
      Social Media
      Отправить на почту
      arrow
      Social Media
      Больше опций
      arrow
      exit-icon
      arrow
      copy-icon
      Данные скопированы!
      Они уже в твоем буфере обмена
      close-icon
      Узнай первым о релизе нашего нового продукта!
      Студенты, оформившие предзапись, получают приоритетные места на курсе. Будь первым, не откладывай прогресс на потом!

        icon
        icon
        icon
        Нажимая эту кнопку, ты соглашаешься с Политикой Конфиденциальности и Условиями использования.
        exit-icon
        arrow
        banner-footer Стать студентом Академии
        logo-site
        icon-contact
        info@nexfield.academy
        Связь через email
        icon-contact
        @nexfield_support
        Связь через Telegram
        Курсы и профессии
        Все курсы
        UX/UI дизайнер + AI
        Графический дизайнер + AI
        Веб-дизайнер + AI
        Дизайн-системы
        UX исследования
        Карьера дизайнера
        Бесплатное обучение
        Figmaстер
        Графический дизайн: старт в профессии
        UX/UI дизайн: старт в профессии
        Сервисы
        Проверка контраста цветов
        Генератор брифов
        Инструменты
        Иллюстрации
        Туториалы
        С чего мне начать?
        Развитие дизайнера
        Статьи
        Новости дизайна
        Ресурсы
        Вдохновение
        Академия
        Об академии
        Отзывы студентов
        Контакты
        Вакансии
        Личный кабинет
        Nexfield Academy, 2026 © Все права защищены
        Договор оферты
        Политика конфиденциальности
        Условия использования
        Информация о доступности
        Наверх
        Рады снова видеть тебя!
        Чтобы скачать бриф, войди в личный кабинет
        Ещё нет аккаунта?
        Зарегистрируйся
        icon
        icon
        icon icon
        Напомнить пароль
        Или Продолжить через:
        google-icon-social
        Google
        facebook-icon-social
        Facebook
        close_icon_white
        exit-icon
        Присоединяйся к сообществу комьюнити Nexfield
        Уже есть аккаунт?
        Войди в личный кабинет
        icon
        icon
        icon icon
        Или зарегистрироваться через:
        google-icon-social
        Google
        facebook-icon-social
        Facebook
        Продолжая, ты соглашаешься с Политикой Конфиденциальности и Условиями использования.
        image
        image
        А зачем мне вообще нужен личный кабинет?
        image
        Добавляй любую публикацию или ресурс в закладки и имей быстрый доступ к ним.
        image
        Вдохновляйся лучшими сайтами и создавай свою собственную библиотеку референсов.
        image
        Создавай тематические подборки публикаций или ресурсов.
        close_icon_white
        exit-icon
        Остался последний шаг, и ты — в комьюнити Nexfield
        Давай познакомимся! Расскажи нам немного о себе.
        icon
        icon
        Страна
        icon
        Популярные
        Украина
        Израиль
        Беларусь
        США
        Канада
        Польша
        По алфавиту
        icon
        information_icon_blue
        Телефон необходим для верификации ваших данных. Мы не «спамим» и не передаём данные третьим лицам!
        Я хочу первым получать полезный контент для дизайнеров на почту
        close_icon_white
        exit-icon
        Не помнишь пароль? Не беда!
        Введи свой email и ожидай письма. Мы всё восстановим!
        icon
        Отбой, я всё вспомнил
        exit-icon
        close_icon
        Подтверди свой email
        Мы отправили код подтверждения на указанную почту: Мы отправили его на почту:
        Подтвердить
        Ввести другой email
        Отправить код еще раз можно через:
        03:00
        icon notification
        Не забудь проверить папки СПАМ и «Промоакции»
        close_icon_white
        exit-icon
        check-icon
        Твое сообщение успешно отправлено

        Пока ты это читаешь, мы уже изучаем твоё письмо. 
Ответ последует совсем скоро!

        close_icon_white
        exit-icon
        Вернуться на сайт
        check-icon
        Пароль успешно изменен!
        Теперь ты сможешь войти в личный кабинет с помощью нового пароля
        close_icon_white
        exit-icon
        Вернуться в «Мой профиль»
        Редактировать дальше
        Все получилось!
        Ты успешно закрыл эту задачку!
        Перейти в личный кабинет
        close-icon

        Мы используем cookies

        Все окей, мы просто делаем твой опыт использования сайта лучше!

        Настроить