Как мобильная версия сайта компании поможет не потерять клиентов

Один из наших читателей, Александр Морозовас, перевел статью Дженни Гоув “What Makes a Good Mobile Site?”. Предлагаем его перевод вашему вниманию.

Те, кто заходят на сайт с мобильных устройств, хотят быстро найти то, что им нужно. Google и AnswerLab провели исследование, чтобы понять, что делает мобильную версию сайта удобнее и привлекательнее для пользователей.

Участники исследования тестировали мобильные версии сайтов на своих устройствах iOS и Android, оформляя покупки в интернет-магазинах или бронируя отели. После выполнения этих заданий они рассказывали о своих впечатлениях от мобильных версий.

Домашняя страница и навигация по сайту

Домашняя страница должна давать пользователям именно тот контент, который они ищут.

Пользователи должны видеть call-to-action в центре страницы

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

Как мобильная версия сайта компании поможет не потерять клиентов

Сделайте меню коротким и удобным

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

Как мобильная версия сайта компании поможет не потерять клиентов

Сделайте простым возврат к домашней странице

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

Как мобильная версия сайта компании поможет не потерять клиентов

Не позволяйте рекламным баннерам скрывать контент

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

Как мобильная версия сайта компании поможет не потерять клиентов

Сделайте поиск по сайту заметным

Посетители сайта ищут информацию, используя поисковую строку. Поэтому она должна быть видна на экране сразу же. Не прячьте ее в меню.

Как мобильная версия сайта компании поможет не потерять клиентов

Убедитесь, что результаты поиска по сайту релевантны ожиданиям пользователя

Пользователи устают просматривать множество результатов, чтобы найти то, что они ищут, и покидают сайт. Сделайте их жизнь проще: настройте автозаполнение поисковых запросов, корректирование опечаток, предлагайте связанные запросы.

Как мобильная версия сайта компании поможет не потерять клиентов

В примере слева поиск реализован грамотно: показываются только детские вещи (пользователь делает поисковый запрос в интернет-магазине детской одежды). Справа — пример неудачно реализованного поиска: он показывает все, где есть слово «дети».

Разработайте фильтры для простых запросов

Пользователи полагаются на фильтры, чтобы найти то, что нужно, и отказываются от сайтов, где нет фильтров. Расположите фильтры над поисковой строкой. Помогите пользователям и покажите количество результатов заранее.

Как мобильная версия сайта компании поможет не потерять клиентов

Покажите пользователям, как правильно делать поисковые запросы

Если интересы ваших клиентов могут лежать в диаметрально разных плоскостях, задайте им пару вопросов, прежде чем показывать поисковое поле. Используйте ответы клиента как фильтры поискового запроса, чтобы обеспечить пользователям нужные им результаты.

Как мобильная версия сайта компании поможет не потерять клиентов

  • Коммерция и конверсия
  • Поймите, куда хочет попасть и что там найти ваш клиент, и помогите ему в этом.
  • Позвольте пользователям просматривать сайт до регистрации

Участники исследования были недовольны, когда сайт требовал регистрации для просмотра содержимого, особенно если бренд был им незнаком. Информация о клиенте может быть очень важной для вашего бизнеса, но если запросить данные слишком рано, вы рискуете потерять доверие клиента и получить меньшее количество регистраций, чем рассчитывали.

Создайте для пользователей возможность использовать гостевые аккаунты

Пользователям не нравятся сайты, которые обязуют их регистрироваться, когда делаешь любой запрос, особенно когда выгода от аккаунта не понятна (как это бывает на раннем этапе знакомства с ресурсом). Но вы можете упростить для них задачу, предоставив возможность создать гостевые аккаунты.

  1. Используйте существующую информацию о пользователе для его удобства
  2. Настройте автозаполнение полей для зарегистрированных пользователей.
  3. Используйте кнопки с призывом позвонить для комплекса задач

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

Сделайте простым переключение между устройствами

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

Форма ввода

Обеспечьте удобные переходы между формами.

