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

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:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА ЛАЙКНИ
ВКонтакте рассказал, какие инструменты будут запущены в 2017 году
Гость - Всё там понятно. Это фичи для сммщиков.
6 распространенных ошибок в аналитике активностей в соцсетях
Alexander Abramov
3
комментария
0
читателей
Полный профиль
Alexander Abramov - За обзор и советы - очень большое спасибо!
Как рассказать о новом продукте без космических бюджетов на рекламу
Vladimir Lapshin
1
комментарий
0
читателей
Полный профиль
Vladimir Lapshin - Жаль только, что сам продукт - дорогущая хрень, не достойная, чтобы ее рекламировали. Все равно никогда не взлетит.
Места знать надо, или В чем сила геотегов
Иван Залой
1
комментарий
0
читателей
Полный профиль
Иван Залой - Вот и чекинься в друзей... Стоит кнопку нажать, как грабитель к тебе в квартиру завалится. Как жить-то теперь?...
Nimses: тест-драйв SMM-агентства
Виталий Зубец
1
комментарий
0
читателей
Полный профиль
Виталий Зубец - Время покажет. Я лично, пока-что вижу новую площадку для рекламодателей и маркетинга в сфере Digital
Конференция про новый маркетинг. Performance 360
Мария Романова
16
комментариев
0
читателей
Полный профиль
Мария Романова - Дамир, поправили, спасибо!
Snapchat расскажет рекламодателям, сколько человек посетило их заведения после просмотра рекламы
Игорь Ходырев
2
комментария
0
читателей
Полный профиль
Игорь Ходырев - Ну как бы не факт, что он пришел в заведение благодаря рекламе, а не по совету знакомого или просто потому, что оно ближе к его дому или еще 100500 факторов. И к тому же есть еще куча пользователей, которые не откроют снеп в заведении. Еще одна бесполезная вещь. Хотя можно оценивать прирост, а это уже хоть что-то.
Как использовать динамическую обложку ВКонтакте: советы от МегаФона
Кирилл Бедратый
1
комментарий
0
читателей
Полный профиль
Кирилл Бедратый - Добрый день! Почему в статье нет ссылки на разработчиков ?
Facebook позволит владельцам контента получать доход от украденных у них видео
Алексей Наталушко
1
комментарий
0
читателей
Полный профиль
Алексей Наталушко - Отличная новость! Надеюсь видео-маркетинг, с помощью данных манипуляций выйдет на качественно новый уровень
5 способов кросс-продвижения в социальных медиа
Татьяна Кондратьева
1
комментарий
0
читателей
Полный профиль
Татьяна Кондратьева - Благодарю автора - отличная статья. Когда выбираешь способ партнерского продвижения, полезно знать все альтернативы, чтобы выбрать оптимальный вариант. А также видишь, что еще не попробовал пустить в дело :)
ТОП КОММЕНТАТОРОВ
Комментариев
152
Комментариев
139
Комментариев
126
Комментариев
109
Комментариев
88
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
60
Комментариев
52
Комментариев
45
Комментариев
41
Комментариев
40
Комментариев
39
Комментариев
38
Комментариев
32
Комментариев
25
Комментариев
23
Комментариев
19
Комментариев
19
Комментариев
18
Комментариев
18
Комментариев
17
Комментариев
17
Комментариев
17

Отправьте отзыв!
Реклама
Facebook
ВКонтакте
Партнеры проекта [Уи лав ю соу мач!]
Наверх