Мобильная версия сайта: как, что и почему
«Без телефона как без рук — не могу расстаться с ним даже на минуту». Вам это знакомо? Если да, то знайте: из-за нас, любителей смартфонов (а это почти два миллиарда человек), хорошим сайтом теперь считается тот, который оптимизирован под мобильные устройства. Все идет к тому, что люди будут проводить больше времени не за компьютером, а с телефоном или планшетом. Сообразительные владельцы бизнеса не могут не учитывать этот факт и понимают, что разработка мобильной версии — очень важная задача.
Ваш сайт сделан на Wix? Считайте, что вам повезло, ведь у вас под рукой есть редактор Mobile, с помощью которого можно легко и быстро превратить десктопную версию сайта в мобильную, и сделать так, чтобы он одинаково хорошо выглядел на экране любого размера.
В этом посте мы хотим дать несколько полезных советов всем тем, кто решил пойти в ногу со временем и оптимизировать свой сайт для просмотра со смартфонов и планшетов.
Учитывайте специфику мобильных устройств
Работая над мобильной версией, не забывайте о том, кто и как будет ей пользоваться. У вас сейчас есть мышка или трекпад, поэтому вам все кажется удобным, а многие посетители откроют сайт на маленьком экране и будут нажимать на кнопки пальцами.
Работая над мобильной версией, не забывайте о том, кто и как будет ей пользоваться. У вас сейчас есть мышка или трекпад, поэтому вам все кажется удобным, а многие посетители откроют сайт на маленьком экране и будут нажимать на кнопки пальцами.
Делайте удобные меню
Главное меню может классно смотреться в десктопной версии сайта, но быть абсолютно нечитаемым и нерабочим — в мобильной.
Если хотите, чтобы сайт был удобным для пользователей тач-устройств, сделайте выпадающее меню, на которое можно без проблем нажимать пальцами.
Вообще, советуем вам не ограничиваться традиционным подходом к оформлению, особенно когда речь идет о мобильной версии сайта. Сейчас, например, в качестве меню модно использовать ряд из огромных кнопок с яркими иконками. Это хорошо смотрится на больших и маленьких экранах и позволяет легко переходить из одного раздела сайта в другой. Посмотрите мобильную версию шаблона «Туроператор» — она отлично это иллюстрирует.
Идите навстречу пользователям смартфонов
Согласно последним данным, примерно 42% пользователей смартфонов делают так: идут в магазин, смотрят на цену нужной им вещи, тут же выходят в интернет с телефона и ищут, сколько эта вещь стоит в других местах. Информация сегодня доступна как никогда. Учитывайте это и никогда не забывайте обновлять цены и писать про скидки.
Раз уж смартфон стал необходимым атрибутом, без которого сегодня не сходишь в магазин, давайте учиться извлекать из этого пользу, а заодно радовать клиентов. Это несложно сделать при помощи QR-кодов, которые можно сканировать и получать скидки, или e-mail-рассылок со спецпредложениями. С помощью последней новинки Wix ShoutOut такую рассылку можно сделать буквально за пару минут, и письма будут отлично смотреться как на персональном компьютере, так и на экране смартфона.
Владельцы интернет-магазинов должны знать, что количество покупок, сделанных с планшетов и телефонов, неуклонно растет, а это означает, что мобильный сайт магазина должен выглядеть достойно. Проверьте, содержит ли мобильная версия всю необходимую покупателю информацию: контакты, способы оплаты и варианты доставки. Посмотрите, хорошо ли все читается, и не забудьте написать убедительные призывы к действию, по которым так и хочется совершить покупку.
Не болтайте лишнего
Добавили всю необходимую информацию, которая может понадобиться покупателю для совершения заказа или покупки? Замечательно. Теперь скройте все остальное. Такая информация, как «О нашем коллективе» или «Последние новости» важна для брендинга, но вряд ли будет полезна потенциальному покупателю, который открыл мобильную версию вашего сайта на ходу. О том, как можно скрыть страницу или элемент с мобильной версии сайта можно прочитать здесь.
Используйте силу соцсетей
Нравится вам это или нет, но ваши покупатели наверняка не могут оторваться от своих смартфонов, даже когда приходят к вам. Что ж, используйте и эту привычку: делайте скидки тем, кто пишет про ваш бизнес в интернете, предлагайте приятные бонусы за чекины в Foursquare или отзывы в Яндекс.Городе.
Если клиенты любят фотографировать товары, купленные у вас, скажите им, что вам бы очень хотелось опубликовать эти снимки в Инстаграме. Здесь вам может пригодиться приложение Instagram Feed. Установите его, и у вас на сайте будут регулярно появляться самые свежие фотографии из Инстаграма. Интегрированный поток изображений оптимизирован под экраны смартфонов и компьютеров и прекрасно смотрится на любом сайте.