Взаимодействие с сайтом должно быть таким же приятным как с хозяйками касс в Ашане.

Плохие примеры

Покупка тура в агенстве:
— Добрый день, можно посмотреть наличие мест в Турции?
— Какой отель, сколько звёзд и где именно?
— Всё включено, пять звёзд, ну.. давайте Кемер.
— Вы не указали стоимость.
— 40 000 руб. за 7 ночей.

— Нет, в Кемере уже нет мест.
— А в Белеке?
— Что в Белеке? (укажите страну, цену и т.д.)


Мы бы не общались с консультантом, который забывает всё, что мы сказали.
Но почему мы прощаем это сайтам?

Пример из интернета: coral.ru.
Предоставив всю понятную для человека информацию, мы получаем ошибку.

Снимок экрана сайта coral.ru с текстом ошибки - Чтобы начать поиск, введите страну, город или отель.
Сайт говорит, что мы не заполнили поле «Куда».
Снимок экрана сайта coral.ru с выпадающим списком стран по запросу Турция
Набрал «турция», но сайт мне не верит.

Сайт понял, что я написал, но просит меня это подтвердить.
Вы напечатали «турция», может быть вы имели ввиду «Турция»?

Так работает большинство неудобных форм.
Они бездушно говорят нам, что мы не заполнили все их поля, не объясняют почему запрос не выполнен и не помнят вводимых данных.

Хорошие примеры

Хороший пример из Интернета: самые популярные интернет магазины.
Я выбрал планшеты с 4G и 16 Гб оперативной памяти на Я.Маркете и хочу скинуть эту страницу друзьям? Легко, просто копирую адрес.
Жаль, что со списком отелей у Тез Тура так не получится.


Если ничего не работает. Необходимо сказать об этом посетителю, а не показывать «его» ошибки.

Apple.com — формы рассказывают пользователю об ошибках, извиняются и ни в чём не обвиняют :


Все примеры показывают как легко исправить все данные ещё до отправки формы на сервер.


Решение


Пример адекватной и удобной формы

Выводы

  1. Заголовок. Необходимо объяснить человеку мотивы заполнения формы. » — Да, да и телефон, и дату рождения, и жену впишите. — Но я просто проездной хочу купить!»
  2. Строки. Пример фамилии на 30 символов, а поле на 200? «- А кем выдан сокращать или всё писать?»
  3. Если большинство заявок из России, то и по умолчанию нужно выделить этот вариант.
  4. Человек не будет чувствовать себя на допросе, если лишь несколько дейсвительно необходимых полей будут обязательными, а номер телефона, название компании и дату рождения нет.
  5. У каждого поля должен быть пример заполнения. «- Напишите заявление. — В какой форме?».
  6. Свобода — это разнообразие вариантов связи.

Photo by Daniel Apodaca on Unsplash

Опубликовано Алексей

WP Developer

Вливайтесь в общение

6 комментариев

Оставьте комментарий

Ваш e-mail не будет опубликован.