Дизайн онлайн-магазина во многом определяет успех бизнеса. В последнее время много усилий тратится на исследование визуальных трендов: рассматривается опыт пользователей, составляется статистика, делаются прогнозы.
Рассказываем, что и как будет меняться в дизайне онлайн-магазинов, чем это хорошо, чем это плохо и как эту информацию использовать наиболее эффективно. Итак, начнем с начала…
Что такое дизайн онлайн-магазина и почему он важен?
Все хотят, чтобы было красиво. Но для потребителя представляет ценность не только эстетика и яркая, привлекающая внимание картинка, но и удобство. Хороший дизайн онлайн-магазина — это когда ваш сайт привлек внимание клиента, заинтересовал его содержимым и дал возможность с легкостью и без лишних вопросов совершить покупку.
В процессинговой компании Bilderlings Pay хорошо знакомы с этой темой, ведь грамотно продуманный UX-дизайн повышает конверсию успешных продаж, делая процесс оплаты покупки более легким и удобным.
Итак, перед вам шесть трендов в дизайне онлайн-магазинов:
Экраны увеличиваются, разрешение изображений улучшается, и как следствие — сайты начинают использовать картинки лучшего качества и большего размера. Вместе с этим появляется и большая детализация.
Лучше один раз увидеть, чем сто раз услышать, поэтому хорошая картинка крайне важна для продажи.
Оценивая товар, потребитель обращает внимание прежде всего на изображение и только потом на описание. Крупные фото содержат максимум деталей, а возможность размещать несколько снимков — это возможность продемонстрировать дополнительную информацию о продукте. Большое значение имеют изображения товаров/услуг в контексте, т.е. в деле — таким образом клиент получает ответ на многие свои вопросы.
Крупные изображения нужны только для описания товара?
Нет. Большие изображения хороши не только на страницах самих товаров, но и на страницах категорий товаров, которые обычно используют крошечные иконки, часто вводя потребителя в заблуждение.
Крупные фотографии в разделах категории продуктов позволяют покупателю экономить время, не переходя на те страницы, которые ему на самом деле не интересны.
Любое крупное изображение принесет мне прибыль?
Нет. Картинка картинке рознь. Изображения, похожие на баннерную рекламу или явные стоковые фотографии, какими бы большими и качественными они ни были, скорее будут отталкивать, нежели привлекать. Помните: в моде честность. Поэтому, говоря о том, что за крупными фотографиями будущее, речь идет о реальных снимках реальных продуктов.
Отзывы «бывалых» помогают потребителю больше узнать о качестве продукта и каких-то его особенностях. В разделе «отзывы» пользователь находит ответы на многие вопросы и видит реальные впечатления тех, у кого уже был опыт с данным товаром/услугой.
Сегодня многие сайты идут дальше, предлагая посетителям узнать не только отзыв, но и дополнительную информацию о пользователе, который его оставил. Это помогает потребителю лучше сориентироваться, чей комментарий им более интересен и полезен.
Кроме того, появляются отдельные графы, где можно оценить конкретные качества продукта (например, размер, объем и т.п.). Хорошо, если эту информацию можно сегментировать и искать по ключевым словам, чтобы потребитель не утонул в потоке мнений рецензентов.
Все любят скидки, все хотят получать бонусы. Что важно? Важно упростить процесс для покупателя. Скидки в онлайн-магазинах — это кодовые слова, промо-код и другие элементы, которые необходимо вводить в специальные поля. Нередко этот процесс становится проблемой для потребителя: нечеткое руководство, плохой дизайн или сам алгоритм ввода кода.
Упростите покупателю этот процесс и сделайте его счастливым. Помните: пользователи хотят видеть скидку до того, как приступили к оформлению заказа. Это мотивирует человека совершить дополнительную покупку, потратив чуть больше денег, чем планировал.
Сложности с вводом промо-кодов и использованием скидок подрывают доверие к фирме: человек чувствует, будто его водят за нос..
Переход на смартфоны диктует новые правила дизайна: создатели сайтов стремятся сделать его максимально удобным для просмотра с телефона, то есть минималистичным и с небольшим количеством текста. Из-за этого описание товара (текст) превращается в вымирающий вид: где-то исчезает совсем, где-то радикально сокращается, где-то размещается таким образом, что не сразу и найдешь. Во многом это происходит за счет увеличения изображения: основное место отдается визуальной составляющей, а текстовая информация уходит на второй, а то и на третий план.
Что сделать, чтобы быть в тренде, но не оставить потребителя без ценной информации?
Сделать ее «многослойной». Сократите основной блок информации о товаре, продумайте, как сделать ее более наглядной, добавьте опцию, которая даст возможность посетителю вашего сайта прочитать про все детали. Дайте краткую, четкую и ясную информацию или разместите ссылку, по которой можно прочесть больше.
Покупатель не должен гадать, добавился товар в корзину или нет. К сожалению, многие онлайн-магазины реформируют свои сайты таким образом, что с первого взгляда это не ясно. Человек совершает действие, а сайт магазина на этой действие никак визуально не реагирует. Пользователь не хочет покидать страницу, чтобы удостоверится, попал ли товар в корзину, и уж точно вы не хотите, чтобы из-за этой неясности он прервал всю операцию и отказался от покупки. Добавление в корзину — важный шаг, и он должен быть моментально подтвержден и отображен на сайте.
Что не так с «корзиной»?
Сегодня, как правило, после добавления товара на странице появляется дополнительное текстовое уведомление или меняется число товаров в корзине на отдельной иконке. Увы, это не работает — оба этих действия часто остаются незамеченными.
Чем это плохо?
Не будучи уверенным в том, все ли товары попали в корзину, покупатель покидает страницу (оставляя другие товары без внимания) и переходит непосредственно к корзине. Он может быть огорчен тем, что товар не добавился. Или же, не желая покидать страницу с каталогом товаров, покупатель дважды добавляет один и тот же товар, и сталкиваясь с этим при оплате, теряет доверие к онлайн-магазину.
Как можно сделать иначе?
Например, подойдет всплывающее окно, в котором отображается содержимое корзины и сообщается о недавнем добавлении нового товара.
В целом, да. Развивая онлайн-магазин, многие забывают о таком разделе, как поддержка. Если человек интересуется подобным разделом, то он наверняка уже столкнулся с проблемой и хочет как можно быстрее ее решить. Удобная и доступная информация по многим проблемным вопросам — это предельно важно для удержания клиента.
Чем может быть плох раздел «поддержка»?
Устаревший дизайн, полотна текстов мелким шрифтом, наспех сделанный и давно не обновлявшийся раздел, несоответствие данных (например, у магазина давно могла поменяться политика в отношении разных вопросов, но никто не задумался над тем, чтобы обновить эту информацию на сайте), неочевидные и «глубоко» спрятанные контакты, собственно дизайн.
Все любят чистый и ясный дизайн, аккуратную верстку, четко структурированный текст, иными словами, юзер-френдли.
Итого: какие тренды использовать, а каких остерегаться?
Все просто: делайте картинки крупнее, улучшайте раздел отзывов и упрощайте манипуляции с акциями, — это как раз в тренде. Но идите дальше остальных! Не сокращайте текст (или — не сокращайте его повально и бездумно), не забывайте о простоте и ясности функции добавления товара в корзину и о внятном, хорошо оформленном, содержании раздела «поддержка».
