Приблизительно 20% трафика в Российском сегменте интернета приходится на различные мобильные операционные системы. И данный коэффициент не прекращает расти вверх. Исходя из этого было принято решение разрабатывать мобильную и планшетную версию web-сайта. [2].
Причины разработки мобильной версии сайта:
- 1. Оперировать мобильной версией сайта со смартфонов и мобильных устройств значительно удобнее: отсутствие необходимости в горизонтальной прокрутке, весь функционал компьютерной версией сайта работает корректно на телефоне, смартфоне или планшете.
- 2. В мобильной версии сайта можно сделать вспомогательный возможности, нацеленные непосредственно на данную целевую аудиторию: осуществить отправку смс прямо с web-сайта, установить местоположение и расстояние до наиближайшего места продаж и т. п.
- 3. Навигация на таких сайтах разрабатывается адаптированной под «Touch screen», что также значительнее удобнее.
- 4. Мобильная версия web-сайта менее тяжёлая, имеет менее объемный код, по этой причине загружается быстрее, что позволяет уменьшить сократить расходы пользователя при оплате мобильного трафика.
- 5. Поисковые системы применяют мобильный поиск для телефонов, по этой причине и ранжироваться мобильная версия web-сайта в нем будет выше, а, следовательно, и переходов на ваш web-сайт станет больше. [12]
Виды мобильной версии сайта:
- 1. Мобильная версия сайта может быть идентична основному сайту: полностью повторять структуру, разделы и дизайн.
- 2. Независимая мобильная версия сайта. Полностью изменяется структура и функции, заимствуется только стилевое оформление, отчасти элементы и содержание, чтобы пользователь понимал, что он использует один и тот же сайт. [5]
В случае разработки данного web-сайта был сделан выбор в пользу мобильной версии полностью идентичной основному сайту. С идентичной структурой и дизайном.
Для наглядности на рисунке ниже, изображено то, как мобильная версия сайта будет выглядеть на экране смартфона.
Мобильная версия сайта разрабатывалась под минимальное значение ширины равное 380 пикселям. При переходе на сайт с мобильного устройства происходит автоматическое перенаправление на мобильную версию сайта.
Навигационное меню в мобильной версии видоизменяется на кнопку «гамбургер» при нажатии на которую появляются пункты меню. Это показано на следующем рисунке.
Планшетная версия сайта разрабатывалась под минимальное значение ширины равное 768 пикселям. В целом полностью идентична версии для персонального компьютера, но также имеет меньший вес и различное расположение некоторых элементов.
Макеты мобильной и планшетной версии сайта также были созданы в Adobe Photoshop 2017. На этом этап с разработкой внешнего вида сайта завершается. В следующей главе будет описан процесс создания готовой версии сайта, а также показано использованное для этих целей программное обеспечение.
