Даже на десктопе полагаться на один только ховер — дурной тон. Интерфейс должен быть понятен на вид, а не «наощупь».

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

Положиться на интерфейсную привычку

Люди знают, что некоторые элементы нажимаются. Если передо мной кнопка, ссылка или иконка приложения, то ясно, что можно нажать.

Выпуклость, скруглённые края, центровка подписи помогают узнать кнопку:

Чем меньше признаков, тем сложнее. Но на узнаваемость влияет и контекст. Если в конце экрана крупно написано слово «Начать», мы лишь по положению и формулировке догадаемся, что нажать можно:

Даже если бы не было цвета — ну а куда ещё жать?

Кнопка теряет нажимаемость и кажется заблокированной, когда контраст между её цветом и цветом подписи или иконки падает — можно даже цвет оставить:

Ну а уж если и цвет убрать, то такое точно никогда не нажмётся:

Признаки ссылки — это синий цвет, подчёркивание, стрелочка › вправо, иконочка. Но даже чёрная строчка из слов наверху веб‑страницы воспринимается как нажимаемое меню.

У других элементов интерфейса — свои признаки.

Неудачный пример — меню Инстаграма:

Я хочу сменить фото профиля, жму «Сменить фото профиля», но ничего не происходит. Оказывается, это заголовок меню, а нажать надо на что‑то другое. Отличие между заголовком и пунктами меню слабое и неинформативное. Нажимаемость самих пунктов меню даже не приходится обозначать — это же меню!

Использовать опыт из физического мира

Когда в интерфейсе появляется предмет из физического мира, с ним хочется повзаимодействовать так же, как в физическом мире. Рогатку хочется оттянуть:

Пластиночку повжикать:

Где‑то тут надо применить слово «скеоморфизм» хотя бы чтобы этот совет можно было найти поиском по нему.

Сказать словами

Когда у вас непривычный элемент, можно просто сказать словами, что делать:

Идёт запись на курс 18 января — 12 февраля 2021 года

Смотрите также такой 30‑секундный фрагмент с моего интерфейсного курса:

Идёт запись на курс 18 января — 12 февраля 2021 года

'_cover.jpg' not found
Отправить
Поделиться
Запинить

Рекомендуем другие советы