Каким должен быть мобильный сайт?

Опубликовано:

Ответ на вопрос, почему разработка сайтов должна производится с учетом пользователей мобильных устройств кроется в сухих цифрах статистики – сегодня уже практически 60% поисковых запросов осуществляется со смартфонов и планшетов.

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

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

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

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

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

Проверка мобильной адаптации сайтов

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

Инструмент Google Mobile Friendly анализирует отдельные страницы сайта по перечисленным выше параметрам и вычисляет итоговую оценку. Кроме того, можно изучить подробное описание по каждой проблеме и получить ссылки на информацию с рекомендациями по нормализации ситуации.

В этом же инструменте можно произвести анализ юзабилити сайта и проверить скорость загрузки страниц. Кстати сказать, рекомендации от Google предназначены скорее для профессионалов, чем для начинающих веб-мастеров. Мероприятия по улучшению ресурса по рекомендациям Google нужно проводить как на уровне HTML-кода, отладки скриптов и даже настройки на удаленном сервере хостинг-провайдера.

Практические рекомендации по разработке мобильных сайтов

Самое важное – адаптивная верстка. Один контент и несколько шаблонов страниц для разных OS и разрешений экранов.

  • Картинки и фотографии для много сайта лучше оформлять не в абсолютных размерах, а в процентном соотношении. Тогда картинка может быть автоматически подстроена под формат экрана.
  • С технической стороны важно помнить, что мобильные операционные системы не поддерживают Flash и некоторые другие компьютерные технологии. Будет очень неприятно, если сайт на мобильном устройстве не сможет воспроизводить видео или аудио контент.
  • Сенсорное управление предъявляет определенные требования к размерам управляющих элементов на веб-странице – ссылки, кнопки, меню навигации. Опыты и эксперименты показали, что минимальный размер управляющего элемента для тач-скрин дисплеев составляет семь миллиметров.
  • Размер штифта желательно сразу установить таким, чтобы не требовалось масштабирования для комфортного чтения текстов.

Создание сайтов в Казани с самого начала необходимо вести с учетом удобства использования для мобильных устройств. Такой подход обеспечит полный охват целевой аудитории и оптимистические перспективы в будущем развитии.

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