Перевод

responsive2

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

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

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

За последние два года появился и получил распространение другой подход – респонсив-дизайн (responsive web-design). Это относительно новая технология веб-программирования, при которой макет сайта изменяется в соответствии с размером экрана, на котором сайт просматривается. Это означает, что один и тот же сайт может быть оптимизирован для мобильных устройств, планшетов и полноразмерных мониторов (и любых других устройств, которые могут появиться в ближайшем будущем).

Какой же вариант лучше?

На самом деле, оба вариант имеют свои преимущества. Лучше задать вопрос так: «Какой вариант подходит мне?»

При ответе на него следует рассмотреть три фактора: контекст, контент и, конечно, вашу текущую ситуацию.

Контекст

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

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

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

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

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

Контент

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

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

Текущая ситуация

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

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

Если же у вас нет вебсайта (или есть, но вы им не довольны), респонсив-сайт может оказаться дешевле, чем отдельная мобильная версия, поскольку новый сайт и отдельная мобильная версия обычно рассматриваются как независимые проекты.

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

Короче говоря

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

Ангус Рассел — советник по веб-стратегиям компании Blueware Media. Оригинал статьи находится здесь.

 
 
 
Рейтинг
(1 голос)
Последнее изменение: 14 декабря 2012 года
 
 

0 нет комментариев добавить свой

Прокомментировать

Поля, отмеченные (*) обязательны для заполнения.

Отвечая на новость об уходе Стива Балмера с поста директора Microsoft, Кевин Келлехер рассуждает о разных подходах к оценке роли Балмера в достижениях и неудачах Microsoft и о том, какой компания может стать без него.

Десять коротких правил, изложенных Элмором Леонардом в статье в New York Times от 16 июля 2001 года. Позже они были изданы отдельной книжечкой.

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

Максим Зубов подсказал инфографику, выложенную на imgur.com. Автора не знаю, к сожалению. Тема — респонсив-дизайн и почему это так здорово. Я перевёл и выложил.

Джон Митчелл, редактор сайта ReadWrite, делится рекомендациями по устранению вредных технологических привычек. Считаю его «зароки» крайне разумными и полезными. Статья в моем переводе.

Общемировые продажи планшетов бьют все рекорды. Это наверняка станет хорошей новостью для издателей и производителей контента. Статья Хеймиша Маккензи (PandoDaily) в моем переводе.

В своем посте на блоге Reuters Феликс Салмон отстаивает ту точку зрения, что привязка контента к тому или иному устройству или платформе — неправильный и малоэффективный подход. Читайте статью Феликса в моем переводе.

Будущее веба — в респонсив-дизайне и адаптивных веб-приложениях. Я написал об этом три дня назад, а сегодня наткнулся на колонку Игоря Фалецки на Forbes.com, где он говорит о том же и почти теми же словами. Не удержался и опубликовал его статью здесь. Перевод мой.

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

Пейволл сегодняшнего дня — это не барьер и не стена, а скорее, пропуск к дополнительному комфорту и легкости потребления контента на всех платформах и устройствах. Статья Хеймиша МакКензи (Pando Daily) в моем переводе.

За исключением контента, права на которые принадлежат другим авторам, материалы этого сайта распространяется по лицензии Creative Commons.

НЕМНОГО ОБО МНЕ

Я Александр Шнайдер, управляю сложными проектами в области цифровых медиа.

Узнайте обо мне подробнее или напишите мне.