Как разработать мобильные страницы товаров для успешных продаж

Знаете ли вы, что более половины всего интернет-трафика в мире сейчас поступает с мобильных устройств?

По данным Statista, в мире насчитывается 3,5 миллиарда пользователей смартфонов, а к 2020 году 52% всего трафика будет мобильным.

С ростом использования мобильного интернета растет и мобильная электронная коммерция.

Ожидается, что в 2021 году объем продаж мобильной электронной коммерции достигнет $3,56 трлн.

Очевидно, что магазины электронной коммерции, которые хотят добиться успеха, должны научиться адаптироваться к этим мобильным тенденциям.

Хотя наличие оптимизированной для мобильных устройств домашней страницы очень важно, еще большее значение имеют удобные для мобильных устройств страницы товаров.

Страницы товаров являются одними из самых важных страниц на любом сайте электронной коммерции.

Они не только самые посещаемые, но и, скорее всего, именно на них покупатели принимают решение о покупке.

Короче говоря, ваш магазин электронной коммерции может преуспеть или потерпеть неудачу благодаря силе его страниц товаров.

В этой статье мы рассмотрим, как можно разработать удобные для мобильных устройств страницы товаров, чтобы добиться большего объема продаж, чем когда-либо.

1. Как проектировать мобильные страницы товаров

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

Когда я основал свое агентство веб-дизайна Lform Design в 2005 году, мы не могли предположить, насколько вездесущими станут мобильные технологии. Однако сегодня большинство из нас носит смартфон в кармане.

Это означает, что потребности в веб-дизайне изменились. В начале этого года я назвал адаптивный дизайн одной из главных тенденций веб-дизайна 2020 года.

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

В этом разделе я расскажу вам о своих главных советах по созданию удобных для мобильных устройств страниц товаров, которые способствуют продажам:

1.1. Оптимизируйте ваши изображения

Экран мобильного телефона меньше, чем экран настольного компьютера.

По этой причине необходимо тщательно выбирать изображения, которые вы размещаете на страницах товаров.

Когда вы используете адаптивный веб-дизайн, посетители вашего сайта видят один и тот же сайт независимо от того, каким устройством они пользуются.

Однако содержимое перестраивается таким образом, чтобы оно максимально соответствовало форме и размеру экрана.

Размер файла здесь действительно важен, поскольку способ отображения изображения на мобильном устройстве изменится, а размер файла - нет.

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

Около 50% пользователей покидают страницу, если ее загрузка занимает более 3 секунд.

Лучший способ решить эту проблему - найти баланс между предоставлением изображений высокого качества, но без слишком больших размеров файлов.

Сжатие изображений поможет вам уменьшить размер файла без существенного влияния на внешний вид изображения.

Существует множество инструментов для сжатия изображений, которые вы можете использовать для своих изображений товаров.

JPEG Optimizer, Kraken и Compression.io - вот лишь некоторые из доступных инструментов.

1.2. Сокращайте текст до минимума

Изображения важны, но не менее важна и ваша веб-копия.

Многим людям трудно читать большие куски текста на маленьком экране мобильного телефона.

Поэтому убедитесь, что текст вашего товара короткий, быстрый и легко читаемый.

Обратите внимание на то, что текст краток и в то же время содержит всю необходимую информацию.

Посетители могут нажать на маленькую кнопку плюс/минус, чтобы развернуть или свернуть раздел "Доставка и возврат".

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

Сосредоточьтесь на удобстве чтения и помните, что на маленьком экране труднее читать большие блоки текста.

1.3. Сделайте страницу продукта адаптивной к свайпам и зумам

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

Если эти "мобильные жесты" не работают так, как они ожидают, они, скорее всего, будут разочарованы сайтом.

Многие из нас выполняют эти действия на мобильных сайтах, не задумываясь об этом, потому что мы привыкли к этому.

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

Обратите внимание на то, как это делает Amazon - покупатель может не только пролистывать изображения, но и видеть их количество благодаря значкам с точками.

1.4. Умело используйте обзоры товаров

Потребители не любят рисковать. Когда они что-то покупают, они хотят получить достойную вещь за свои деньги.

Если они не уверены в надежности сайта или качестве товара, они, скорее всего, вообще откажутся от покупки.

По этой причине владельцы магазинов электронной коммерции давно поняли ценность обзоров товаров. Но они не менее важны и на мобильных страницах товаров.

Однако если вы хотите, чтобы они имели желаемый эффект, вам также необходимо грамотно подойти к их использованию.

Поскольку на экране мобильного устройства можно уместить только очень много контента, многие продавцы используют общий звездный рейтинг, чтобы показать, что покупатели думают о товаре:

Это именно то, что делает компания Black Bag Coffee Co. (на фото выше).

При желании покупатели могут нажать на звезды, чтобы прочитать отдельные отзывы.

Показывая, что несколько покупателей оценили продукт на пять звезд, компания размещает большое количество социальных доказательств на очень небольшом пространстве.

Другое преимущество отзывов?

В одном из опросов IB Times выяснилось, что 42% пользователей мобильных устройств часто совершают импульсивные покупки.

Если покупатели видят отзывы на страницах вашего продукта, они с большей вероятностью нажмут кнопку "купить сейчас" по своей прихоти.

1.5. Автоматическое сохранение данных

Не все мобильные покупки совершаются за один раз.

Ваш покупатель может положить товар в корзину, а затем вернуться для оформления заказа позже.

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

Поэтому очень важно, чтобы ваш сайт автоматически сохранял данные для каждой пользовательской сессии.

Если ваш посетитель откроет страницу позже и обнаружит, что все товары, которые он положил в корзину, больше не ждут его, он будет расстроен.

Многие не станут снова искать эти товары, и вы потеряете продажу.

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

1.6. Убедитесь, что кнопка "Добавить в корзину" отображается выше уровня страницы

Хотите быть уверенными, что посетители вашего мобильного сайта дойдут до покупки?

Фокус в том, чтобы сделать это как можно проще для них.

Представьте всю самую важную информацию на одном экране, чтобы посетителю не пришлось прокручивать страницу.

Это касается и кнопки "Добавить в корзину".

Вот как она выглядит:

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

1.7. Давайте рекомендации

Помните, что я говорил выше о том, что мобильные покупатели особенно склонны к импульсивным покупкам?

Вы можете извлечь из этого максимальную пользу, добавив на страницы с товарами дополнительные или перекрестные продажи.

Другими словами, рекомендуйте другие товары, которые могут им понравиться.

Убедитесь, что рекомендуемые вами товары связаны с товаром, который они уже покупали.

Например, если покупатель рассматривал платье, вы можете порекомендовать ему туфли, которые идеально подойдут к нему.

Если они смотрели на ноутбук, предложите сумку для ноутбука. И так далее.

Вот как это делает Brooklinen:

Разместите свои рекомендации на видном месте, чтобы покупатели не пропустили их.

Однако убедитесь, что они не заслоняют основной товар, который они рассматривали.

2. Мобильные страницы товаров для успешных продаж

Мобильные страницы товаров больше не являются роскошью или приятным дополнением.

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

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

Помните, что с первого раза у вас может не все получиться.

Не всегда очевидно, что именно подойдет вашей аудитории.

Поэтому пробуйте и проводите A/B-тесты, чтобы увидеть, что работает лучше всего.

Даже небольшое изменение, например, изменение формулировки призыва к действию, может иметь большое значение.

За достижение ваших целей в электронной коммерции в этом году!

Создайте свой бесплатный аккаунт

systeme.io - 100% бесплатно, навсегда