• 0k
  • 0
Веб-дизайн \ 20 Ноябрь 2014

Как должен выглядеть хороший мобильный сайт

Вам известно, что почти 60% интернет-трафика генерируется с мобильных устройств? Погодите, а не с телефона ли вы читаете это пост? В общем, факт есть факт: все больше людей выходит в интернет, используя для этого планшеты или смартфоны. И если у вас есть сайт, то вы понимаете: сегодня он должен без проблем открываться и на обычном компьютере, и на мобильном устройстве.

Можно ли сделать достойную мобильную версию сайта самостоятельно? Можно. Но прежде чем взяться за дело, ознакомьтесь с нашим списком, отметьте пункты, над которыми нужно поработать, и только потом — действуйте.

  ___ Размеры экрана имеют значение
Главное отличие мобильного браузера от десктопного заключается в размере экрана. Да, звучит банально, но если вы нечаянно забудете об этом, то у вас в итоге получится сайт с разбросанными кто куда элементами, что выглядит довольно ужасно. Пользователи Wix, впрочем, могут не переживать: возможности платформы позволяют сделать мобильную версию под экран любого размера. Откройте сайт в мобильном редакторе, и вы увидите, как он будет смотреться на телефоне или планшете.
___
Удобные кнопки — тоже
Второе важное различие между десктопной и мобильной версиями — это то, как пользователь взаимодействует со страницами. Мобильные устройства в массе своей оснащены сенсорными экранами, люди переходят из раздела в раздел, нажимая на кнопки пальцами, поэтому они должны быть большими и заметными, а меню лучше всего сделать выпадающим.
___
Уберите все лишнее
Не все могут быстро прокрутить страницу вниз на телефоне или планшете. Маленький экран и необходимость задействовать пальцы делают этот процесс затруднительным, к тому же всегда есть риск сделать неловкое движение и промотать что-то важное. Облегчите пользователям жизнь и уберите из мобильной версии ненужные блоки текста и картинки. В редакторе Mobile можно спрятать все необязательные разделы и элементы, не меняя при этом ничего в основной версии сайта.
___
Вместо букв — картинки
Зачем вообще нужен мобильный сайт? Затем, чтобы пользователь мог находить нужную ему информацию, находясь не за компьютером, а где угодно. Есть большая вероятность того, что часть посетителей заходит на сайт уже на полпути к вам — когда ищет телефон магазина или точный адрес. Помогите им: добавьте Панель управления Mobile с удобным навигационным меню и кнопками для быстрой связи.
___
Добавьте мобильные карты
Карты, которые без проблем открываются на мобильных устройствах, выручат людей в случае, если они потеряются и будут искать дорогу в ваш офис или магазин. Мы для этих целей используем приложение Simple Google Maps и всем его советуем.
___
Не забудьте про кнопки соцсетей
Если вы решили, что вашему бизнесу не обойтись без аккаунтов в Инстаграме, ВКонтакте или Фейсбуке, то подумайте заодно о том, чтобы сделать кнопки соцсетей специально для мобильной версии сайта. Их можно добавить все в ту же Панель Управления Mobile или в другое подходящее место. Не забывайте, что кнопки должны быть заметными, большими и удобными для нажатия.
 ___
Пусть никто не уйдет обиженный
Какой покупатель не захочет купить товар со скидкой? Правильно, никакой. Если вы решили снизить цены для посетителей сайта, то позаботьтесь о тех, кто пользуется мобильными устройствами и замените для них обычный купон на QR-код. В Wix App Market есть парочка приложений, с помощью которых его можно сгенерировать и добавить на сайт.
___
Используйте приложения для мобильной версии
Если, заходя на ваш «обычный» сайт, люди имели привычку проверять календарь событий, пользовались планировщиком встреч, заказывали услуги и делали покупки, то вам обязательно нужно перенести все эти функции в мобильную версию. Посмотрите, какие приложения из Wix App Market подходят для этого и установите их.
 ___
Сделайте удобный поиск
Преимущество мобильных сайтов для большинства из нас заключается в том, что они помогают находить нужную информацию буквально на бегу. Имейте в виду, что все те люди, которые придут к вам на сайт, наверняка будут спешить, и сделайте так, чтобы любые нужные им сведения находились легко, быстро и без лишних движений. В этом вам поможет приложение для поиска под названием Site Search.
 ___
И протестируйте
Большие корпорации вроде Apple и Google тратят очень много денег на исследования и следят за тем, чтобы пользователи получали удовольствие от использования их продуктов. Вам стоит последовать их примеру и выяснить, как ваш сайт ведет себя на экранах разного размера и нравится ли он людям. Да, у вас нет бюджетов международной компании, но есть друзья! Позовите их в гости, попросите принести свои планшеты, смартфоны и как следует все протестируйте. Сайт открывается, работает и вызывает всеобщее одобрение? Отлично, можете смело его публиковать.

 


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес

Давайте дружить \ 

Подпишитесь на нашу рассылку и получайте
новые статьи блога прямо себе на почту.

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес