Разработка мобильной версии сайта

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

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

У разработки мобильной версии есть некоторые особенности. Поговорим о них подробнее: 

1. Экран смартфона не такой большой как, например, экран ноутбука. Поэтому в мобильной версии на сайте следует разместить лишь основную информацию. Возможно ее будет меньше, поэтому следует выделить главные пункты, важные для просмотра и чтения. 
2. Также важно продумать удобную навигацию, чтобы избежать потери времени пользователя и, как следствие, снижение его лояльности. Например, можно разработать удобное меню сайта, через которое можно попасть в интересующий раздел сайта сразу, без пролистывания множества страниц. 
3. Дизайн мобильной версии сайта должен быть лаконичным и комфортным. излишняя детализированность и множество графических элементов могут затруднять использование и навигацию. 

Этапы разработки сайта для мобильных устройств

При создании мобильной версии сайта можно выделить следующие этапы: 

1. Аналитика. Начальный этап, на котором происходит сбор и анализ информации. Необходимо понять, какая цели и ЦА у проекта, какие требования — для определения стратегии разработки. Например, создание сайта для мобильных устройств с нуля будет отличаться от разработки мобильной версии на основе десктопного сайта.
2. Техническое задание. Для того чтобы зафиксировать требования к разработке и формализовать их для команды специалистов, готовится подробное техническое задание. Важно правильно оценить масштаб работы и необходимый функционал сайта. Техзадание готовится совместно командой проекта и заказчиком. 
3. Дизайн. Для проектирования дизайна мобильной версии сайта возможны два варианта. В одном случае дизайн уже имеющегося десктопного сайта может быть адаптирован под мобильные устройства. В другом — создан с нуля. 
4. Разработка. Непосредственное программирование функционала сайта. При наличии десктопной версии какие-то части кода могут быть адаптированы для мобильных устройств. Разработка является основным этапом создания проекта, так как здесь закладывается основной его функционал. 
5. Тестирование. Для бесперебойной работы мобильной версии сайта в будущем, до запуска тестировщики изучают написанный код как вручную, так и с помощью специальных программ. Это делается для избежания ошибок системы после запуска. 
6. Запуск сайта. После завершения всех работ сайт выпускается и может быть доступен пользователям на мобильных устройствах. по желанию заказчика разработчики могут осуществлять техническую поддержку сайта и после запуска, дорабатывая и улучшая его. 

Модели сотрудничества

Для создания мобильной версии сайта и других проектов используются следующие модели сотрудничества: 

Fixed Price. Цена разработки, ее дедлайны и все требования утверждены заранее. Все положения прописаны в ТЗ, предполагается, что они не будут изменяться. Здесь заказчик знает, сколько он заплатит и когда точно будет сдан проект. Чаще всего подобное взаимодействие уместно на небольших проектах, где просто спланировать функционал. 

Time&Materials. Точная стоимость определяется уже после завершения всех работ, а сроки обозначаются приблизительно. Time&Materials более оптимален для проектов с плавающими требованиями, которые невозможно закрепить на старте.