Избавляемся от звездочки

Звёздочка или астери́ск (греч. ἀστέρισκος) — типографский знак который был введён во 2 веке до н. э. в текстах Александрийской библиотеки античным филологом Аристофаном Византийским для обозначения неясностей.

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

Ниже я постарался собрать примеры форм без использования звездочек. Надеюсь это пригодится кому-нибудь при проектировании сайтов.

Пример №1

Студия «Хороший дизайн».

1. По мере заполнения формы пользователю указывают на обязательные поля
2. Кнопка «Отправить заявку» не активна, пока не будут заполнены нужные поля формы.

Пример №2

Студия «Турбомилк».

Вместо того, чтобы перечислять обязательные поля, можно указать необязательные, тем более если их меньше.

Пример №3

Визуально перегруженный, но подходящий для нашей темы пример от студии АГИМА.

1. Обязательные поля выделены цветом.
2. Поля для заполнения перечислены ниже и зачеркиваются по заполнению.
3. Кнопка «Отправить заказ» не активна, пока не будут заполнены нужные поля формы.

Пример №4

«Студия Лебедева». Наверное самый лучший пример.

1. Часть полей заполнена по умолчанию (это очень хороший ход).
2. Поля для заполнения перечислены ниже и зачеркиваются по заполнению.
3. Кнопка «Вперед» не активна, пока не будут заполнены нужные поля формы.
4. Рядом с кнопкой «Вперед» показываются поля которые осталось заполнить.
5. Массив необязательных полей вынесли в отдельный визуальный блок «Дополнительные пожелания»

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

Плохой пример от USABILITYLAB