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

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

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

Решившись на создание сайта эту задачу можно решать следующими путями:

• использовать адаптивный дизайн и верстку;
• создать отдельный тип шаблона для мобильных устройств (для планшетов и телефонов).

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

Из недостатков может быть не адаптированность интерфейса под экраны с тачскрином. Это может выражаться в слишком мелких шрифтах, или незаметных ссылках (в тех местах, где на телефоне лучше бы была кнопка) или ошибках в работе интерактивных элементов. Все это скажется на удобстве использования вашего сайта и может даже оттолкнуть часть пользователей.

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

Дополнительно нужно решить разрабатывать ли версию шаблона для планшетов или показывать для этого типа устройств ПК версию сайта. Лучше всего на этот вопрос ответит тестирование вашего ресурса на разных типах экранов и разрешений.