Исследование Гугля: пользователям легче читать, когда подписи над полями

После прочтения книжки «Пользовательский интерфейс» мучаюсь с формами для мобильников. В мобильнике допускается делать подписи над полями (но лучше бы делать рядом с полями; Эпл, кстати, это делает во всяких Настройках на Айфоне). Вроде бы понятно, но тут нашлось такое исследование Гугля, что пользователям вроде бы легче читать, когда подписи над полями. Может я зря мучаюсь, пытаясь сделать подписи с полями на одном уровне в мобильнике?

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

Но исследование, на которое вы ссылаетесь, кажется неубедительным.

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

Я не удивлён, что форма справа работает лучше, мне она тоже кажется лучше. Но авторы ошиблись, сделав вывод, что дело именно в расположении подписей. Это мне напомнило анекдот про исследователя‑биолога, который сказал таракану «беги!», и тот побежал. Он оторвал таракану ноги и снова сказал «беги!», и таракан не побежал. Биолог сделал вывод: «Органы слуха таракана расположены на ногах».

Видимо, авторов сбил с толку ай‑трекинг. Они решили, что саккады («прыжки» глаз) — это плохо. При этом для глаза саккады естественны, а вот плавное движение по прямой требует большого напряжения.

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

ИнтерфейсФорма
Отправить
Поделиться
Запинить

Комментарии

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

Это далеко не первое исследование на эту тему. Лучше всего пользователи воспринимают поля с надписью сверху и внутри поля. Хотя тут тоже можно поспорить, что дело в пользователях из США, где так выглядят бумажные формы.

16 янв 2018

Рекомендуем другие советы