Блог Сергея Князева

Юзабилити
Как лучше расположить формы ?

Как лучше расположить формы ?

25.04.20164980
В современном интернете единицы уделяют внимание Юзабилити своего сайта. Но если задуматься, удобство для пользователей является одним из важнейших факторов популярности вашего проекта. Именно поэтому я решил рассмотреть в данной теме, как лучше будет сделать различные формы на сайте.
mail
mail

Правила для форм

§ 1. Необходимо размешать поля ввода друг под другом. Для лучшего вида я советую сделать их одного размера и одной формы. Также для обозначения информации в каждом поле необходимо прописать какую информацию необходимо ввести. Лучше всего писать над полем либо внутри самого поля. Для того, что бы написать внутри поля используйте тег placeholder, пример:


Код
<input class="subscription-input" type="text" name="email" placeholder="Введите ваш E-mail">


Center-WD - Как лучше расположить формы ?


§ 2. Напишите зачем пользователю заполнять форму, какие плюсы он получит от этого и для чего вообще это нужно. Это его заинтересует и он пройдёт регистрацию или купит у вас товар.

Center-WD - Как лучше расположить формы ?

§ 3. Пропишите возможные ошибки в форму. Для того, что бы пользователь знал что именно ему нужно исправить. Также важно правильно назвать кнопку на которую пользователь будет нажимать после заполнения форм. Необходимо избегать стандартного названия "Отправить" используйте: "Зарегистрироваться", "Купить товар", "Заказать".

Center-WD - Как лучше расположить формы ?

§ 4. После заполнения формы пользователем и отправки, необходимо сообщить ему, что форма заполнена правильно и сообщение или заказ отправлен.

Center-WD - Как лучше расположить формы ?

§ 5. При проверке пользователя на бота, установите простую для ввода "капчу". Как например, в моём блоге я использую Арифметическую проверку.

§ 6. Также установите " * " на те поля, которые обязательные к заполнению и укажите об это в верхней части формы.

На этом всё. Я написал про эти правила заполнения форм Юзабилити, так как считаю их самыми важными. Читайте мой блог и будьте в курсе самого важного.
Нашли ошибку в тексте?
Выделите её и нажмите Ctrl+Enter. Сообщая мне об ошибке вы помогаете сделать мой блог лучше.
Автор материала
Сохраните в социальную сеть
Комментарии (0)
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.