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

10 лучших примеров оформления страниц мобильных сайтов

1 октября 2014, 10:25 |  Валерия Россохина

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

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

  • Скорость. Терпением пользователи не отличаются, а мобильный интернет часто подводит в этом плане, так что скорость — один из важнейших критериев.
  • Отсутствие принудительной регистрации. Вынужденная регистрация — это то, что заставило нас забыть о многих, в общем неплохих, сайтах. Совершать ту же ошибку с мобильными ресурсами не стоит.
  • Уверенность в безопасности. Многочисленные исследования подтверждают, что пользователи с опаской относятся к вводу своих персональных данных где бы то ни было, это касается также номеров кредитных карт и т.д. Так что ритейлеры должны приложить усилия, чтобы успокоить своих клиентов.
  • Простые и понятные формы ввода данных. Заполнять формы на мобильных вообще довольно неудобно, так что мобильные сайты должны максимально облегчить этот процесс . Текстовые поля и кнопки должны быть большого размера.
  • Индикаторы прогресса. Индикатор прогресса покажет пользователю, что процесс регистрации близок к завершению.
  • Уберите все, что мешает. Клиент заходит на сайт с целью что-то купить. Чтобы не отвлекать его от основной цели, уберите лишние элементы и ссылки со страниц сайта.

Рассмотрим сайты, соответствующие всем перечисленным критериям.


AO.com

1.png

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


Crate & Barrel

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

2.png 3.png

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


Topshop

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

4.png 5.png

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


Wiggle

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

6.png 7.png

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


John Lewis

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

8.png 9.png


Debenhams

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

10.png 11.png


Best Buy

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

12.png


Reiss

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

13.png 14.png


Walmart

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

15.png


H&M

Этот сайт совершает непоправимую ошибку, принуждая посетителей регистрироваться. Но его огромные плюсы — это пошаговое объяснение всех действий, которые нужно совершить для завершения покупки, большие кнопки.

16.png

Комментарии
1 комментарий
Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
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
ВКонтакте
Партнеры проекта [Уи лав ю соу мач!]
Наверх