Как улучшить юзабилити форм?
Опубликовано: 11.06.2017
Кратко: Следуйте этим хорошо зарекомендовавшим себя — но часто игнорируемым – рекомендациям, для того, чтобы пользователи могли успешно заполнять вэб формы.
Управление транспортной безопасности (TSA) помогает сохранять безопасность авиаперелетов. Но так как опоздания или тот факт, что вас заставляют снимать с себя одежду в общественном месте, гарантированно раздражает множество людей, то понятное дело, что они получают немаленький объем жалоб.
Золотые правила юзабилити для лид-форм
Так что, когда я впервые увидел форму жалобы TSA, ошибка ее дизайна, показалась мне настолько очевидной, что я подумал, что она сделана специально. Форма включает в себя 2 кнопки в нижней части: «Предварительный просмотр» и. Кнопка «Очистить форму» тут чуть более, чем, неуместна так как большинство пользователей ожидает увидеть кнопку «Отправить» или по крайней мере «Дальше». Но настоящая проблема заключается в кнопке «очистить форму», которая удаляет все данные, введенные в форму.
Работаем над юзабилити сайта с Яндекс.Метрикой: повышаем конверсию сайта
Намеренно или нет, эта форма, несомненно, уменьшает объем жалоб! Однако она также нарушает рекомендацию по проектированию вэб форм, которую мы написали более 15 лет назад: избегайте кнопок сброса в вэб формах.
Веб — форма TSA содержит кнопку «Clear Form», нарушающую рекомендации по юзабилити, которым уже более 15 лет. Так же она расположена ближе, к полю ввода, чем кнопка «пред просмотр», (нарушая дополнительную директиву о расстоянии между объектами и их главных действиях), что создает вероятность того, что пользователь нажмет ее по ошибке.Я недавно пришел к выводу, что дизайн этой формы сделан плохим ненамеренно, потому что у TSA есть еще одна форма жалоб, в которой находится всего одна кнопка «Отправить» внизу формы. Поскольку одна из форм следует рекомендациям, то скорее всего неудачный дизайн второй случаен.