Дизайн блог

перейти до портфоліо

Інтерфейс форм на сайті

Інтерфейс веб форм сайту

Цього разу напи?у не про графічний дизайн, а про проектування веб інтерфейсів, зокрема веб форм.

Уявіть відвідувача, який настільки задоволений ва?им продуктом, що хоче зареєструватися чи заповнити форму опитування та стати ва?им клієнтом. Ви б хотіли надати йому таку форму, щоб він заповнив її максимально легко та ?видко? Щоб не кинув на половині, а прой?ов до кінця?

1. Назви полів

Вірні?е не самі назви полів форми, а їх розміщення. Розміщуйте назви над полем, а не збоку.

веб інтерфейс веб форм, поля

Розміщення підписів зверху, а не збоку дозволяє мозку робити вдвічі мен?у роботу. Мен?а робота мозку — ?вид?е заповнена форма. Швид?е заповнена форма — і відвідувач з біль?ою імовірністю стане ва?им клієнтом.

З ін?ої сторони можна подумати, що якщо вписувати назву поля прямо в поле, то це буде ще краще. Це помилкове враження, адже після того як відвідувач впи?е свої дані в поле їх назва зникне і буде тяжко відновити в голові призначення конкретного поля. Даний спосіб, на мою думку, найкраще підходить для підказок (як вводити інформацію в дане поле).

веб інтерфейс веб форм, кнопки

2. Кнопка відправки форми

Кнопка відправки форми повинна відображати дію, яка виконує форма. Якщо кнопка має назву «Відправити», «Надіслати» чи навіть «Submit» — вона розфокусовує користувача і він не концентрується на тій задачі, яку робить. Завжди називайте кнопки форм за їх дією — «Створити користувача», «Зареєструватися», «Надіслати повідомлення», «Підписатися на новини»

веб інтерфейс веб форм, підказки

Напишіть і свою думку