Важность первого впечатления

Люди обожают делать поспешные умозаключения. Пользователю потребуется приблизительно 50 миллисекунд (это 0,05 секунды), чтобы составить мнение о вашей целевой странице/сайте. Этим мнением – нравится ему ваш сайт или нет – будет руководствоваться посетитель, принимая решение, остаться ему или уйти с веб-ресурса.

Британские исследователи проанализировали, как различные факторы – дизайн и информационный контент – влияют на отношение посетителя к веб-сайту. Исследования ясно показали, что внешний вид веб-ресурса является основой для формирования первого впечатления пользователя. 94% участников теста на просьбу сообщить свое мнение о посещенном сайте высказывались о его дизайне (запутанный перегруженный макет, отсутствие понятной навигации, неправильно подобранные цвета, мелкие шрифты, слишком много текста и т. д.), и только 6% респондентов имели мнение о фактическом содержании ресурса. Визуальная привлекательность и качество навигации сайта безусловно оказывают самое большое влияние на формирование первого впечатления от посещения веб-ресурса.

Наглядный пример – фотография нового Tesla Model S

Большинство автолюбителей не видело его прежде, однако стоит им увидеть этот электромобиль, как они вынесут свое суждение, что «он хорош» – исключительно на основе его внешнего вида.

То же самое происходит с вашим сайтом или лендингом. Отрицательное первое впечатление будет тормозить ваши процессы конверсии и продаж и дурно влиять на представление посетителей о ваших товарах и услугах: «Дизайн сайта плох, наверное, и товары на нем ничем не лучше!».

• Некоторые изображения полностью игнорируются. Как правило, это относится к большим, ярким изображениям, выполняющим на странице чисто декоративную функцию.
• Изображения, которым уделяется наиболее пристальное внимание — это фото продукции и изображения реальных людей (не рекламные фото с моделями).

Фото людей на сайте

Это давний прием для создания положительного впечатления о компании онлайн — размещение на сайте портретов участников команды. Делается это для того, чтобы пользователи воспринимали бренд не как безликую систему, а как команду живых людей — ярких, позитивных, профессиональных. FreshBooks пользуется этим методом — возможно, слишком буквально, размещая портреты всей своей команды.

На самом деле это одна длинная страница, разделенная на 3 сегмента для этого поста. В оригинале она достигает в высоту 9 335 пикселей. И что самое удивительное — как показывают тесты, пользователи просматривают ее практически до конца.

Главное, что здесь были использованы фотографии реальных людей, на самом деле работающих в компании. В противоположных случаях — при использовании шаблонных, стоковых фотографий — люди практически не обращают на них внимания:

Как влияют фото продукции на пользователей

Сравните 2 примера страниц интернет-магазинов от Pottery Barn и Amazon.

Изображения книжных шкафов изучаются гораздо интенсивнее, чем телевизоры. На всю страницу от Amazon (на скриншоте только верхняя ее часть) лишь 18% просмотров приходится на изображения, а 82% — на описания товаров. В среднем по каждому продукту фотография получила 0.9 фиксаций, а текст — 4.4 фиксации.

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

Этот пример показывает, почему не всегда стоит копировать методы и страницы крупных порталов. У Amazon слишком большой ассортимент, поэтому они используют несколько обобщенные изображения для своих галерей товара. Pottery Barn направлен на более узкий сегмент рынка, поэтому может себе позволить подробные картинки товара.