12 ТЕХНОЛОГИЙ © С 2005 ГОДА

Создание мобильной версии сайта

Мы делаем сайты для мобильных устройств: смартфонов и планшетов

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

ВАЖНО: Мы не занимаемся созданием адаптивной версии сайта по ряду объективных причин.

Для чего сегодня нужна мобильная версия сайта?

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

Самая важная причина на текущий момент:

  1. Трафик с мобильных устройств уже увеличился (до 40%). Топовые поисковики запускают индексацию и выдачу трафика в мобильном сегменте, а это означает, что если у вас до сих пор нет мобильной версии сайта, то доля мобильного трафика вас не побеспокоит (а для вас это потеря).

Объективные базовые причины:

  1. Огромный ассортимент мобильных устройств на любой вкус и цвет, любой технической начинки и разрешения экрана!
  2. Низкая стоимость гаджетов. Буквально за 1000р можно приобрести гаджет с поддеркой сети.
  3. Мобильное устройство всегда с тобой. Главное правило - наличие сети.
  4. Широкий ряд безлимитных недорогих тарифов у сотовых операторов.
  5. Тотальный WiFi (Вай-Фай)! Сейчас его можно найти не только в заведениях, но и во многих администранивных учреждениях, на вокзалах, аэропортах, в метро.
  6. Тотальная поддержка мобильными браузерами функционала настрольных браузеров, что позволяет реализовать много приятных фишек в мобильной версии сайта.

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

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

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

Вот пример десктопной версии сайта фитнес-клуба Ратиборец:

 

На ПК смотрится очень легко, а вот если попробовать открыть сайт на мобильном устройстве, то мы увидим нечно подобное:

 

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

В данном примере сайт отображается посредством браузера Сафари на Айфон 6. Однако на некоторых версиях Андроид-устройств сайт и вовсе не будет масштабироваться, а это означает, что вы увидите логотип компании (или то, что находится в левом верхнем углу экрана) во весь смартфон.

А вот как выглядит мобильная версия сайта фитнес клуба:

 

Вот теперь совсем другое дело! Сейчас сайтом очень удобно пользоваться, а учитывая, что все клиенты клуба имеют мобильные телефоны, точнее смартфоны, то мобильная версия предлагает им самое нужное - то, чем они пользуются почти ежедневно, посещая клуб. Это: "Расписание занятий на текущий день". Для новых посетителей есть раздел "Стоимость" и "Фотогалерея", чтобы быстро познакомиться с клубом поближе.

Реальные рабочие примеры

Откройте в вашем мобильном устройстве браузер и наберите следующие адреса:

  • www.ratiborets.ru
  • www.baniuktus.ru

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

У вас все еще нет мобильной версии сайта?

Наша команда рада будет помочь вам в создании современной мобильной версии сайта! Пишите, звоните, обсудим.