Меню

Злой Петр

Я вас не звал

Про адаптивный дизайн

Слышали это словосочетание наверное многие, даже те, у кого нет сайтов и кто не занимается веб разработкой, вообщем люди далекие от всего этого.

Мода на адаптивный дизайн

Почему модной? Люди (потенциальные заказчики), которые не являются специалистами в области, обращающиеся в компании или к частным разработчикам и имеющие вполне нормальное и справедливое желание получить качественный продукт, результат работы, за которую они платят, перед тем как обратиться куда-то, стараются узнать, как правило в интернете, а что есть качественный сайт и из каких составляющих это качество формируется. Желание абсолютно адекватное и любой нормальный человек так и поступит, чтобы не быть полным профаном перед обращением куда-либо. Потому-что, если вы обращаетесь к разработчику одиночке не по чьей то рекомендации, а просто по объявлению, есть вероятность, что вы получите не качественную работу, за которую заплатите неплохие деньги. Да, что говорить о каких-то частных фрилансерах, если есть конторы с физическим адресом, где сидят дяденьки и тетеньки в очках и с умным видом дурят наивных людей. Которые (люди) в свою очередь думают «Ну вот я сейчас доверюсь профессионалам, они то свое дело знают», особенно это касается небольших городков, где эта так называемая «студия» вообще может быть одна. Конечно прежде всего виноват сам человек, который обращается к таким шарлатанам (по незнанию или собственной глупости — это не важно). В больших городах таких контор меньше, но они тоже есть. Ну а причина (почему их меньше), Я думаю ясна — бездари сами по себе неконкурентноспособные.

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

Что такое адаптивный сайт

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

А теперь откройте наверное один из самых популярных сайтов в РФ (и уж точно самую популярную социальную сеть) Вконтакте, и также поиграйте с размером окна браузера, как видите интерфейс сайта динамически не подстраивается под размер окна, то есть дизайн сайта не адаптивный.

Нужен ли адаптивный дизайн сайту

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

Для правильного решения вам нужно прямо ответить на 2 этих вопроса и далее логически рассуждать.

Например, если процент посетителей с мобильных устройств составляет 0,35%, какой вариант будет оптимальным? Мобильная версия или адаптивный дизайн? — Ответ очевиден. Основную массу составляют посетители с компьютеров, в то время как мизерный процент пользователей с мобильных устройств также не будет обделен, и с нормальным уровнем комфорта сможет продолжать пользоваться сайтом — То есть адаптивный дизайн.

Теперь рассмотрим полностью противоположную ситуацию. Не будем далеко ходить и возьмем все тот же ВК. Не для кого не секрет, что у ВК огромный процент мобильных пользователей. Да, кто-то может сказать, что мобильные приложения для вк рулят, но доля пользователей мобильной веб версии сайта также очень огромна. С учетом всего выше сказанного, что будет оптимальней? Сделать адаптированный дизайн или оптимизированную под мобильные устройства версию сайта? — Ответ опять очевиден.

Все просто и лежит на поверхности.