Статьи

RWD: это не рабочий стол против мобильного

Моя недавняя статья, Должны ли пользователи иметь возможность отключать адаптивный дизайн? , вызвало страстную дискуссию на SitePoint. Предпосылка: адаптивные веб-сайты могут предлагать тумблер, чтобы мобильные пользователи могли переключиться в режим рабочего стола, если они того пожелают .

Я предположил, что такое решение не должно быть необходимым. Я был в меньшинстве.

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

Технология, лежащая в основе Responsive Web Design — медиазапросы — является в основном надежной. Тем не менее, мы все еще учимся использовать методы, и я могу понять трудности, с которыми сталкиваются дизайнеры. Один статический макет Photoshop никогда не был истинным представлением веб-сайта, и теперь мы разрабатываем для неограниченного количества разрешений.

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

Ограниченный просмотр

Отчасти проблема связана с ограниченным представлением о том, что проекты являются «мобильными» или «настольными». В RWD это переводится в медиа-запрос, такой как: показывать дизайн мобильного устройства, пока ширина браузера не превысит 900 пикселей, а затем переключиться на макет рабочего стола. При плохом использовании процесс:

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

Так не должно быть. Хороший адаптивный веб-дизайн никогда не должен быть «выбором». Сайт должен быть представлен наиболее оптимальным образом для горизонтального и вертикального разрешения. Это изменчиво, и есть тысячи возможностей, а не только две. Это поднимает важный момент:

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

SitePoint имеет техническую аудиторию. Вы понимаете RWD и любите настраивать системы в соответствии с вашими личными предпочтениями. Однако, предоставляя тумблер RWD, мы просто обходим проблемы компоновки, а не исправляем их?

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

Скоро: 7 способов улучшить ваш отзывчивый подход к веб-дизайну