10 правил хороших форм

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

Форма считается хорошей, если по мере её заполнения у пользователей не возникает никаких вопросов. Чтобы добиться этого, достаточно следовать 10 правилам хороших форм от Сергея Кулинковича из Студии Артемия Лебедева.

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

Внешний вид чекбоксов

 

Привычка — не аргумент

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

Не все привычки полезные. Если идти на поводу у пользователей и давать им только то, к чему они привыкли, то прогресс остановится. Часто у пользователей формируются привычки, которые им только мешают. Довольно яркий пример — подписи к чекбоксам или радиокнопкам. Ленивые разработчики годами забывали связывать текст и соответствующие контролы, из-за чего пользователи обычно даже и не пытаются кликать на текст, тратя своё время и усилия на попытки попасть по маленьким областям контролов. Вот почему имеет смысл не просто связать контрол с лейблом, но и всеми доступными способами рассказать об этом пользователю.

Из заметки разработчика интерфейсов в Яндексе Романа Комарова «Правильный курсор на активных элементах».