Войти при помощи:
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
Акива рекламные кампании для вашего бизнеса
лайкни нас в социальных сетях
Сегодня 16 лайков
166 622
Всего лайков на сайте

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:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
Войти
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА ЛАЙКНИ
5 революционных интернет-стартапов 2016 года
Гость - они ни как друг другу не относятся
Facebook запускает таргетинг на посетителей страницы
Гость - И как эти тупицы, которые не знают значений слов, смеют предлагать контент маркетологам и PR-специалистам, которые заведомо на 7 голов умнее этих тупых авторов сайта???
SEO Conference 2016: Не котиками едиными жив SMM
Vasileva К.
1
комментарий
0
читателей
Полный профиль
Vasileva К. - спасибо, возьму на заметку! нужно больше аналогичных статей – так значительно проще в тонкостях SMM разбираться! мне еще вот здесь статьи нравятся положила себе в закладки!
В России появился аналог LinkedIn
Данил Витальевич - Мы на похожем сайте эскорт выбирали, что как говорится было не скучно. Интерфейс тот же самый.
Как оптимизировать проведение конкурсов в Instagram?
Гость - Если вы обратите внимание на охват в статистике конкурса, то станет более понятно, что подписчики - это только одна из целей. В данном примере прирост всего 70 человек - не густо, учитывая затраты на проведение конкурса. А вот кол-во охваченных пользователей (тех, кто видел рекламный пост с проведением конкурса норм:)
ВКонтакте запускает обложки для сообществ
Юлия Швед
1
комментарий
0
читателей
Полный профиль
Юлия Швед - Зайдите в Управление сообществом и в блоке Основная информация выберите "Загрузить обложку")
SMM-октябрь: главные новости прошедшего месяца
Жанна Рожкова
608
комментариев
0
читателей
Полный профиль
Жанна Рожкова - Анна, подробная инструкция по установке виджета и его использованию https://vk.com/dev/AllowMessagesFromCommunity
ВК запускает денежные переводы на Украину
Жанна Рожкова
608
комментариев
0
читателей
Полный профиль
Жанна Рожкова - По правилам русского языка "на"
Реклама ВКонтакте обзавелась кнопками призыва к действию
Настасья Трочук
77
комментариев
0
читателей
Полный профиль
Настасья Трочук - Официальную дату запуска, к сожалению, ВК не указал пока.
В Одноклассниках теперь можно продвигать посты за «ОКи»
Настасья Трочук
77
комментариев
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
Вконтакте
Партнеры проекта [Уи лав ю соу мач!]
Наверх