Найти в Дзене

Кнопки, на которые хочется нажать

Кнопки должны оставаться кнопками Дизайн — это далеко не только про красоту, но и про удобство. Любой дизайн должен быть интуитивно понятным.
Предшественники кнопок в digital-мире — физические кнопки на пульте от телевизора, фонарика или фотоаппарата,
и в пользовательском интерфейсе стоит этого придерживаться и теперь. Немного об анатомии кнопки Разумеется, данные пропорции — не панацея, всего лишь усреднённые значения. Есть много факторов, которые могут их переменить, но, следуя этим несложным правилам, сделать плохо едва
ли получится. Размер имеет значение Чем меньше пользователь проделывает путь до кнопки, тем чаще её будут нажимать. Гигантизмом страдать не нужно, но по более крупным кнопкам попадать действительно проще. А в мобильной версии стоит отталкиваться от среднего касания кончика большого пальца.
Стивен Круг о веб-юзабилити говорил: «Не заставляйте меня думать». Нужно как можно меньше заставлять пользователя и думать, и совершать лишних действий. Не стоит забывать вдо
Оглавление

Кнопки должны оставаться кнопками

-2

Дизайн — это далеко не только про красоту, но и про удобство. Любой дизайн должен быть интуитивно понятным.

Предшественники кнопок в digital-мире — физические кнопки на пульте от телевизора, фонарика или фотоаппарата,
и в пользовательском интерфейсе стоит этого придерживаться и теперь.

Немного об анатомии кнопки

-3

Разумеется, данные пропорции — не панацея, всего лишь усреднённые значения. Есть много факторов, которые могут их переменить, но, следуя этим несложным правилам, сделать плохо едва
ли получится.

Размер имеет значение

-4

Чем меньше пользователь проделывает путь до кнопки, тем чаще её будут нажимать. Гигантизмом страдать не нужно, но по более крупным кнопкам попадать действительно проще. А в мобильной версии стоит отталкиваться от среднего касания кончика большого пальца.

Стивен Круг о веб-юзабилити говорил: «Не заставляйте меня думать». Нужно как можно меньше заставлять пользователя и думать, и совершать лишних действий.

Не стоит забывать вдохнуть жизнь в кнопки

-5

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

Единство стиля

-6

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

Было полезно?

Поставь лайк и сохрани статью себе, чтобы не потерять!