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

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

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

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

А теперь вашему вниманию примеры

10 сайтов, которые весьма близки ко всем перечисленным выше критериям

 

AO.com

http://i2.wp.com/www.likeni.ru/upload/medialibrary/345/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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *