Всемирная отзывчивость: наступает эпоха responsive design

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

В 2012 году в мире продано 1,2 млрд мобильных устройств; 70% из них смартфоны, каждое десятое – планшетный компьютер. Продажи планшетов в 2012 году выросли вдвое по сравнению с предыдущим (Gartner).
В 2012 году – впервые с начала тысячелетия – произошло падение объемов продаж персональных компьютеров – их продано менее 350 млн штук, что на 1,2% меньше, чем годом ранее (iSuppli). Вдумаемся: сегодня обычный компьютер продается всего в три раза чаще, чем планшет, и в два с лишним раза реже, чем смартфон. 

По прогнозам, в наступающем году глобальные объемы продаж смартфонов вырастут почти на 25% (TrendForce), планшетных компьютеров – почти на 40%. Впервые с момента появления планшетов их в мире будет продано больше, чем ноутбуков (Digitimes). 

Доля смартфонов в общем числе мобильных телефонов в 2013 году вплотную подойдет к отметке 50% (Digitimes), а к 2014 году преодолеет эту отметку (IDC).
Мобильные пользователи активно используют интернет. Каждый четвертый владелец телефона использует 3G-соединение с интернетом, более чем каждый пятый пользуется WiFi-сетями (Томи Ахонен). В 2012 году почти треть поискового трафика пришлась на мобильные устройства (Maquarie Group). Объем мобильного трафика уже превышает 13% от общемирового, при этом в некоторых странах показатели существенно выше: например, в Индии доля мобильного трафика составляет 60% (Kleiner Perkins).
В 2013 году для доступа в интернет мобильные телефоны будут использоваться чаще, чем обычные компьютеры (Gartner). Мобильный трафик по объемам впервые опередит трафик со стационарных устройств, его доля составит 56% в общемировом объеме трафика (Cisco).

Рынок мобильных устройств: многообразие видов и форм

Издатели и контент-провайдеры не могут игнорировать огромную и быстрорастущую аудиторию мобильных пользователей. Но в стремлении охватить ее они сталкиваются с существенными трудностями.
Мобильный рынок крайне фрагментирован. Основными платформами сегодня являются Android и iOS, но игнорировать интересы остальной части аудитории было бы неправильно. Microsoft активно продвигает ставшую мобильной ОС Windows 8; RIM не оставляет надежд вернуть утраченные позиции с грядущей Blackberry OS 10; в следующем году можно ожидать экспансии совершенно новой мобильной OS Tizen, в успехе которой заинтересованы такие гиганты, как Samsung и Intel. 

Еще сильнее мобильная аудитория фрагментирована по размерам и разрешениям экранов своих девайсов. Даже в ранее монолитной нише iOS-устройств сегодня присутствуют четыре размера (по два для iPhone и iPad) и столько же разрешений экрана. Ну а рынок смартфонов на базе Android вообще поражает разнообразием конфигураций и характеристик дисплеев.
Наблюдается еще одна тенденция: резкий рост разрешения экранов мобильных устройств. Уже сегодня восприятие текста на дисплеях некоторых мобильных устройств практически не отличается от чтения печатного листа. Дисплей планшета Google Nexus 10 имеет рекордное разрешение 2560 x 1600 пикселей, что эквивалентно разрешающей способности 300 ppi. Разрешение дисплеев последних версий iPad ниже, но в силу их меньшего размера разрешающая способность еще выше – 326 ppi. Но и это не предел: HTC в смартфоне J Batterfly довел показатель до невероятной величины 440 ppi.
Появляется совершенно новый тип и класс устройств, которые также будут использоваться для доступа в интернет и потребления контента. Создатели приложений уже должны учитывать пользователей таких устройств, как smart-TV (в том, что на эти приложения будет спрос, уверены 83% разработчиков), медиацентры автомобилей (74% разработчиков), игровые консоли (71%) и даже очки Google Glass (67%) (Appcelerator / IDC). Уже очень скоро новости будут читать и с гигантских, во всю стену, телепанелей, и с крохотных экранов очков-смартфонов (коммерческие продажи Google Glass начнутся уже в наступающем году).

Мобильный веб или нативные приложения: трудная дилемма

До недавнего времени у издателей, стремящихся охватить мобильную аудиторию, был единственный путь: создание нативных приложений, загружаемых пользователем из апп-стора своей мобильной платформы. Естественно, приложений должно быть как минимум столько же, сколько платформ (лучше – больше, для разных типов устройств), иначе существенная часть аудитории останется в стороне.
Сегодня уже ясно, что нативные приложения – не самый эффективный, или по крайней мере не единственный, выход. Разработка и поддержка нескольких приложений требует существенных затрат, окупить которые достаточно трудно. Монетизация мобильного контента – задача, которая пока далека от решения. Цены на рекламу в мобильных приложениях невысоки, а продажа собственно контента (через пейволлы, подписку или приобретение отдельных номеров периодических изданий) затрудняется обилием бесплатной информации в интернете. Рано или поздно медиаиндустрия обретет баланс между затратами на доставку мобильного контента и доходами от его реализации, но для этого требуется время.
Неделю назад, не достигнув намеченных показателей, закрылась первая и пока единственная ежедневная iPad-газета The Daily. Многие связывают неудачу издания с тем, что его создатели ограничились единственной нативной платформой и полностью игнорировали веб. Как показывают опросы, 60% владельцев планшетов читают новости в интернете и только 23% предпочитают использовать для этого нативные приложения (Pew Research).

Революция мобильного контента: время отзывчивого дизайна

Как же поступят медиа, стремящиеся поспеть за изменениями в информационном пространстве и при этом надеющиеся не разориться на создании дорогостоящих инструментов доставки мобильного контента?
В наступающем году эта задача будет решаться с помощью технологии, которая носит название «респонсив-дизайн» (responsive web-design, «отзывчивый веб-дизайн»).
Эта методика (точнее, совокупность набора программных инструментов, позволяющих достичь автоматической адаптации веб-сайтов к размеру экрана и типу устройства, на котором их просматривают) была разработана два года назад, но только в 2011 году ее начали брать на вооружение крупные медиакомпании (первой ласточкой стал обновленный сайт газеты Boston Globe). Сегодня технологии респонсив-дизайна получили широкое признание и фактически становятся мейнстримом: например, годом респонсив-дизайна называет наступающий год Mashable.
Но это лишь одна из составляющих успеха. 2013 год станет годом адаптивных веб-приложений.
В последние месяцы целый ряд крупных инфосайтов прошел через кардинальный редизайн (в качестве примеров назову USA Today, The Next Web, тот же Mashable). Во всех случаях перед разработчиками стояла цель усовершенствовать интерфейс сайтов, приблизив его к интерфейсу уже привычных мобильных инфоприложений.
В следующем году мы будем наблюдать «парад редизайнов» – значительная часть медиаресурсов воспользуется этим подходом. Технология HTML5 и респонсив-дизайн сегодня уже позволяют создавать подобные интерфейсы, в полной мере используя динамические элементы и преимущества мультитач-экранов. Результатом станут сайты нового поколения: с модернизированным, динамическим интерфейсом, на экранах мобильных устройств неотличимые от нативных приложений, меняющим (иногда полностью) свою конфигурацию в зависимости от устройства, на котором его просматривают, и при этом сохраняющим единство контента, стиля и способа подачи информации.
Средняя жизнь любого сайта – около пяти лет. Вне зависимости от ниши, занимаемой тем или иным медиаресурсом, нет никаких сомнений, что уже через 2–3 года (если не раньше) основная часть читателей будет просматривать его с экранов мобильных устройств. Весьма вероятно даже, что многие из них вообще перестанут пользоваться обычными компьютерами.
Дальновидные издатели готовятся к этому моменту уже сегодня, и в следующем году мы увидим результаты их усилий. Остальные вряд ли переживут революцию мобильного контента.