1. Получи максимум инфопродуктов, оформи подписку всего за 295 рублей!
    Скрыть объявление

Чтиво Мобильная версия сайта: оформляем правильно карту товара

Тема в разделе "Поисковая оптимизация и продвижение", создана пользователем Gustav, 2 сен 2016.

  1. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    9.448
    Симпатии:
    5.715
    Мобильная версия сайта: оформляем правильно карту товара

    karta-tovara.jpg

    Самая важная страница продающего сайта — это карта товара.

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

    А как же уместить все это на экране небольших устройств? Об этом мы и расскажем в нашей статье.

    Функционал и детали о продукции

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

    Информация о продукте понятна интуитивно

    Описание должно быть легким настолько, чтобы глаза просто сканировали текст в поисках нужного места. Например, на левом изображение есть такие ошибки:

    1-uCuDVKyawNCIXBxo4ccYrQ.jpeg

    • Не понятно, это все размеры, которые производят, или просто какого-то нет в наличии, что такое XL, должна быть таблица измерений
    • Цвет: у каждого человека свое понимание цвета океана.
    • Нет описания материала, из чего изготовлен и прочее
    Правда, показать такое подробное описание сложно, но есть примеры магазинов, которым это удается.

    1-EM5PmsUrW3B7lz0iMm2Bvg1.gif

    Уменьшить ввод текста вручную

    Много заказов приходится отменять, если человек ошибся в цифре номера, количестве товара и другом. Идеально, когда все поля, где пользователь вводит данные на странице продукта, предугаданы (кроме ФИО и номера телефона, но тут вы можете помочь с выбором оператора, что уже минимизирует ошибку).

    Идеальные и красивые изображения

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

    1-OIZULK_-jZFmQ3oQ1WsmHg.jpeg

    Пример хорошего изображения, достаточно информативного для карты товара

    1-ZNIm6CwBeHoOQWwRCwAdLA.png

    Как не стоит зуммировать товар в мобильной версии сайта

    1-h1UkvgkTd9iJo4IOWxsq2A.jpeg

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

    1-rr9tO0IVnvvfmYbmvthnUw.jpeg

    А еще лучше позволить юзеру пользоваться привычными жестами: свайп для увеличения или двойной тап.

    1-GJ4gkyuyAOigaBUQrNegkg.gif

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


    Сроки доставки и наличие в магазинах

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

    Мобильная версия сайта  оформляем правильно карту товара.png

    Увеличиваем допродажи

    А как же увеличить глубину чека, количество товаров? Когда человек положил товар в корзину, вам стоит сделать страницу «чаще всего с этим товаром покупают».

    Например, как на скриншоте

    1-K0XqZIJQm-cj_Je_iD5pA.jpeg

    И в заключение, примерно 30% пользователей мобильных устройств уходят с сайта, если он плохо оптимизирован под размеры экраны, с нашими советами вы существенно уменьшите этот показатель!
     

Загрузка...
Похожие темы Форум Дата
Скачать [СПЕЦИАЛИСТ] Joomla! Уровень 3. Создание интернет магазина, форума и мобильная версия сайта Администрирование и программирование 1 ноя 2014
Скачать Мобильная фотография - Сергей Сараханов (2015) Изображения, фотографии, видео 14 ноя 2016
Ищу Найдено [amlab.me] Сергей Сараханов | Мобильная фотография (2015) Поиск материалов 9 ноя 2016
Скачать Ответы на экзамен по теме "Мобильная реклама" Google (2016) SEO и SMM, Поисковая оптимизация и продвижение 13 сен 2016
Халява Первая бесплатная мобильная связь в России! Халява 31 май 2016
Скачать Автомобильная электроника: ремонт, настройка, программирование Авто-мото 1 ноя 2014
Скачать Обучение Бизнесу с Китаем от 100$ к 10.000$ за 2 месяца коучинг 16.0 (Версия Платинум!) - Ковпак Бизнес, маркетинг и менеджмент 20 ноя 2016