Сделайте ввод информации удобным

Пусть пользователь автоматически переходит к заполнению следующего поля после нажатия Return. Чем меньше нажатий пользователь делает, тем лучше.

Упрощайте ввод информации

Выбирайте самый подходящий тип ввода информации для каждого сценария. Используйте элементы, которые подсказывают пользователю, как заполнять те или иные поля.

Предложите визуальный календарь для выбора даты

Пользователи не должны проверять календарь, чтобы просто увидеть дату и сопоставить число и день недели. Используйте календарь-виджет, где это возможно.

Минимизируйте ошибки в формах

Предположите содержание поля там, где это возможно. Помечайте поля, где требуется правка формы ответа.

Повышайте КПД дизайна

Активно используйте автозаполнение: например, пусть пользователи вносят информацию в  формы с предварительно заполненной датой. Вносите сами известную вам информацию в поля.

Юзабилити и форм-фактор

Воспользуйтесь мелочами, которые усиливают возможности сайта.

Оптимизируйте ваш сайт

Используйте качественный макет, который учитывает размер и возможности устройства пользователя. Участники исследования посчитали, что сайты для мобильных устройств труднее использовать.  

Не заставляйте пользователей работать с неудобными им масштабированием и прокруткой

Пользователям комфортнее в использовании сайты с вертикальной прокруткой, а не с горизонтальной. Избегайте больших элементов с фиксированной шириной.

Используйте мультимедийные запросы CSS, чтобы разные экраны были выполнены в разной стилистике. Не создавайте контент, который хорошо отображается только на экране определенного размера.

Использование горизонтальной прокрутки может негативно сказаться на выдаче сайта в поиске.

Добавьте возможность увеличить фотографию продукта

Клиенты интернет-магазина хотят увидеть фото продукта в высоком разрешении. Участники исследования были недовольны, когда не могли разглядеть, что они покупают.

  • Продумайте удобную возможность увеличить фотографию товара, чтобы упростить пользователям просмотр деталей.
  • Подскажите пользователям, какая ориентация экрана лучше подходит для просмотра сайта

Участники использовали для просмотра одну ориентацию экрана, к которой привыкли, пока не получали подсказку изменить ее.

Продумайте горизонтальную и вертикальную ориентацию экрана и подсказывайте пользователям, когда какую из них лучше использовать.

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

Пусть у пользователя будет одно окно в браузере

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

  1. Избегайте надписи «Полная версия сайта»
  2. Когда участники видели ссылку «Полная версия», они думали, что в мобильной версии не хватает нужных им функций и выбирали десктопную версию для работы.
  3. Объясните пользователю, почему вам важно знать его местонахождение

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

Читайте также:  Что происходит в промышленности Беларуси и России – сравните

Участники исследования пытались забронировать отель и были недовольны, когда сайт, определив их местонахождение, показал отели в их городе.

Оставьте поле местонахождения по умолчанию пустым и позвольте пользователям выбрать отель по кнопке «Рядом со мной».

Зачем нужна мобильная версия сайта и как ее правильно сделать

время публикации: 17:00  17 марта 2015 года

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

Да-да, таких людей очень много, они едут за рулём автомобиля и во время остановок отвлекаются на свой телефон, они в кафе и ресторане, в парке, в офисе и даже дома. Они берут свои телефоны и что-то ищут в интернете, играют или работают. Почему и зачем? Потому что так быстрее и удобнее получить информацию везде! 

Как мобильная версия сайта компании поможет не потерять клиентов

 Источник Nielsen Smartphone Insights

Согласно недавним исследованиям “Мобильный интернет в России” от Mail.ru Group, а также от TNS Web-index, количество пользователей, выходящих в интернет со своих мобильных устройств превышает 30% от числа всех пользователей интернета. В абсолютном количестве это более 25 000 000 человек. И эти цифры постоянно растут! Как мобильная версия сайта компании поможет не потерять клиентов

И что с этим знанием делать, спросите вы?! Всё просто. У вас есть бизнес. У бизнеса есть интернет-сайт. Сайт нужен для того, чтобы рассказать клиентам об услуге или продукте, который вы предлагаете.

Сайт — это инструмент, с помощью которого вы информируете, продаёте, привлекаете, взаимодействуете с клиентами, которые приносят деньги в вашу компанию. Вы заботитесь о сайте. Делаете его привлекательным, удобным и полезным.

Ваша компания выделяет маркетинговые бюджеты на продвижение сайта в поисковых системах. Чтобы клиентов стало больше, и чтобы они не ушли к конкуренту. Верно?

А теперь открываем тайну! Те 30% пользователей, которые выходят в интернет со своих мобильных устройств — это тоже ваши клиенты: будущие или настоящие. 

И что, подумаете вы? Так выглядят сайты. Просто экран слишком маленький, но можно приблизить, увеличить. Работает медленно, нечитаемый текст, все мелко, неудобная навигация, но это же мобильный телефон.

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

А это — до 30% потерянных посетителей. До 30% потраченных впустую маркетинговых бюджетов. И недополученный доход.

Решение вытекает из проблемы. Нужно, чтобы наш сайт выглядел на смартфоне крупно, удобно, сохранял все функции и возможности основного сайта и, при этом, был быстрым и лёгким.

Нужна мобильная версия сайта, которая бы удобно и быстро работала во всех мобильных браузерах.

Как мобильная версия сайта компании поможет не потерять клиентов

Какие плюсы ещё? Терявшиеся ранее, недовольные мобильные посетители начинают превращаться в ваших клиентов, это заметно, если вы следите за статистикой посещений. Конверсия в целевые действия увеличивается на 50-100% среди мобильной аудитории.

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

Узнать об интересующих услугах, найти ближайший офис, рассчитать тариф, оставить заявку, узнать номер телефона, оплатить, воспользоваться личным кабинетом теперь можно прямо с мобильного телефона. Неправда ли это удобно?

Далее. Для вас всё это не ново, и у вас уже есть мобильная версия сайта. Отлично! Что можно улучшить? Какие ошибки бывают? Что такое качественная мобильная версия сайта?

Первый — единое доменное имя. То есть ваша мобильная версия и основной сайт будут располагаться под одним адресом, например, domain.ru. Не будет редиректов и переадресаций, как в случае если сайт будет располагаться по подобным адресам m.domain.ru, либо domain.ru.pda, либо domain.ru.mobil.

Второе — кликабельные телефоны. Мобильный пользователь должен иметь возможность набрать любой телефонный номер на вашем сайте одним кликом.

Третье — если вы используете адаптивный дизайн, то элементы сайта должны правильно группироваться на экране мобильного устройства. 

Как мобильная версия сайта компании поможет не потерять клиентов

Четвёртое — вся информация, которая есть на основном сайте должно быть доступна в мобильной версии в мобильном виде. То есть сайты должны быть синхронизированы на 100%.

Пятое — наличие иконки для сохранения на экран мобильного телефона. Очень удобная функция — вы сохраняете иконку на экран своего смартфона и получаете быстрый доступ к мобильному сайту.

Как мобильная версия сайта компании поможет не потерять клиентов

Шестое – удобная навигация. Это очень важный фактор. но к сожалению, зачастую мы сталкиваемся с не очень удобной навигацией.

Как мобильная версия сайта компании поможет не потерять клиентов

В чём недостатки? Не эффективно используется место на экране — неудобная для пользователя навигация. На всех страницах шапка занимает всю видимую область экрана — пользователю трудно ориентироваться на какой странице он находится. Каждая страница выглядит одинаково, пока не “прокрутишь” вниз. 

Если ваша мобильная версия качественная, соответствует вышеперечисленным параметрам, то вы можете ожидать, что ваш сайт станет эффективнее в полтора два раза. Эффективность можно контролировать с помощью анализа данных статистики посещений вашего сайта.

Существует пять основных технологий созданий сайтов:

  • Отдельный сайт только для мобильных
  • Плагин для CMS
  • Responsive (адаптивный сайт)
  • Конструктор
  • Eski.mobi (технология эскимоби)
  • Мы рассмотрим каждую технологию по следующим критериям:
  • Свободные ресурсы — сколько времени ваших специалистов потребуется для наилучшего результата.  
  • Сроки. Чем быстрее будет достигнут результат — тем лучше.
  • Качество — по вышеназванным параметрам.
  • Удобство поддержки мобильной версии.
  • Стоимость создания. 

Чем больше звёздочек — тем выше показатель, тем лучше решение, тем стоимость ниже.

Как мобильная версия сайта компании поможет не потерять клиентов

Отдельный сайт

Создаётся отдельный сайт с отдельной системой управления, но ориентированный только на мобильных пользователей. У него будет адрес в подобном формате m.сайт.ru. Сроки и процесс создания, поддержка такого отдельного мобильного сайта будет выглядеть как создание и поддержка обычного сайта. 

Плагин для CMS

Существует много готовых решений: Bitrix mobile, WordPress mobile и другие. Для каждой системы управления есть какое-то готовое мобильное решение. Преимущество — быстрый запуск. Недостаток — необходимость “допиливания”, доработки до боле менее приемлемого результата. Качество — низкое.  

Responsive

Это — адаптивный сайт. Потребует высоких временных затрат ваших сотрудников, сроки — более 6 месяцев. Качество, удобство поддержки и стоимость — на высоте.

Конструктор

Больше подходит для малого бизнеса. Шаблонные решения, функциональные ограничения. Качество, стоимость низкие. Скорость создания — высокая. 

Технология eski.mobi.

Синергия адаптивного дизайна и технологии JavaScript. Позволяет освободить ресурсы заказчика на 90%. Требуется только утверждение готовых страниц мобильного сайта.  Срок запуска до 30 дней. Качество, стоимость и удобство поддержки — почти идеально. Как мобильная версия сайта компании поможет не потерять клиентов Цымпов Артём, директор по технологиям eski.mobi

Как интернет-магазину привести клиента к покупке и не потерять его на полпути

Делимся советами, как сделать удобный сайт для интернет-магазина

Как мобильная версия сайта компании поможет не потерять клиентов Дать мало информации о товаре. Никто не хочет покупать кота в мешке. Поэтому старайтесь добавлять больше фотографий, делать детальное описание и давать характеристики товаров.

Скрыть контакты. Отсутствие контактной информации вызывает подозрение. Клиент вероятнее всего пройдёт мимо, если непонятно, как связаться с компанией. Добавьте телефон, адрес, email, иконки соцсетей и мессенджеров.

Заставить проходить долгий процесс регистрации. Клиенты не хотят тратить время на заполнение длинной формы регистрации. Предоставьте пользователям простые варианты: заполнить только email с паролем или войти через соцсети. Если длинной анкеты не избежать, предложите бонус за регистрацию.

Читайте также:  Как директор компании снизил риски субсидиарной ответственности перед увольнением: реальный пример

Как мобильная версия сайта компании поможет не потерять клиентов

Интернет-магазин профкосметики KaramelkaShop предлагает за регистрацию скидку 10% в pop-up окне

Игнорировать технические неисправности. Сбои во время оформления заказа отпугнут покупателей. Например, клиент случайно закрыл вкладку, а корзина обнулилась — заказ придётся оформлять заново. Так появляется риск, что человек откажется от покупки или закажет не все позиции, которые хотел.

Старайтесь всегда следить за работой элементов магазина и регулярно проводить тесты. Этим может заниматься штатный веб-мастер или команда на аутсорсе. Если всё же проблема появилась, то сообщите клиентам о временных неполадках и укажите сроки, когда всё снова будет в порядке.

