Кнопки

Принцип простой: внешний вид элемента должен соответствовать функции.

Кнопка должна выглядеть как кнопка, текст должен оставаться текстом, а выпадающий список всем своим видом должен намекать, что по нажатию появится выпадающий список.

Прогрессивные и умные ребята мне часто сообщают: «А чо, не ясно, что это кнопка?». Бля, не ясно.

Про очевидное
Дизайнер считает, что все люди в мире дизайнеры. Баба на почтамте уверена, что вы знаете, как заполнять форму («Там же все написано!»). Кассирша на автовокзале тоже уверена, что вы знаете, что время отправления написано в левом нижнем углу между номером факсимильного аппарата и датой тиража формуляра. Это же очевидно, что для получения кредита в банке вам нужно иметь справку о состоянии левой ноги, заверенную по четным дням в регистратуре управления по делам инвалидов, с которой вам нужно предварительно сходить в отдел социального снабжения и получить шестизначный номер.

Попробуйте найти код, позволяющий вам пройти электронную регистрацию:

Он находится в строке Amadeus: 37AQ27

Иногда код выглядит вот так:

В строке UT/5SVK75 нужными являются символы от пятерки до пятерки, а не вся строка целиком.

* * *
В гайдлайнах Эппл пишут, что нужно избегать одинакового цвета в интерактивных и неинтерактивных элементах:

Ага. Открываем Reminders.

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

Старый вид напоминалок был понятнее:

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

* * *
Существуют ситуации, когда контекст нам подсказывает, что этот кусок текста является кнопкой и быть просто текстом не может (хотя хуй его знает). Примерно понятно, что Log in у Тумблера и English ↔ Spanish у Гугла являются кнопками.

Хотя Гугл и Эппл не стесняются нормально показывать кнопки:

Дизайнер, игнорирующий внешний вид кнопок, ничем не отличается от кассирши-с-начесом, орущей на вас за подпись в неверной графе.

Поделиться
Отправить
Запинить
Популярное