Тянем резину: создать мобильный сайт или адаптировать настольный?

Вопрос «Адаптация для мобильных устройств или создание мобильной версии?» долгое время является предметом споров. Насколько же сложна верстка и нужна ли вам мобильная версия сайта?

мобильная версия сайта

Виды верстки

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

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

 

Полноценный мобильный сайт

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

Что выбирать?

 

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

Если у вас нет четкого представления о сфере применения этих вариантов, нет понимания того, какие предпочтения у людей, использующих либо настольные, либо мобильные сайты – не хватайтесь за разработку. Опрометчивое создание мобильной версии сайта может не окупить себя. Дабы выбрать что-то одно – проведите все доступные исследования и тесты как в целевых группах, так и внутри вашей компании. А еще лучше посоветуйтесь со специалистами WOXAPP и уже потом принимайте решение!

 

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

Не хотите ждать или возникли дополнительные вопросы?

Мы всегда рады помочь. Звоните:

Москва: +7 (915) 338 34 82
Киев: +38 (044) 237 45 90
Днепропетровск: +38 (067) 787 07 08