Войти при помощи:
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
лайкни нас в социальных сетях
Сегодня 136 лайков
204 950
Всего лайков на сайте

14 признаков хорошего дизайна сайта мобильной коммерции

30 мая 2014, 09:25 |  Дарья Калинская

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

Джеймс Герд замечает:

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

Распространение смартфонов в купе со статистикой использования побудили многих маркетологов задуматься о собственном мобильном дизайне. Стюарт МакМиллан дал следующий комментарий:

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

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

GPS-поиск ближайшего магазина

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

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

Вот пример работы Tesco:

 

Click To Call

Еще один функционал, который пользователь ожидает увидеть на сайте. Посетители должны иметь возможность позвонить по номеру магазина или службы по работе с клиентами за один клик.

Элементы, характерные только для мобильных устройств

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

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

Легкое расшаривание

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

У M&S были с проблемы с расшариванием после реконструкции мобильного сайта, и это быстро заметил один из пользователей.

Обратите внимание на кнопку «Поделиться» на этой странице товара H&M.

Предварительно заполненные формы

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

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

Автозаполнение

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

CTA на странице загрузки

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

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

Дублируйте операционные системы

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

Реализовать это можно, создав мобильный сайт с внешним видом и функционалом мобильного приложения, основанного на операционных системах Android, Apple или Windows Mobile.

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

Свайп, пинч, двойное нажатие

По данным Think Insights Google, 29% пользователей считают невозможность увидеть подробную информацию о товаре барьером для совершения покупки с помощью смартфона.

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

Кросс-платформенная корзина

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

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

Различные методы оплаты

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

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

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

Формат Click and collect

Помимо всего прочего, ретейлерам следует также предложить пользователям покупки в формате Click and collect.

Более важным фактором, чем безопасность для пользователей является удобство. Покупатели часто бывают в разъездах и хотят получить товар в тот же день. Так что если товара осталось немного или пользователи хотят быть уверенными, что не проведут в магазине время в пустую, то Click and collect – идеальный вариант.

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

Простота

Стюарт МакМилан (Schuh) комментирует этот элемент следующим образом:

Я уверен, что расширенное внедрение сайтов мобильной коммерции станет началом изменения восприятия веб-дизайна. Формула «чем проще, тем лучше» действительно может оказаться решением всех проблем. Дойдя до этого одним из первых, мобайл помог решить нам проблемы с дизайном. Это помогло избежать многих ненужных элементов пользовательского интерфейса.

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

Скорость

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

