Запуск и настройка мобильной версии сайта
Чрезвычайная популярность разнообразных мобильных устройств диктует новые правила разработки сайтов.
Если раньше пользователи посещали интернет-ресурсы со стационарного ПК или ноутбука, то теперь все чаще для этой цели используются различные гаджеты. Просматривать обычные сайты на экране смартфона неудобно. Для этого создаются специальные мобильные версии сайтов. Можно узнать подробнее про разработку на сайте.
Требования
При разработке мобильной версии сайта необходимо принимать во внимание следующие требования:
- Необходимо указание тега viewport для корректного отображения содержимого страницы.
- Не следует использовать флэш-элементы при создании мобильной версии сайта. Многие современные гаджеты не поддерживают данную технологию.
- Для выполнения любых интерактивных элементов должна применяться технология HTML5.
- Только так можно обеспечить корректную работу сайта.
- Обязательна адаптация текста к экрану мобильного телефона. Текст должен быть такого размера, чтобы читать его пользователю было удобно.
- Мобильная версия сайта должна быть совместима с жестами. Данный фактор обязательно нужно предусмотреть в процессе разработки.
- Страницы должны быть приспособлены для вертикальной прокрутки.
- Наиболее важные сведения должны располагаться в верхней части страницы, чтобы пользователю не пришлось их искать.
- На странице должно быть минимальное количество полей для заполнения.
Перед запуском обязательно нужно тестировать мобильную версию. Если пользователи столкнуться с некоторыми трудностями при первом использовании мобильной версии, они не захотят возвращаться к ней повторно.
Советы
Не следует располагать интерактивные компоненты очень тесно. Между ними должно оставаться свободное пространство от 26 пикселей.
Обязательно нужно обратить внимание на удобство прочтения текстового содержимого сайта.
Покупка или заказ позиций на сайте должны осуществляться предельно просто – в 1 клик.
Чтобы позвонить по указанному на сайте номеру телефона, должно быть достаточно одного нажатия на него.
Основные сведения должны помещаться на дисплее смартфона полностью, так чтобы для их полноценного просмотра не требовалось прибегать к прокрутке или увеличению.
Не рекомендуется использовать всплывающие окна в мобильной версии сайта, так как это неудобно для пользователя.
Для размещенного на сайте видео должна быть предусмотрена возможность просмотра в полноэкранном режиме.