Покупатели заходят на сайт магазина с разных устройств: персональных компьютеров, планшетов, телефонов и ноутбуков. А доля посещений с планшетов и смартфонов растёт: SimilarWeb посчитал, что мобильный трафик в 2020 году вырос на 30% по сравнению с тремя годами ранее, в то время как трафик с ПК продолжает медленно падать. Это значит, что интернет-магазинам нужно адаптироваться: делать мобильную версию сайта или адаптивную вёрстку.Мобильная версия идёт на отдельном поддомене, как правило, с буквой «m» в начале — m.lamoda.ru. Этот вариант затратный, но более гибкий: мобильную версию можно редактировать, не влияя на основной сайт. Но и продвигать её нужно отдельно.

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

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

Главная страница. Располагайте основные элементы сайта по F-кривой: поле поиска, меню, значок «корзины». Пользователи изучают страницы по траектории, похожей на английскую букву F. На главную страницу стоит выводить популярные разделы и акции.

Как мобильная версия сайта компании поможет не потерять клиентов

Pult.ru расположил главную информацию и «Корзину» по верхней линии F-схемы, ниже — акцию к «Чёрной пятнице» и дополнительную информацию

Каталог. Разбивайте товары на категории, а их на подгруппы. Человеку проще всего воспринимать до семи пунктов одновременно. Следите за интуитивной понятностью каждой категории, популярные фильтры выносите в начало списка. Понятная структура каталога помогает покупателю быстро найти нужные товары.

Как мобильная версия сайта компании поможет не потерять клиентов

Каталог маркетплейса OZON делится на категории, подкатегории и разделы

Карточка товара. Здесь тоже располагайте информацию о товаре по F-траектории. Фотографию, цену и кнопку «купить» — на первой линии внимания покупателя. Дальше разместите описание товара, отзывы и сопутствующие товары.

Как мобильная версия сайта компании поможет не потерять клиентов

Samsonite расположил название модели чемодана, цену и привлекательные факторы по верхней линии F-схемы, ниже — размерную сетку, услуги и прочее

Тексты, шрифты и цвет. Текст должен быть лаконичным и легко читаться как с экрана компьютера, так и с экрана телефона. Не используйте больше 5−6 цветов:

  • два основных — нейтральные (например, белый фон и чёрный текст)
  • три дополнительных — акцентные (например, красный или оранжевый для акций)

Баннеры и всплывающие окна. Не перегружайте дизайн баннерами и сторонними изображениями. Много рекламных баннеров и постоянные уведомления pop-up раздражают клиентов и мешают делать покупки. Кроме этого, они снижают скорость загрузки страницы: даже три секунды задержки ощущаются некомфортно. Ни то, ни другое не мешает AliExpress раз за разом бить рекорды по продажам, но повторять всё же не рекомендуем. Добавьте покупку в один клик. Не все покупатели любят возиться с оформлением заказа. Дайте возможность оформить заказ быстро: чтобы клиент нажал на кнопку, ввёл имя и телефон, после чего ему перезвонил оператор.

Упростите заполнение полей. Сделайте автопроверку полей и продумайте систему подсказок. Так клиент заполнит все поля правильно, и заполненная форма не сбросится из-за неизвестной ошибки.

Держите «Корзину» на виду. Закрепите значок «корзины» на каждой странице, чтобы покупатель мог в любой момент перейти в неё и оформить покупку.

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

Сделайте краткую форму заказа. Не требуйте информации больше, чем нужно в форме заказа: используйте до семи полей. Процесс покупки должен быть максимально простым и быстрым.

Как и зачем адаптировать интернет-магазин под смартфон (+ статистика мобильных продаж)

Оплачивают покупки в интернете с помощью смартфона 23% пользователей. Еще больше людей выбирают товары в интернет-магазинах со своих телефонов или планшетов. Если ваш сайт не адаптирован под мобильные устройства, вы рискуете потерять этих покупателей.

Рассказываю, зачем адаптировать интернет-магазин под мобильные устройства и какие форматы для этого есть.

Почему и как растёт мобильная торговля

Смартфоны и планшеты меняют привычки людей