Комментарии
0 комментариев
Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА ЛАЙКНИ
Influence-маркетинг: 5 способов бюджетно влиять на аудиторию
Гость - realinsta точка ru
Тест: Проверьте свои знания по рекламе в соцсетях
Валерий Хусаинов
4
комментария
0
читателей
Полный профиль
Валерий Хусаинов - Забавный тест, но, похоже, он заточен на MyTarget и ВК, я лично практически не делаю рекламу там, все на Фб и Итг, соответственно и результат))
Как не пропускать комментарии своих клиентов в Instagram? Обзор сервиса Starcomment.ru
Vitaliy Hee
2
комментария
0
читателей
Полный профиль
Vitaliy Hee - По многочисленным просьбам увеличен тестовый период! Теперь сервис можно тестировать в течении 5 дней.
7 советов по рекламе интернет-магазина в Facebook
Анна Макарова
251
комментарий
0
читателей
Полный профиль
Анна Макарова - Игорь, добрый день! Спасибо, опечатку исправили.
Facebook позволил связывать страницы и группы
Гость - Мария Мирабелла мне тоже не до конца понятно нововведение...теперь можно писаnь личные сообщения от лица группы? можно добавлять друзей от лица группы? И не понятно, как связать существующую группу со страницей ее создателя и администратора. Также буду очень благодарна за любые комменты от тех, кто понял всю суть новшества
Как увеличить количество заказов через Instagram в 6 раз
Александр Смирнов
3
комментария
0
читателей
Полный профиль
Александр Смирнов - Самый быстрый и качественный способ это добавить живых подписчиков к себе в Инстаграм, через сервис: realinsta точка ru
Как мы получили 7000 целевых действий с помощью ремаркетинга myTarget
Cookie Cookie
1
комментарий
0
читателей
Полный профиль
Cookie Cookie - Евгений, формат "карусели" в mytarget позволяет размещать в рамках одного объявления сразу несколько изображений с товарами. Так пользователю напоминают о просмотренных ранее товарах (динамический ремаркетинг) или о товарах, на которые сейчас скидка (классический ремаркетинг)
Email-воронка и CPC: концепт digital-стратегии для сети пиццерий
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Игорь, добрый день! Спасибо за мнение. Некоторые ваши уточнения справедливы, некоторые, видимо, стоит прояснить. Вы правы: разделять, дополнять и уточнять, можно много чего. Ведь это концепт, цель – показать, как автоматические воронки продаж могут решать конкретную задачу. Точнее, здесь их две: запуск пиццерий и поиск партнёров. Если кому-то поможет, значит что-то полезное, да сделали:) Для кого говорим – владельцам франшиз, например. И здесь же кроется ответ на вопрос о дороговизне системы. В данном случае фишка в том, что решение создается на уровне франшизы. То есть техническая реализация воронок для пиццерий выходит копеечная, не нужно каждый раз строить новую систему. В этом вся суть франшизы Додо. А рекламные бюджеты - сами написали, все зависит от того, куда выходим. Насчет предзапуска – в Додо есть его отголоски на уровне соц. сетей. И это работает. Про бюджеты и траты пападжонс – скорее всего, тут у нас с вами просто недопонимание случилось. Мы это не из головы взяли, об этом Додо сами пишут. Это их цель, вырасти до масштабов крупных игроков на нашем, российском рынке. Кто-то тратит миллиарды, кто-то миллионы, кто-то сотни тысяч. Если Додо ставит перед собой большие задачи, где многие крутят пальцем у виска – они уже молодцы. Нам интересно с такими людьми работать, которые ломают голову, когти и зубы, а идут вперед, и у них рано или поздно получается. Не про Додо, а про малый и средний бизнес в принципе.
Facebook завысил данные прогноза по числу пользователей в разных странах
Sergei Krolikov
2
комментария
0
читателей
Полный профиль
Sergei Krolikov -
Павел Дуров согласился внести данные Telegram в реестр Роскомнадзора
Блокнот вебмастера
1
комментарий
0
читателей
Полный профиль
Блокнот вебмастера - Все равно заблокируют, мог бы и не делать этот шаг.
ТОП КОММЕНТАТОРОВ
Комментариев
152
Комментариев
139
Комментариев
126
Комментариев
109
Комментариев
88
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
60
Комментариев
52
Комментариев
45
Комментариев
41
Комментариев
40
Комментариев
39
Комментариев
38
Комментариев
32
Комментариев
25
Комментариев
23
Комментариев
19
Комментариев
19
Комментариев
18
Комментариев
18
Комментариев
18
Комментариев
17
Комментариев
17

Отправьте отзыв!
Array
(
    [AREA_FILE_SHOW] => sect
    [AREA_FILE_SUFFIX] => right_022013
    [AREA_FILE_RECURSIVE] => Y
    [EDIT_TEMPLATE] => sect_inc.php
    [SHOW_RTB] => Y
    [~AREA_FILE_SHOW] => sect
    [~AREA_FILE_SUFFIX] => right_022013
    [~AREA_FILE_RECURSIVE] => Y
    [~EDIT_TEMPLATE] => 
    [~SHOW_RTB] => Y
    [CACHE_TYPE] => A
)
Facebook
ВКонтакте
Партнеры проекта [Уи лав ю соу мач!]
Наверх