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

Давайте разберемся, какие подходы к созданию таких сайтов имеются.

Адаптация под мобильные простого сайта

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

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

Отдельная версия для мобильных устройств

Споры о том, нужна ли мобильная версия сайта, продолжались и до недавнего времени. Но сейчас практически все веб-разработчики пришли к единому выводу, что в большинстве случаев в ней нет никакой необходимости.

Но все же рассмотрим некоторые ее особенности:

• По сравнению с адаптивным дизайном, размер загружаемого кода будет меньше;
• Пользователь всегда может переключиться с мобильной версии на обычную;
• Легче разработать для большого количества контента и функционала.

Не стоит забывать о том, что можно сделать не только отдельную мобильную версию, а также и основной сайт адаптировать под мобильные устройства. Зачем упускать такую возможность?

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

Этот подход любят и дизайнеры и разработчики, он дает массу преимуществ:
Возможность писать компактный код с нуля, создавая прочную основу для последующих усовершенствований;

Использование принципа «Сначала мобильные» позволяет сконцентрироваться только на необходимых элементах сайта именно мобильным пользователям (ничего лишнего);

Добавлять функционал и блоки по мере увеличения экранов устройств.

К недостаткам можно отнести потребность адаптации мышления разработчика к новому методу создания макета. Ведь если раньше от версии с большим экраном постепенно переходили к версии с меньшим, то принцип «Сначала мобильные» гласит что нужно делать наоборот.

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