Пользоваться интернетом со смартфона стало удобно. Владельцы сайтов, чтобы не потерять мобильную аудиторию, тоже адаптируют ресурсы под смартфоны и планшеты.

По данным J’son & Partners Consulting, в России увеличиваются продажи смартфонов — так, в первом полугодии этого года в нашей стране продано 11,2 млн смартфонов против 10,6 млн годом ранее. Растут и мировые продажи — 694 млн против 667 годом ранее.

Как мобильная версия сайта компании поможет не потерять клиентов

Мобильный трафик занимает значительную долю в трафике крупных интернет-магазинов. При этом, у российского рынка мобильной коммерции есть потенциал роста. Статистику по некоторым крупным российским игрокам приводит эксперт Алексей Петровский из Price.

ru — у «Юлмарта» 23% пользователей посещают сайт с мобильных платформ, у «М.Видео» — 26%, у WildBerries и «Евросети» этот показатель составляет 29%.

У западных площадок посещения с мобильных устройств уже стали основным каналом трафика — у Amazon и eBay 51% мобильных визитов, у Walmart 63%.

Эксперты отмечают хорошую динамику развития m-commerce в России. Так, директор по электронной торговле «Техносилы» Максим Шелуханов уверен, что российский рынок скоро догонит западные.

Люди привыкают платить со смартфонов

Мало предложить покупателям каталог с товарами — важно, чтобы им было удобно оплачивать товары с мобильных устройств.

Доля покупок с мобильных устройств среди всех цифровых платежей в России составляет 23%. Причем, большинство покупателей используют для выбора товаров смартфоны: 53% против 47%, отдающих предпочтение шопингу с планшетов (исследование Criteo). Среди операционных систем лидирует iOS: 53% потребителей совершают покупки с Айфонов и Айпадов.

Активно покупают с мобильных устройств пользователи с доходом выше 100 тысяч рублей — это значит, что оплатой со смартфонов пользуется платёжеспособная аудитория (отчёт Data Insight).

Со смартфонов покупает платежеспособная аудитория: владельцы Айфонов и пользователи с доходом выше 100 тысяч рублей

Мировой рынок m-commerce опережает рост рынка e-commerce — 42% против 13% по прогнозам на конец 2016 года.К в 2018 году мобильные расходы пользователей вырастут до 600 миллиардов долларов, что в 3 раза выше, чем в 2015 году. Больше всего мобильных покупателей в Китае, ОАЭ и Турции, а по темпам роста выделяются страны Европы и тот же Китай.

Производители смартфонов и операционных систем внедряют в устройства мобильные платёжные системы. Вставляют в смартфон специальный NFC-чип и устанавливают приложение для добавления банковских карт — вместе это платёжная система.

Вы добавляете карту в приложении и всё — можно оплачивать покупки телефоном. Если оплачиваете обычные товары, то просто подносите смартфон к терминалу, происходит оплата и деньги списываются со счёта банковской карты. Для безопасности, смартфон попросит поднести палец к сканеру отпечатков, чтобы подтвердить вашу личность.

Например, так работает платёжная система Apple Pay:

Важно, что с помощью мобильных платёжных систем можно оплачивать и покупки в обычных магазинах, и товары в интернете. К примеру, система Apple Pay для Айфонов и Айпадов позволяет оплачивать покупки прямо в браузере Safari.

Скоро такие платёжные системы появятся и в России — Apple осенью планирует запустить у нас Apple Pay. Те же планы есть и у Samsung с платёжной системой Samsung Pay. Весной сообщалось, что к концу года в России заработает и Android Pay.

Как мобильная версия сайта компании поможет не потерять клиентов

Оплата покупки с помощью платёжной системы Apple Pay на Айфоне. Источник: Apple.com

Россияне привыкают оплачивать покупки со смартфонов. Отчёт DataInsight показал, что мобильное приложение банка — один из самых быстрорастущих способов оплаты в интернет-магазинах (36%). Растут и платежи с помощью счёта мобильного телефона (на 30%) и SMS-сообщений (на 25%).

