Home News

Как улучшить юзабилити форм?

05.10.2017

видео Как улучшить юзабилити форм?

Работаем над юзабилити сайта с Яндекс.Метрикой: повышаем конверсию сайта

Кратко: Следуйте этим хорошо зарекомендовавшим себя — но часто игнорируемым – рекомендациям, для того, чтобы пользователи могли успешно заполнять вэб формы.



Управление транспортной безопасности (TSA) помогает сохранять безопасность авиаперелетов. Но так как опоздания или тот факт, что вас заставляют снимать с себя одежду в общественном месте, гарантированно раздражает множество людей, то понятное дело, что они получают немаленький объем жалоб.


Как повысить юзабилити сайта | PalmiraStudio

Так что, когда я впервые увидел форму жалобы TSA, ошибка ее дизайна, показалась мне настолько очевидной, что я подумал, что она сделана специально. Форма включает в себя 2 кнопки в нижней части: «Предварительный просмотр» и. Кнопка «Очистить форму» тут чуть более, чем, неуместна так как большинство пользователей ожидает увидеть кнопку «Отправить» или по крайней мере «Дальше». Но настоящая проблема заключается в кнопке «очистить форму», которая удаляет все данные, введенные в форму.


Семинар "Юзабилити личного кабинета" часть 1

Намеренно или нет, эта форма, несомненно, уменьшает объем жалоб! Однако она также нарушает рекомендацию по проектированию вэб форм, которую мы написали более 15 лет назад: избегайте кнопок сброса в вэб формах.

Веб — форма TSA содержит кнопку «Clear Form», нарушающую рекомендации по юзабилити, которым уже более 15 лет. Так же она расположена ближе, к полю ввода, чем кнопка «пред просмотр», (нарушая дополнительную директиву о расстоянии между объектами и их главных действиях), что создает вероятность того, что пользователь нажмет ее по ошибке.

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

rss