Ugman
Модератор
Мобильная версия сайта: оформляем правильно карту товара
Самая важная страница продающего сайта — это карта товара.
Она должны быть информативной, легкой и понятной человеку.
А как же уместить все это на экране небольших устройств? Об этом мы и расскажем в нашей статье.
Функционал и детали о продукции
Подробные сведения убедят человека совершить покупку на вашем сайте, ему не нужно будет ходить в поисках информации по другим сайтам. Очень важно показать в карте товара всю имеющуюся информацию о продукте: например, наличие на складе, размер, выбор цвета, описание, фотографии и обзоры продукции.
Информация о продукте понятна интуитивно
Описание должно быть легким настолько, чтобы глаза просто сканировали текст в поисках нужного места. Например, на левом изображение есть такие ошибки:
Уменьшить ввод текста вручную
Много заказов приходится отменять, если человек ошибся в цифре номера, количестве товара и другом. Идеально, когда все поля, где пользователь вводит данные на странице продукта, предугаданы (кроме ФИО и номера телефона, но тут вы можете помочь с выбором оператора, что уже минимизирует ошибку).
Идеальные и красивые изображения
Важнейшая информация о товаре — это безусловно качественное изображение. Не важно, что вы продаете, телефоны или носки, через фото вы должны дать максимум информации пользователю.
Пример хорошего изображения, достаточно информативного для карты товара
Как не стоит зуммировать товар в мобильной версии сайта
Как стоит это делать? Клиенту нужно дать возможность самому выбирать степень зуммирования
А еще лучше позволить юзеру пользоваться привычными жестами: свайп для увеличения или двойной тап.
Крайне приятно листать фотографии в карте товара привычными свайпами, а не искать куда тыкать в неудобную стрелку
Сроки доставки и наличие в магазинах
Когда дело дошло до покупки, второе, что интересует клиента — это когда доставят товар либо его наличие в магазинах. И вот как это это можно легко показать:
Увеличиваем допродажи
А как же увеличить глубину чека, количество товаров? Когда человек положил товар в корзину, вам стоит сделать страницу «чаще всего с этим товаром покупают».
Например, как на скриншоте
И в заключение, примерно 30% пользователей мобильных устройств уходят с сайта, если он плохо оптимизирован под размеры экраны, с нашими советами вы существенно уменьшите этот показатель!
![57175_0.jpg 57175_0.jpg](https://infovolna.com/data/attachments/33/33752-f18a4a43366e7fae693bec07ebd63482.jpg)
Самая важная страница продающего сайта — это карта товара.
Она должны быть информативной, легкой и понятной человеку.
А как же уместить все это на экране небольших устройств? Об этом мы и расскажем в нашей статье.
Функционал и детали о продукции
Подробные сведения убедят человека совершить покупку на вашем сайте, ему не нужно будет ходить в поисках информации по другим сайтам. Очень важно показать в карте товара всю имеющуюся информацию о продукте: например, наличие на складе, размер, выбор цвета, описание, фотографии и обзоры продукции.
Информация о продукте понятна интуитивно
Описание должно быть легким настолько, чтобы глаза просто сканировали текст в поисках нужного места. Например, на левом изображение есть такие ошибки:
![57175_1.jpeg 57175_1.jpeg](https://infovolna.com/data/attachments/33/33753-c404168f4b613ada185ea09e6d78be8c.jpg)
- Не понятно, это все размеры, которые производят, или просто какого-то нет в наличии, что такое XL, должна быть таблица измерений
- Цвет: у каждого человека свое понимание цвета океана.
- Нет описания материала, из чего изготовлен и прочее
![57175_2.gif 57175_2.gif](https://infovolna.com/data/attachments/33/33754-0ffdb051a575feb1ae8c7af2a484d629.jpg)
Уменьшить ввод текста вручную
Много заказов приходится отменять, если человек ошибся в цифре номера, количестве товара и другом. Идеально, когда все поля, где пользователь вводит данные на странице продукта, предугаданы (кроме ФИО и номера телефона, но тут вы можете помочь с выбором оператора, что уже минимизирует ошибку).
Идеальные и красивые изображения
Важнейшая информация о товаре — это безусловно качественное изображение. Не важно, что вы продаете, телефоны или носки, через фото вы должны дать максимум информации пользователю.
![57175_3.jpeg 57175_3.jpeg](https://infovolna.com/data/attachments/33/33755-bc6ffdcd6e75e9714b37c2d115452a97.jpg)
Пример хорошего изображения, достаточно информативного для карты товара
![57175_4.png 57175_4.png](https://infovolna.com/data/attachments/33/33756-2e80487ce484983c91e2a89da59c67ee.jpg)
Как не стоит зуммировать товар в мобильной версии сайта
![57175_5.jpeg 57175_5.jpeg](https://infovolna.com/data/attachments/33/33757-4a914f50ad98be09adc00598b710349c.jpg)
Как стоит это делать? Клиенту нужно дать возможность самому выбирать степень зуммирования
![57175_6.jpeg 57175_6.jpeg](https://infovolna.com/data/attachments/33/33758-72ff64c35a0394e546e8f06508522cd4.jpg)
А еще лучше позволить юзеру пользоваться привычными жестами: свайп для увеличения или двойной тап.
![57175_7.gif 57175_7.gif](https://infovolna.com/data/attachments/33/33759-901980c4b9329cebaa85ec39780e8aea.jpg)
Крайне приятно листать фотографии в карте товара привычными свайпами, а не искать куда тыкать в неудобную стрелку
Сроки доставки и наличие в магазинах
Когда дело дошло до покупки, второе, что интересует клиента — это когда доставят товар либо его наличие в магазинах. И вот как это это можно легко показать:
![57175_8.png 57175_8.png](https://infovolna.com/data/attachments/33/33760-28d68836b0c65d93a1c63052b755fe97.jpg)
Увеличиваем допродажи
А как же увеличить глубину чека, количество товаров? Когда человек положил товар в корзину, вам стоит сделать страницу «чаще всего с этим товаром покупают».
Например, как на скриншоте
![57175_9.jpeg 57175_9.jpeg](https://infovolna.com/data/attachments/33/33761-197b8a390774b3e144af0a8f946f5e83.jpg)
И в заключение, примерно 30% пользователей мобильных устройств уходят с сайта, если он плохо оптимизирован под размеры экраны, с нашими советами вы существенно уменьшите этот показатель!