Заглавные буквы не облегчают чтение , они заставляют насИзбегайтеИзбегайт Список номеров сотовых телефонов Америки е использования заглавных букв использования заглавных букв дольше читать контент, поэтому по возможности лучше их избегать.
8. Используйте обычные значки и цвета.
Для ошибок отображаются значки типа X и красного цвета. Для положительных отзывов принято использовать зеленый цвет и значки галочек . Например, чтобы сделать пароль видимым, также широко используется значок глаза. Однако во многих случаях значка будет недостаточно для понимания концепции, во многих случаях более эффективно объединить значок с текстом .
9. Используйте описательные призывы к действию
Призывы к действию на основных и дополнительных кнопках должны быть описательными и краткими, четко сообщая, что влечет за собой нажатие или нажатие этой кнопки. Чем менее общим и более кратким, тем лучше. А если мы сможем включить первое лицо единственного числа, это будет еще эффективнее. Например, если мы разрабатываем форму для подписки, призывом к действию может быть «Я хочу подписаться» вместо «Отправить».
10. Доступность длины полей
В UX Affordance используется для обозначения свойств элементов интерфейса, которые показывают пользователям, какие действия они могут с ними выполнять . Так, например, кнопка с призывом к действию широко используется, поскольку пользователи быстро понимают, что на нее можно нажать, как если бы они активировали кнопку в автономной среде. В случае полей формы тот факт, что поле более или менее длинное, может восприниматься как требование для заполнения большего или меньшего количества информации, поэтому важно, чтобы длина поля соответствовала длине необходимого вам текста. .
11. Лучше использовать скрытую капчу
Насколько это возможно, мы постараемся избегать видимой капчи в наших формах. Гораздо лучше настроить скрытую капчу, чем запрашивать у пользователя дополнительные действия по проверке, поскольку это создает ненужные трения .
12. Не забывайте о доступности
Формы должны соответствовать правилам доступности , чтобы все пользователи могли без проблем их заполнить. Важно, среди прочего, проверить контрастность, навигацию по вкладкам. Если вам интересно, вы можете прочитать больше о доступности .
13. Правильно настройте типы ввода
На мобильных устройствах этот момент является основополагающим. Чтобы в каждом поле отображалась соответствующая клавиатура , необходимо настроить каждое поле на определенный тип ввода. Это список наиболее распространенных типов полей:
- input type=”text” показывает обычную текстовую клавиатуру.
- input type=”email” показывает обычную текстовую клавиатуру плюс “@” и “.com”.
- input type=”tel” показывает цифровую клавиатуру от 0 до 9
- input type=”number” показывает клавиатуру с цифрами и символами.
- input type=”password” скрывает символы при вводе
- input type=”date” показывает выбор даты
Не принимайте ничего как должное
Процесс заполнения формы может восприниматься как долгий, скучный или неудобный, поэтому мы должны попытаться повернуть его вспять, сделав процесс максимально плавным , чтобы он воспринимался не как обязательная процедура, а как еще одна часть навигации. через наш сайт.
Поэтому, помимо применения приведенных выше советов, в Novicell мы Как создать эффективные и результативные веб-проекты? рекомендуем вам ничего не принимать на веру: то, что вы это понимаете, не означает, что ваши пользователи это понимают . В формах и вообще в любом интерфейсе важно знать пользователей, которые будут с ним взаимодействовать. И чтобы их узнать, необходимо сопереживать им посредством исследований и пользовательских тестов .
Вам нужно, чтобы ваш сайт учитывал интересы ваших пользователей?
Если вам нужна дополнительная информация, не стесняйтесь аэролиды обращаться к нам.b