По опросу Data Insight, 64% респондентов совершали хотя бы один платёж с мобильного устройства за месяц, 79% установили минимум одно приложение для покупок, а 66% использовали такие приложения за последнюю неделю. Это говорит о востребованности мобильной оплаты у пользователей.

Основатель рекламной сети Unilead Дмитрий Семенов утверждает, что в 2016 году мобильные продажи во всем мире и в России станут мейнстримом. «Как показывает практика, не успевшие стать мобильными просто исчезнут. Мобильные устройства и приложения изменили весь мир. Теперь они меняют и торговлю», — добавляет эксперт.

Читайте также:  Как найти того, кому делегировать полномочия, и как сделать это правильно

Павел Быков, руководитель отдела маркетинга компании eSolutions/eTraction заявил, что в России наблюдается тренд на мобильные продажи — «они растут и растут заметно». «В среднем, если делать атрибуцию по последнему устройству, сейчас на мобильные продажи приходится около 20% рынка, а если учитывать кросс-девайсную авторизацию, то 40%», — заканчивает Павел.

Адаптация под mobile увеличивает конверсию

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

Из этой статьи вы узнаете:

  • Что значит мобильная версия сайта
  • Каковы преимущества мобильной версии сайта
  • Какие виды мобильной версии сайта самые лучшие
  • Как её создать на поддомене, используя адаптивный дизайн
  • Как проверить мобильную версию сайта на наличие ошибок
  • Какие ошибки в ходе работы чаще всего допускают новички
  • Кому не стоит торопиться создавать мобильную версию сайта
  • Как из-за этого не растерять мобильных клиентов

Сегодня у каждой компании есть собственный сайт в Интернете. Но разрешение экрана смартфонов и планшетов отличается от разрешения компьютеров. Это доставляет неудобства при просмотре сайта, поскольку из-за некорректного отображения изучить его практически невозможно. Именно для удобного просмотра и требуется мобильная версия сайта.

Что значит мобильная версия сайта

Мобильная версия сайта представляет собой самостоятельный полноценный проект, в рамках которого разрабатывают специальный дизайн, оптимизируют контент и прорабатывают юзабилити.

Первое и основное, что должен сделать дизайнер, — корректно передать содержание и ключевые идеи компании, используя небольшой экран и всего одну колонку. Если нужно, удалить или откорректировать какие-то данные. В результате остается самое главное, без лишней информации.

В мобильной версии структура и функции совершенно иные, отличные от основного сайта. Неизменным остается лишь стиль, некоторые детали и содержание, за счет чего человек понимает, что попал на тот же сайт, но уже с мобильного устройства.

Почему мобильная версия сайта в ряде случаев крайне необходима?

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

Преимущества мобильной версии сайта

Практически любой современный человек пользуется мобильными устройствами и планшетами. У гаджетов немало преимуществ. Они компактны, позволяют в два счета выйти в Интернет, и именно этим объясняется их популярность.

В данный момент мобильные телефоны есть у 87 % жителей нашей планеты. Из них порядка 1,5 млрд в Глобальную сеть заходят при помощи телефона. Сегодня с мобильных устройств в Интернет выходят чаще, чем с ноутбуков и стационарных компьютеров. И это лишь подтверждает предположение о том, что почти для всех сайтов нужно разрабатывать мобильные версии.

Стремительное развитие технологий диктует свои условия. Бизнес должен совершенствоваться стремительно, подобно техническому прогрессу.

Как мобильная версия сайта компании поможет не потерять клиентов

Большая часть сайтов разных фирм искаженно отображается на телефонах и планшетах. Безусловно, это отрицательно сказывается на бизнесе компании. Человек, который зашел на сайт с мобильного устройства и увидел, что информацию сложно прочесть, сразу же уходит.

Потенциальный клиент отдаст предпочтение сайту конкурента, который уже адаптировал свой веб-ресурс под мобильные устройства.

