Пт, 17/02/17 – 3:54 | No Comment

Что 2017-й год вносит нового в Веб? Каких главных направлений и трендов в веб-дизайне, стоит ожидать? Сейчас все выясним – в формате емкого …

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

Веб-дизайн: правила создания и лучшие примеры дизайна сайтов

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет-маркетинг

О маркетинге в сети Интернет и web-эффективности

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

Главная » Дизайн

Что такое отзывчивый дизайн? Мнения экспертов мобильных технологий

25 Декабрь 2012 Нет комментариев

Что такое отзывчивый дизайн (Responsive design)Последнее время обсуждался новый сайт BBC News для мобильных пользователей, который вероятно построен с применением технологии Responsive Web Design. Это вполне приличный и удобный сайт, однако, в комментариях появились предположения, что это не явно отзывчивый веб-дизайн. Многие высказывали мнения, что BBC сайт имеет скорее «adaptive design», чем отзывчивый. Чтобы внести ясность, я попросил трех экспертов по мобильным технологиям ответить на следующие вопросы:

  • Что такое отзывчивый дизайн (Responsive design) для мобильных пользователей?
  • Какие выгоды он дает для сайта?
  • Их мнения по поводу сайта

1. Что такое отзывчивый дизайн?

Maani Safa, директор по внедрению инноваций (mobile marketing company, somoglobal.com)

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

Terence Eden, консультант мобильной индустрии (shkspr.mobi/blog )

Отзывчивый дизайн построен на идее «One Web». Единый URL доставляет контент запросившему устройству, будь то ноутбук, планшет, мобильный телефон, TV или интернет-холодильник.

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

Tim Dunn, директор по маркетинговым тратегиям (isobar.com)

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

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

2. Какие выгоды дает использование отзывчивого дизайна e-commerce сайтам?

Maani Safa

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

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

Плюс, какие либо изменения впоследствии делаются только для одного сайта.

Terence Eden

Мы знаем, что пользователям нравится совершать покупки со своих мобильных и планшетов, но большинство e-commerce сайтов отвратительно смотрятся на маленьких экранах.

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

Tim DunnОтзывчивый дизайн (Responsive design)

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

3. Какие потенциально негативные стороны могут быть для e-commerce сайтов планирующих использование responsive design?

Maani Safa

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

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

Terence Eden

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

Tim Dunn

Препятствий много: главное из них то, что responsive дизайн в большей или меньшей степени вносит Веб навыки пользования. Но часто это простое  приспосабливание под мобильных посетителей, вместо формирования действительно мобильной практики — опыта взаимодействия (так называемый UX design) .

Обстоятельства использования мобильного устройства часто определяют цели посещения сайта и следовательно требуют совершенно разного дизайна и навигации. Но responsive дизайн предоставляет только один вариант для пользователей всех устройств.

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

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

Оставить комментарий