Адаптивный сайт или мобильная версия?

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

Что требуется от современного бизнеса в таких боевых условиях? Правильно, давать пользователю комфортный опыт — выходит ли он в сеть со стационарного компьютера или со смартфона/планшета. Мобильный трафик сегодня — это 50% от общего числа посетителей.

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

Термины

  • Мобильное приложение — программа, которая скачивается из AppStore / Google Play / Microsoft Store. Затем устанавливается и появляется отдельной иконкой на рабочем столе.
  • Мобильный сайт — сайт, который оптимизирован для мобильных пользователей. Может быть адаптивным или с отдельной мобильной версией.
  • Адаптивный сайт — сайт, верстка которого автоматически подстраивается под устройство, с которого его смотрят.
  • Мобильная версия сайта — отдельный сайт на отдельном поддомене (чаще вида m.site.ru). Разработан специально для мобильных устройств — размер кнопок и шрифтов увеличен, изображения оптимизированы, громоздкие меню свернуты в иконку, загружается быстро.

Как насчёт мобильного приложения?

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

Во-первых, разработка приложения отнимает много ресурсов. Надо создать свою версию для каждой из основных операционных систем —  под iOs, Android и Windows Phone. Каждая такая переделка — примерно плюс двадцать-тридцать процентов к бюджету (и без того довольно внушительному).

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

Поэтому в первую очередь стоит задуматься именно о мобильном сайте.

Какой вид мобильного сайта выбрать?

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

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

sajjty

 

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

Адаптивный сайт — решение технологичное, но за технологичность приходится платить.

Плюсы:

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

2. Один сайт, один исполнитель. Если, например, заказываете новый сайт, то не нужно искать студию с экспертизой сначала в обычный сайтах, потом в мобильных. И заказывать разработку дважды. Достаточно найти одних — с экспертизой в адаптивных сайтах.

Минусы:

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

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

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

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

Теперь сравним с мобильной версией сайта.

Отдельная мобильная версия

Если коротко — мобильная версия заметно проще в производстве и, как правило, обходится дешевле.

Плюсы:

  • Эргономичность. Мобильный сайт не пытается перестроиться под владельца смартфона — он изначально создан для него. Соответственно, все важные элементы имеют оптимальный размер и расположение. А неважные и вовсе можно убрать.
  • Высокая скорость загрузки. Главная задача мобильной версии — быстро работать на мобильном устройстве. Она содержит только те элементы, которые в нее «положили», ничего не наследует у основного сайта.
  • Простота разработки. Здесь есть только один макет, который нужно сверстать и запрограммировать. Аналитической работы тоже меньше — не нужно придумывать переходы между состояниями, как в адаптивном сайте.
  • Возможность сохранить текущий сайт. Мобильная версия запускается отдельно, после чего связывается с существующим сайтом. Ничего рубить под корень не нужно.

 

Минусы:

  • Разные адреса. Мобильная и основная версии имеют собственные адреса (как правило, версия для смартфонов и планшетов имеет приставку «m.»). Проблема решается банальной функцией перенаправления — мобильный пользователь кликает на основной домен и попадает на мобильный поддомен. И наоборот. Делается за минуты.
  • Больше работы по обновлению контента. У контент-менеджера прибавится работы — нужно будет обновлять баннеры на основном сайте и на мобильной версии отдельно.
    И еще один момент. Важное преимущество мобильной версии от MoAction — это именно профессионально спроектированные шаблоны под любой тип бизнеса. Каждый из которых можно настроить в визуальном редакторе — цвета, стили, всё, что захотите. При этом не нужно звать дизайнера и верстальщика.

 

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

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

screen-shot-2016-02-01-at-16-14-32

Так что же всё-таки лучше?

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

В общем, вы знаете, что делать, если уже созрели до собственной мобильной версии (как будто невзначай скажем, что 14-дневный бесплатный период никто не отменял).

Если всё же решили основательно взяться за новый адаптивный сайт — желаем попутного ветра и хороших разработчиков. Ну и, как пел незабвенный Элвис, a little less conversation, a little MoAction!

 

СОЗДАТЬ МОБИЛЬНЫЙ САЙТ
Создайте мобильный сайт