Разработка мобильной версии сайта

Разработка мобильной версии сайта
Задать вопрос

Мобильная версия сайта – версия основного сайта, адаптированная под просмотр на мобильных устройствах. Для чего это нужно? Гаджеты стремительно завоевывают популярность, боле того, они стали неотъемлемой частью современной жизни. Именно мобильные устройства позволяют все время быть на связи, оперативно получать свежую информацию. Конечно, можно оставить для поиска через сервисы мобильных устройств и основную версию сайта, но не факт, что она будет отображаться на экране пользователя.

Отличие мобильной версии сайта от обычной

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

  1. Маленький размер и меньшее разрешение экрана. Даже если мобильный браузер уменьшит размер страницы загружаемого сайта, текст станет нечитабельным или пользователь вынужден будет воспользоваться скроллом, при увеличении, что не очень удобно.  Поэтому в мобильную версию стоит сделать максимально простой, чтобы посетителю не пришлось напрягать глаза.
  2. Медленная работа процессоров. Несмотря на постоянное обновление устройств на рынке смартфонов, планшетов и мобильных телефонов, все-таки им далеко еще до производительности настольных ПК. Поэтому код сайта нужно максимально упростить и оптимизировать.
  3. Низкая пропускная способность. Да, пропускная способность мобильных сетей постоянно растет. Стандартное 3G устройство иногда может обеспечить скорость передачи данных в 1 мегабит, но случается это крайне редко. Обычно скорость оставляет желать лучшего, что бы там не заявлял провайдер. Конечно, это не касается Wi-Fi, но публичный доступ, также ограничен по скорости. И, если, пользователь увидит, что сайт долго загружается, не стоит ждать, что он вернется. Поэтому в мобильной версии сайта нужно грамотно распределить как скорость загрузки, так и объем отдаваемой страницы. 
  4. Сенсорный экран. Поскольку большинство устройств используют сенсорный ввод информации с экрана, навигация по мобильной версии должна быть продумана именно с этой точки зрения. Также многие браузеры поддерживают управление жестами. При создании мобильной версии сайта этот фактор следует учесть.
  5. Эргономичные клавиатуры. Эргономичность вещь полезная, но не всегда. Во всяком случае, это пока не касается клавиатур мобильных устройств. Поэтому не стоит заставлять посетителя сайта вводить большой объем информации. На выручку придет сокращение URL, автозаполнение поля «Поиск», простой доступ к наиболее часто используемой информации (максимально снизить использование поиска), если на сайте применяются формы обращения, стоит их сделать максимально простыми. 
  6. Мобильные браузеры. Зачастую, мобильные браузеры скрывают свою панель инструментов для экономии места на экране. Постоянно обращаться к панели, чтобы проверить, свое местонахождение на сайте – довольно неудобно. Поэтому в мобильной версии сайта не стоит забывать о таком удобном инструменте, как «хлебные крошки».
  7. Неуниверсальность. Конечно, многозадачность – это основная идея, которая заложена в мобильных устройствах. Но пока приходится некоторые вещи продумывать самостоятельно, ибо возможности мобильных браузеров могут не удовлетворять всем потребностям пользователей. Например, придется позаботиться о возможности быстрого и простого копирования информации с сайта в социальные сети (добавить кнопки пререпоста). 
  8. Ограниченное использование Flash. В настольных компьютерах и ноутбуках Flash установлен более чем в  90% случаях. В мобильных устройствах все далеко не так. Поэтому делать ставку на мобильную версию сайта с использованием Flash не стоит. 
  9. Портретная и альбомная ориентация экрана. Для мобильной версии сайта нужно продумать портретное и альбомное расположение страничек сайта.
  10. Особенности разметки для поисковых систем. Поисковые системы просят сообщать веб-мастеров о том, какие страницы сайта участвуют только в мобильном поиске. Это необходимо для того, чтобы исключить страницы, предназначенные для мобильных устройств из обычного поиска.
Заказать услугу
Оформите заявку на сайте, мы свяжемся с вами в ближайшее время и ответим на все интересующие вопросы.