Фраза в «В коробке WOW! TOUCH косметика…» сразу отвечает на вопрос «что это?» — косметика. А видеофон показывает, что за косметика и почему именно «бокс», «коробка», а не просто косметика.
Таким образом в первом примере вообще не нужно использовать никакие инструменты — они только утяжелят страницу и сделают пользователю больно скучно, а во втором используются сразу 2 инструмента — и они дополняют друг друга, не конфликтуя.
Первый экран должен отвечать на вопрос «Что это за компания и что она предлагает»
Как наладить контакт
Когда пользователь понял, что предлагает сайт, и это предложение совпало с его запросом, пора начинать налаживать контакт. Пользователю важно комфортно себя чувствовать на сайте, знать, как найти нужную информацию, к чему приведут его действия. Как в собственной квартире вы легко находите путь к холодильнику даже в кромешной темноте, так на сайте должен ориентироваться пользователь.
I. Интуитивно-понятный интерфейс
На самом деле вот этот интуитивно-понятный интерфейс — это набор шаблонов, выработанный годами, где больше не требуется ничего придумывать. Нужна корзина? Смотри на правый верхний угол. Поиск? В шапке сайта или боковой панели. Форма обратной связи? Загляни на страницу контактов. Подробная информация о товаре в каталоге? Кликни на фото — откроется.
Все эти шаблоны не нужно переиначивать — они отлично работают сами по себе. Измени их — и пользователь столкнется с неизвестностью. Если компания не предлагает что-то уникальное, такому стрессу лучше клиентов не подвергать — большинство предпочтет не тратить время на разбирательства, а уйти к конкурентам, у которых все привычно и понятно.
II. Подсказка направлений
Сайт должен подсказывать пользователю, как и куда двигаться дальше:
- для кнопок и кликабельных элементов используются hover-эффекты, они заметны;
- активные ссылки в тексте выделяются более ярким цветом/жирным шрифтом;
- на полях в формах связи есть маска с подсказками, как вносить информацию;
- поля программно проверяются сразу после ввода, чтобы при ошибке пользователь тут же видел оповещение и не искал погрешности сам.
Также важно расставить подсказки на «развилках» — тех местах, где у пользователя более 1 варианта действий. Подсказывайте самый выгодный путь и не делайте варианты равноценными — возможность выбора не всегда играет вам на руку, на самом деле.
К примеру, такая ситуация с тарифными планами.
У компании Юздеск сразу выделяется один тариф — самый дешевый для покупателя и самый выгодный для компании. Наглядно, не отвлекает, сразу видно, куда смотреть: