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

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:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА ЛАЙКНИ
В помощь SMM-щику: как автоматизировать работу
Иван Серышев
9
комментариев
0
читателей
Полный профиль
Иван Серышев - Что кошачий бокс сдулся не ответил. Что администрация сайта..утратила доверие))) "Раскрути! Как? накрути)))"
Роскомнадзор грозит заблокировать YouTube через сутки
Stanislav Sikorskij
1
комментарий
0
читателей
Полный профиль
Stanislav Sikorskij - не нормальные люди что тут сказать, блокируют сайты каторые нужны людям , и чем ети сайты им мешают ума не приложу, вы бы лучше на улицах порядки навели, где реально угроза есть человечеству ето на улице где убиваю людей сотнями, вот куда свой силы лучше направте, а не на сайты безобидные, фу стыд и ужас
Кейс: как мы продавали газгольдеры за 150 тысяч рублей через Facebook
Натали Ямская
1
комментарий
0
читателей
Полный профиль
Натали Ямская - Вы правы, там должно быть 742 руб! Спасибо огромное, что заметили ошибку - исправим, обсчитались немного :)
Два новых хардфорка – Bitcoin Candy и World Bitcoin
Елизавета Лосева
94
комментария
0
читателей
Полный профиль
Елизавета Лосева - Спасибо за внимательность, поправили!)
Instagram тестирует приложение для обмена сообщениями
Zemno Zemno
1
комментарий
0
читателей
Полный профиль
Zemno Zemno - Вот тут по данной новости более подробно: https://seofuck.ru/direct-from-instagram/
«Одноклассники» запускают витрину товаров и услуг
Иван Серышев
9
комментариев
0
читателей
Полный профиль
Иван Серышев - не удивительно. когда то и ок надо монетизировать по полной. У меня с групп доход)
Хакеры украли $70 млн из кошелька сервиса майнинга NiceHash
Иван Серышев
9
комментариев
0
читателей
Полный профиль
Иван Серышев - Ой скоро ни один биток без налоговой не перейдет. сто процентов прикроют... В РФ живем)))
Маркетинг в WhatsApp: как это делать
Виктория Анисимова
1
комментарий
0
читателей
Полный профиль
Виктория Анисимова - Интересно, спасибо) А можете подсказать как объединить имеющиеся номера и добавить их в группу приложения? Не вручную ведь сохранять контакты...
ВК меняет порядок размещения рекламных записей в сообществах
Александр Холостов
1
комментарий
0
читателей
Полный профиль
Александр Холостов - Лучше бы не выкатывали... Выкатили, а ничерта не работает. Ошибка на ошибке, ничего не работает, а в ТОПе сообщества с самым дешевым CPM, где контент, мягко говоря, самого низкого качества. А подобрать группу с нормальным контентом, где можно опубликовать нормальный бренд, достаточно сложно. Надеюсь всё починят и доведут до ума, подбираются сообщества неплохо в плане адекватности по CPM, однако функционал совсем не продуман и неудобен.
Новый алгоритм FB ударит по рекламодателям?
Оксана Морская
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

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