С каждым днем все больше людей, которые для выхода в Сеть используют компактные мобильные устройства – смартфоны и планшетные компьютеры. Согласно статистике сервиса LiveInternet, доля трафика с мобильных операционных систем в Рунете превысила в 2012 году 10 %. Заметный кусок рынка!
Эту тенденцию следует учитывать при создании сайтов. Большинство интернет — ресурсов, спроектированных в расчете на средние и большие мониторы, не оптимизированы под вывод на малые экраны гаджетов. Изменение конъюнктуры диктует потребность в новом технологическом решении. А оно существует, и давно. Мы имеем в виду создание мобильных версий сайтов и мобильных приложений.
Отличительные черты
Мобильная версия сайта должна быть полностью адаптирована под просмотр на устройствах с небольшим дисплеем. Владельцу сайта, желающему, чтобы его площадка в полной мере соответствовала требованиям аудитории, необходимо позаботиться о разработке «уменьшенной» версии основного сайта.
Фундаментальные отличия мобильного сайта от обычного сводятся к следующим пунктам.
1. Исполнение верстки ориентировано на экран с небольшим разрешением. Это обеспечивает удобный просмотр сайта с мобильного устройства.
2. Упрощенный код. В первую очередь код лишен скриптов, которые требуют больших процессорных мощностей (например, отказ от Flash, который не поддерживают некоторые мобильные операционные системы).
3. Меньшее количество страниц. Чем «легче» сайт, тем быстрее будет выполнена его загрузка на устройство. Это особенно актуально для глухих уголков нашей страны, так как пока не вся Россия – зона покрытия высокоскоростного мобильного Интернета. Кроме того, многие пользователи ведут строгий учет потребляемого ими трафика.
4. Удобная реализация ввода данных. В отсутствие мышки и при наличии одной лишь сенсорной панели экрана крайне важно, как реализована возможность ввода данных на странице.
Сервисы для создания мобильных версий сайтов
Создание мобильной версии сайта – процесс не менее сложный, чем разработка полноценного интернет — ресурса. Но, к счастью, на помощь тем, кому не по карману заказать мобильную версию в веб — студии, приходят сервисы, позволяющие обойтись своими силами. Часть из них бесплатна, часть требует небольших вложений, но куда более скромных, чем сумма, которая фигурировала бы в счете, выставленном профессионалами. Несколько таких решений мы и перечислим.
• Дополнение для WordPress под названием Mobilize (h p://wordpress.org/extend/ plugins/mobilize — by — mippin/) – удобный для пользователя, простой в работе бесплатный плагин, предназначенный для адаптации сайта под мобильные устройства.
• Сервис Wirenode (h p://www.wirenode.com/) – конструктор в виде мобильного приложения. Располагает большим набором инструментов и позволяет создавать качественные сайты для смартфонов. Ознакомительная версия бесплатна, основная функциональность доступна за плату от $7.
• Сервис MoFuse (h p://mofuse.com/) – очень популярный инструмент. Изобилует настройками, прост в работе. Бесплатная версия позволяет оценить его возможности и решить, подходит ли он для поставленной задачи.
Это далеко не полный список сервисов для создания мобильной версии сайта. Готовых решений для наиболее распространенных CMS немало. При скромном бюджете за помощью к профессионалу имеет смысл обращаться скорее на предмет того, какой сервис лучше использовать, исходя из специфики сайта.
Кросс — браузерность
Как с обычного компьютера, так и с гаджета пользователь может выходить в Интернет с помощью разных браузеров. Добиться полной совместимости сайта с каждым из них – та еще задачка. Так что желательно заранее решить, какие программы — просмотрщики предпочтительны, и добиваться корректного отображения сайта в трех — четырех наиболее популярных.
Для проверки адекватности представления сайта в разных браузерах сделано немало сервисов, которые помогают разработчикам наиболее простым способом протестировать ресурс на кросс — браузерность. Среди известных бесплатных – Adobe BrowserLab и Browsershots. Отдельно стоит упомянуть Multi — Browser Viewer – платный инструмент с более богатым арсеналом.
Мобильное приложение
Мобильная ипостась сайта не обязательно должна представлять собой сайт. В отдельных случаях оправданно создание мобильного приложения. Таковые в большинстве случаев пишут под две платформы – Android и iOS.
Приложение – это программа, требующая установки на мобильное устройство. Она позволяет более широко использовать технологии, которые не всегда реализуемы на вебсайте. Например, дающие возможность построить трехмерное изображение комнаты и «примерить» к ней многие предметы мебели.
Разработка такого продукта – удовольствие недешевое. Прежде чем «подписаться» на создание приложения вместо сайта или вместе с сайтом, необходимо тщательно проанализировать специфику бизнеса и просчитать, целесообразна ли эта мера.
Сервисы для тестирования мобильных версий сайтов
До того как открыть сайт, его необходимо протестировать. Проверить мобильные версии «ручками» на всех мыслимых смартфонах и планшетах – миссия невыполнимая. Но умельцы сумели найти выход из положения и создали онлайн — сервисы для тестирования мобильных версий сайтов в виртуальном режиме.
• Тестировщик W3C mobileOK Checker – широко распространенный инструмент. Нужно лишь ввести адрес сайта и получить отчет об ошибках на нем.
• MobiReady – аналогичный сервис. Эффективное и бесплатное тестирование.
• TestiPhone – средство для работы проверки сайта на iPhone. Для другого, не менее популярного «яблочного» гаджета iPad также реализована возможность протестировать сайт с помощью сервиса iPad Peek. Оба инструмента позволяют увидеть, как будет выглядеть страница сайта на экране устройства.
Создание мобильной версии сайта требует не менее серьезного подхода, чем разработка обычного интернет ресурса. Мобильные пользователи в большинстве своем – активные люди с передовыми взглядами, готовые получать информацию где угодно, а также приобретать товары и услуги в Сети оттуда, откуда им удобно (лишь бы Интернет был). Поэтому необходимо ориентироваться на эту целевую аудиторию и предоставлять ей качественный ресурс, причем в будущем важность работы с ней будет только возрастать.