Бланк-форма

Проблема
Заполнение полей очень туманно, непонятно и примитивно.

Решение
Формат заполнения бланк-формы обеспечивает сильный контекст и показывает настроение вашего сайта. Этот формат подстраивается под естественные мыслительные процессы, а не выглядит как машина для сбора данных.

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

Советы по использованию

— Подчеркивание поля ввода является более естественным и неформальным.

— Используйте плейсхолдеры, связанные друг с другом: так вы создадите пример, который позволит пользователю быстро понять, какую именно информацию нужно заполнить.

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

Примеры

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

Или, например, сайт Southwestern university облегчает поиск информации, соединив три поля в одну фразу. Это смотрится интереснее, чем обычная форма, и при этом намного естественнее воспринимается пользователем.

Сделано в Лаборатории Студии Чулакова

Студия Олега Чулакова

Дизайн-студия № 1 в России по версии Tagline, лучший usability / UX в стране по версии Золотого Сайта.

Специализируется на создании сложных систем и сервисов для крупных компаний. Среди клиентов Студии Tele2, ИКЕА, МегаФон, БКС Банк, Yota и другие крупнейшие российские бренды.