14.05.2013
Назад к списку статей
Не смотря на то, что разработка сайтов для мобильных устройств связана с уникальным набором программных и дизайнерских задач, большинство принципов создания аналогичны тем, которые используются при традиционной разработке сайтов. Интернет-пользователи могут просматривать сайт на целом ряде различных устройств и платформ, от настольных ПК до планшетов и смартфонов, поэтому, в настоящее время, доступность сайта для людей, использующих спектр устройств, является одной из важнейших задач веб-разработчиков. С чего начать анализ ресурса, с позиции его удобности для пользователей мобильных устройств? Все ответы в статье.
Убедитесь, что у вашего сайта есть мобильная версия. Это может быть отдельный сайт на поддомене с редиректом и созданный специально для просмотра с мобильных устройств, или просто код, который масштабирует основной сайт под разрешение смартфонов и планшетов, или отдельное мобильное приложение с описание ваших услуг. Для этого существует много инструментов, как на стороне клиента, так и на стороне сервера. Наличие мобильной версии, также помогает в поисковом продвижении сайта.
Там, где это возможно, упростите сайт: сократите количество контента одной странице, рассмотрите возможность использования выпадающего меню. Люди, использующих мобильные устройства, как правило, не хотят тратить много времени на навигацию и чтение контента, поэтому, вся важная информация должна находиться в 2-х кликах, особенно, контакты и цены.
Оптимизируйте содержания сайта. Если он содержит мультимедийные функции, такие как видео и флэш-приложения, попробуйте уменьшить их размер по максимуму. Избегайте больших файлов. Даже если вам придется сократить разрешение и размер картинок, по крайней мере, пользователи не будут уходить с сайта раздраженные долгой загрузкой. На настольных компьютерах пользователи имеют высокоскоростное подключение к Интернету, но это утверждение не верно, если мы говорим о мобильном интернете: в России все еще популярны сети 3G с крайне низкой скорость канала.
Убедитесь, что на вашем ресурсе отсутствую технологий или приложения, которые не поддерживаются мобильными браузерами. Например, Flash и JavaScript часто недоступны на мобильных устройствах. Но даже если смартфон поддерживает данные технологии, они будут работать непредсказуемо.
Помните, что при просмотре веб-страниц на обычном компьютере пользователи используют мышь и клавиатуру, а мобильные устройства используют сенсорный экран. Убедитесь, что ваш сайт полноценно работает без подключения дополнительных гаджетов.
Дизайн. При разработке сайта, отталкивайтесь от представлений о минимализме, это позволить посетителям сосредоточиться на содержании. Нецелесообразно использовать сложный, разукрашенный интерфейс, т.к. такой ресурс будет медленно загружаться и, возможно, основной контент будет невидим. Попробуйте поставить основное содержание в центр страницы. Используйте стили, чтобы выделить важные блоки, а не скрыть их.
Information support and design © RSoft, Ltd.