Дизайн кнопок | 5 Лучших методов разработки


30.03.2021 Время чтения - 4 минуты 1146

Дизайн кнопок – один из важнейших элементов в создании понятного интерфейса.


Читайте нас в Telegram.


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

Поэтому я стараюсь учиться новому и усовершенствовать свои знания на каждом этапе пути.

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

Существует 5 лучших методов, каждый из которых подробно описан ниже.

1. Объясните, что делают кнопки

Как вы разработаете свои кнопки «Отмена» и «ОК»? Как они будут плавно сочетаться с дизайном взаимодействия?

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

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

И кнопка «Отмена» никогда не должна привлекать внимания. Она не вносит изменений в систему и обычно возвращает пользователей к предыдущему действию.

Хорошим примером является кнопка пустой корзины в Mac OS. Мы все неосознанно знаем, что «Очистить корзину» означает ОК. Apple предпочитает использовать глагол действия вместо ОК, чтобы усилить эффект предупреждения.

2. Выделите важную кнопку

Одно из важных правил при создании кнопки — не заставлять пользователя её искать. Особенно, когда все они очень похожи.

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

Ваша задача немного помочь пользователям.

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

Или попробуйте использовать более яркий цвет.

Только не делайте блеклый дизайн.

Кнопки с призывом к действию

3. Создавайте всем понятный интерфейс

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

Куда поставить кнопку «Далее»? Или как насчет кнопки «Назад»? Как вы их разместите? Какая будет справа, а какая слева?

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

По логике, кнопка «Назад» должна находиться слева для языков, которые читаются слева направо. Тогда как насчет людей, которые читают справа налево?

Вы составите другую форму опроса?

Чтобы избежать такой ситуации, всё, что вам нужно, — это простые символы клавиатуры «<» и «>».

Они универсальны.

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

Кнопки навигации

4. Не придумывайте слишком много кнопок.

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

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

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

Гомер запутался в навигации

5. Сделайте кнопки похожими на кнопки

Последнее и самое важное в отношении кнопок является то, что они должны выглядеть как кнопки.

Хотя это и кажется очевидным, время от времени мы все еще видим беспорядочные и устарелые дизайны.

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

Постарайтесь сделать так, как будто вы хотите щелкнуть по кнопке с неким удовольствием.

Кнопки с призывом к действию

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

Заключение

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

5 Проверенных методов:

  • Объясните кнопкам, что они из себя представляют.
  • Выделите важную кнопку.
  • Создавайте кнопки, понятные каждому.
  • Не делайте слишком много кнопок.
  • Самое главное, чтобы кнопки были похожи на кнопки.

Оригинал статьи.

Читайте также: 5 ошибок, которые убьют ваш лендинг


Читайте нас в Telegram.