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

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

Переход сайтов на мобильную платформу — уже не просто трендовый способ представить компанию в интернете. Это необходимость. Все больше людей обращаются за информацией во всемирную сеть, используя свои мобильные устройства. Так, согласно данным iKS-Consulting, по состоянию на 30 июня количество пользователей мобильного интернета в Украине составило 14,1 млн. Учитывая это, компаниям необходимо задуматься о том, как правильно перенести свой ресурс на мобильную платформу.

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

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

Мобильная версия сайта

Данный вариант реализуется за счет технологий HTML + CSS + JavaScript.

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

Мобильная версия сайта не претендует на какую-либо ценность с точки зрения дизайна, а также не задействует в работе потенциал устройства. Функция такого сайта — отображать информацию в удобной форме, и не более того.

Этот на первый взгляд скучный вариант отображения имеет существенное преимущество: набирая в поисковике компанию, товар или услугу, пользователь находит именно сайт, а не приложение. Ведь приложения размещаются в специальных магазинах (Google Play, Apple Store, Windows Store и т. д.). В то время как мобильные версии сайтов не требуют проверки, сразу размещаются в сети и всегда доступны.

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

Преимущества:

  • более простой поиск программистов;
  • относительно небольшая стоимость;
  • комфорт в использовании;
  • отображение в поисковиках.

Недостатки:

  • имеет упрощенный дизайн,
  • часто функционирует и отображается по-разному на разных устройствах.

Недостатки

Приложения

Приложения разрабатываются отдельно под каждую мобильную платформу (iOS, Android, Windows Phone).

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

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

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

они могут работать без подключения к интернету

Компания Nike создала приложение Making для измерения экологичности материалов. Приложение анализирует информацию из индекса экологичности сырья, а именно: количество воды и энергии, затраченных на производство, а также количество отходов. Таким образом, пользователь приложения будет осведомлен об уровне безопасности материалов (их в приложении 22) и о том, как они сочетаются между собой.

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

Преимущества:

  • интерфейс, близкий к ОС;
  • большие возможности для оформления;
  • использование аппаратных возможностей телефона;
  • возможность работы без подключения к сети.

Недостатки:

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

Адаптивный дизайн

Третий способ, адаптивный дизайн, реализуется за счет технологии CCSS3 Media Queries (CSS3 медиазапросы) в результате настраивания макета сайта под размеры устройства — будь то ноутбук, смартфон, планшет, телевизор и т. д. Таким образом, мы имеем один и тот же сайт с одинаковым контентом, HTML-разметкой и URL-адресом.

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

Адаптивный дизайн

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

Преимущества:

  • адаптирует дизайн под конкретное устройство;
  • имеется одинаковый контент, HTML-разметка и URL-адрес на всех платформах всех девайсов.

Недостатки:

  • недостаток специалистов для создания;
  • необходимость тщательно подбора контента.

Делаем выводы

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

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

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

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

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