Вопрос «Адаптация для мобильных устройств или создание мобильной версии?» долгое время является предметом споров. Насколько же сложна верстка и нужна ли вам мобильная версия сайта?
Виды верстки
Фиксированная. Содержимое страницы жестко зафиксировано в количестве пикселей и сохраняет свой размер, несмотря на изменения окна браузера. Над таким сайтом легче работать, но он непривлекателен, имеет горизонтальную прокрутку и лишь одно удобное разрешение экрана. Для разработки мобильной версии сайта такая верстка малопригодна.
Резиновая. Содержимое страницы подстраивается под размер экрана девайса, используя процентные показатели для расположения структурных элементов страницы вместо статических. Могут возникать проблемы с отображением контента на большом или маленьком экране. Сайт одинаково выглядит на всех разрешениях и успешно адаптируется к экрану пользователя, что делает его приятным глазу.
Адаптивная. Тут применяются медиа-запросы для подгонки содержимого сайта под разные экраны. Страница следует контрольным точкам, меняя положение и подгоняя содержимое к каждой ближайшей точке. Работа медиа-запросов – задать фиксированное положение содержимого для разных контрольных точек. Таким образом, нам доступны несколько видов страниц под фиксированный размер для разных разрешений экранов.
Отзывчивая. Мало отличается от адаптивной. Она также использует медиа-запросы, но вместо фиксирования применяется метод «резины». Таким образом, страница не «скачет» по контрольным точкам, а плавно и красиво переходит по ним в момент изменения разрешения экрана.
В разрезе нашего вопроса эти методы хороши для подгонки под портативное устройство, учитывая его особенности вроде диагонали дисплея, поддержки Flash и т. д. Важно уделить внимание пропорциям используемых на странице элементов и их размеру, а ОС и форм-фактор – не критичны.
Полноценный мобильный сайт
Мобильный сайт, создаваясь как отдельная версия, напротив, требует внимания к особенностям платформы, диагонали экрана, программным и аппаратным возможностям. Такой сайт не обеспечит весь функционал настольного или адаптированного. В нем урезают ряд функций настольного сайта, ввиду их неполноценной поддержки на мобильных устройствах.
Что выбирать?
Если у вас нет четкого представления о сфере применения этих вариантов, нет понимания того, какие предпочтения у людей, использующих либо настольные, либо мобильные сайты – не хватайтесь за разработку. Опрометчивое создание мобильной версии сайта может не окупить себя. Дабы выбрать что-то одно – проведите все доступные исследования и тесты как в целевых группах, так и внутри вашей компании. А еще лучше посоветуйтесь со специалистами WOXAPP и уже потом принимайте решение!
