Особенности разработки мобильного сайта

28.02.2012 | Служба новостей Росфирм

Особенности разработки мобильного сайта

Разнообразие средств связи, которые используется для выхода в Интернет, приводит к необходимости освоения нового пространства. Статистические данные показывают, что аудитория мобильного Интернета растет с каждым днем. Проверить это можно с помощью специальных служб, например, Google Analytics. Для некоторых пользователей телефон является единственным средством выхода в Сеть. Обусловлено это тем, что на сегодняшний день смартфон для многих — необходимый гаджет, который всегда с собой. О ноутбуках подобного сказать нельзя.

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

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

Выделим основные особенности, которые имеют значение при разработке мобильного сайта.

Физические размеры экрана и разрешение влияют на отображение иллюстраций. Средний размер экрана смартфона составляет 3-4 дюйма, ноутбука — 15. Максимальное разрешение смартфона достигает 960х640 пикселей, однако для новых мониторов компьютеров, поддерживающих FullHD, указанное значение невелико.

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

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

Пропускная способность мобильных сетей пока невелика, даже при поддержке 3G. При использовании Wi-Fi скорость загрузки выше, но не стоит забывать про ограничения доступа. Необходимо максимум внимания уделить объему страницы: отказаться от видеороликов, загружаемых по умолчанию, использовать постепенную загрузку данных.

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

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

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

Особое внимание следует уделить навигации. Элементы управления нужно размещать вверху, чтобы пользователь мог быстрее переходить между страницами.

Проверка мобильного приложения

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

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

Предыдущая | Следующая