Как сделать отзывы на сайте заметными: эксперименты с визуальными решениями
Современные пользователи просматривают сайты за считанные секунды, редко задерживаясь на странице дольше минуты. Они не готовы вчитываться в длинные полотна контента на сайтах, открытых по рекламным объявлениям, потому что у них нет на это времени. Поэтому особенно важно донести ключевые мысли до посетителя ёмко и лаконично, выделяя самое важное на первом слое внимания. А второстепенное можно разместить в ссылках, вкладках и других элементах, которые можно раскрыть, если у пользователя возникнет желание ознакомиться с определённым разделом сайта подробнее.
Я часто обращаюсь к визуальным решениям, которые широко используются в мобильных приложениях. Для простоты использования в них всегда есть несколько точек внимания на каждом экране, всего несколько опций или вкладок, раскрывая которые можно помочь пользователю сконцентрировать внимание внутри данного элемента.
Одним из таких удобных решений является слайдер-свайпер, который стал уже чем-то естественным. Когда пользователь достигает определённого блока страницы, он может бросить взгляд на заголовок и изображение, а если хочет ознакомиться с информацией глубже, то листает слайды.
Ещё одним подобным решением для структурирования объёмной информации являются вкладки-аккардеон. Ознакомившись с заголовком, пользователь может раскрыть вкладку и прочитать контент внутри ячейки с этим заголовком.
Я решил понаблюдать за поведением пользователей, когда структурирую контент подобным образом. Про слайдер выводы расскажу в другой раз. А пока расскажу про таблицу-аккардеон. Я разместил отзывы в этой таблице, но с разочарованием обнаружил, что их не читают. А ведь в каждом из них был заложен важный посыл: заголовок каждого отзыва — это вывод содержимого отзыва и одновременно одно из преимуществ компании. Поэтому на них нужно было задержаться чуть дольше, чем на на время, за которое одно движение пальца перелистнет страницу к следующему блоку. С этими отзывами или хотя бы с их заголовками важно ознакомить нашего посетителя сайта.
В этом случае я решил отойти от решения типа аккардеон и разместить отзывы в простые карточки. Я даже намеренно не стал их группировать в слайдер, потому что слайдер также легко проскочить быстро, бросив взгляд только на один заголовок. А нам нужно, чтобы взгляд пользователя выцепил хотя бы несколько заголовков. Тогда шансы, что хотя бы один из них его зацепит и остановит его внимание, пробросит важный посыл в память перед тем как пользователь уйдёт со страницы или остановится на форме заявки, будут выше. А вместе с этим и шансы на положительное решение связаться с компанией будут больше.
Поэтому в этом случае решение о выборе дизайна блока с отзывами было обосновано с точки зрения опыта использования сайта посетителями. Нам было важно показать как можно больше отзывов, и мы не стали их сворачивать, а показали целиком. Несмотря на то, что каждый пиксель нашей страницы на счету, общая цель у нас осталась прежней: за меньшую длину страницы оставить в памяти как можно больше ключевых смыслов, помогающих принять решение связаться с компанией.