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

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

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

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

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

 

Стилистика интерактивных элементов

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

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

Из заметки руководителя курса «Дизайн в интерактивной среде» в Британской высшей школе дизайна Дмитрия Карпова «Дизайн активных элементов».