Для множества предприятий, особенно тех, что специализируются на предоставлении услуг, мобильная версия сайта — обязательное условие успешной работы.

Как мобильная версия сайта компании поможет не потерять клиентов

Мобильная версия сайта нужна не только для того, чтобы веб-ресурс посещала широкая аудитория потенциальных клиентов. Адаптировать сайт под мобильные устройства следует и по иным причинам:

  1. Сейчас лишь у 20 % сайтов есть мобильные версии. То есть если вы позаботитесь о разработке мобильной версии, то получите свою долю трафика!
  2. Благодаря мобильной версии людям, просматривающим сайт с телефона или планшета, легче изучать информацию. Сайт не нужно горизонтально прокручивать: все корректно отображается и удобно работает. Например, благодаря мобильной версии гораздо удобнее читать информацию об организации, изучать ее портфолио и покупать онлайн.
  3. Мобильная версия легче, чем полная, что обеспечивает ее быструю загрузку. За счет этого клиент не закрывает страницу сразу же и не переходит на другой веб-ресурс.
  4. Поисковики используют мобильный поиск для телефонов, в связи с чем мобильная версия сайта ранжируется в нем выше. Соответственно, клиенты чаще переходят на сайт и число потенциальных покупателей растет.

Почему нужно делать мобильные версии сайтов?

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

Примерно 75% клиентов не хотят делать мобильные версии сайтов. Почему же так происходит? Причины две. Во-первых, клиенты не считают, что мобильная версия будет востребована их настоящими заказчиками и потенциальными клиентами. 

Во-вторых, в России, как всегда, стараются сэкономить, правда, не на том, на чем это нужно делать. Так что вторая причина непопулярности мобильных версий сайтов – это экономия средств. 

По этим причинам в России мобильными версиями снабжено, на сегодняшний день, менее 5-ти процентов сайтов, да и то половина из них – обычные визитки без особой функциональности, не требующие заоблачных сил и средств для разработки мобильной версии. Однако если бы решением об адаптации занимались разработчики, то, вероятно, больше половины сайтов были бы с адаптивной версткой для мобильных устройств. 

Как мобильная версия сайта компании поможет не потерять клиентов

  • Как выбрать надежного платежного провайдера;
  • Почему кастомизация эквайринга — это важно;
  • Что предлагают лидеры рынка;
  • Как подключить онлайн-платежи для сайта;
  • Как достичь максимальной конверсии платежей.

Узнать

Реклама

За пределами РФ почти у каждого сайта есть своё мобильное приложение или мобильная версия, реже – адаптивная версия сайта для мобильных устройств, поскольку люди все реже пользуются десктопными версиями устройств и все чаще отдают предпочтение телефонам или планшетам. Заказчики же часто исходят исключительно из собственного видения вопроса, не прислушиваясь к мнениям разработчиков, которые, к слову, как правило, обладают актуальной информацией о последних тенденциях на рынке технологий. 

Разработка мобильной версии сайта нужна уже потому, что потенциальный клиент, придя на Ваш замечательный, но не оптимизированный и, как следствие, неудобный с точки зрения юзабилити сайт, просто покинет его.

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

Многие до сих пор считают, что наличие мобильной версии сайта – это скорее дополнительный бонус имиджу компании.

Разработку мобильной версии сайта ставят в один ряд с авторским дизайном офиса или наличием корпоративного такси: хорошо, но совсем не обязательно.

Тут начинаются доводы из серии: «компания у нас маленькая, бюджет небольшой, мы себе такие изыски позволить не можем». Но «изыски» ли это или все-таки объективная необходимость? 

Однозначно на этот вопрос можно ответить только после анализа аудитории сайта.

В целом же, сегодня значимость мобильной версии сайта понимают руководители компаний, которые сами постоянно пользуются интернет ресурсами, а вот те, кто не входит в число активных пользователей всемирной паутины, считают, что мобильная версия совершенно не нужна. Спорить с такими консерваторами сложно, но можно и даже нужно. 

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

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