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

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

В связи с этим мы подошли к следующему вопросу: приносит ли отзывчивый дизайн больше пользы, чем вреда? Препятствует ли он внедрению инноваций? Не сдерживает ли он развитие WordPress?

Мы одержимы отзывчивым дизайном. Практически каждая новая тема WordPress является отзывчивой; записи, демонстрирующие от 20 до 250 «крутых» отзывчивых тем для WordPress, публикуются с завидным постоянством. Mashable определил 2013 год как «год отзывчивого веб-дизайна».

Однако эта навязчивая идея попросту ослепила нас, в результате чего мы даже не задумываемся о том, что отзывчивый дизайн, каким бы умным он не был, имеет свои недостатки.

Фокус на размерах экрана негативно сказывается на опыте взаимодействия

Отзывчивый дизайн исходит из предположения, что единственная проблема – это размеры, и единственное решение – это сделать дизайн «адаптируемым» к различным устройствам, предложив всем людям положительный опыт взаимодействия.

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

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

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

Когда отзывчивый подход «всех под одну гребенку» может быть оптимальным?

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

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

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

Отзывчивость убивает внедрение инноваций в WordPress-темы?

Новые WordPress-темы появляются буквально каждый день; CSS3 дизайн может быть великолепным, но он не является инновационным.

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

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

Зачем быть реактивным, если можно быть просто проактивным?

Один из самых значительных недостатков отзывчивого дизайна – это реактивный клиентский подход, который в контексте серверной системы управления контентом, такой как WordPress, выглядит совершенно лишним.

Если мы должны работать с одной темой, которая будет удовлетворять всем нашим требованиям, то тогда эта тема должна быть проактивной, она должна адаптироваться к серверной стороне в зависимости от устройств, выполняющих запрос, отправляя только те данные (HTML, CSS, Javascript и т.д.), которые будут необходимы пользователям.

Конечно, обнаружение устройств – это не то же самое, что расстановка контрольных точек в дизайне, однако разве будет небольшое смещение в том, как «отзываться» на изменение размеров, таким уж важным?

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

Разработчики могли бы даже предлагать «пакеты тем» с отдельными настраиваемыми темами для разных платформ.

Так что, отзывчивость – это зло?

Естественно, нет. Отзывчивый дизайн – это очень полезная техника, однако она должна использоваться в определенном контексте.

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

К примеру, мне нравится то, что когда я просматриваю таблицу английской премьер-лиги на сайте BBC со своего iPhone, я получаю краткие данные в портретном режиме и полную версию таблицы в ландшафтном режиме. Лично мне это кажется полезным. Сервер передает мне мобильную версию сайта (адаптивную) с дополнительными данными, которые, вероятнее всего, будут мною просмотрены (отзывчивые элементы). Сайт комбинирует в себе два подхода, чтобы улучшить мой опыт взаимодействия.

Это надлежащий контекстуальный отзывчивый дизайн.

Отзывчивый дизайн – это всего лишь один компонент

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

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

Обманутые пользователи обычно уходят в другое место. И владельцы сайтов, издатели последуют за ними.

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

Давайте помешаем отзывчивому дизайну ставить палки в колеса WordPress.

Источник: wpmu.org