Responsive design. Что нужно знать о нём издателям новостных ресурсов

20121127-235902.jpg

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

Сегодня смартфоны и планшетники могут обеспечивать, как, например, в случае с Guardian, до 30% трафика на сайт. Это заставляет пристальнее смотреть на то, чтобы оптимизировать опыт просмотра страниц с мобильного устройства.

Упомянутый уже Guardian, выпустил мобильную версию. Time Inc. провела редизайн журнального сайта time.com с целью сделать его более удобным для пользователей мобильных устройств. Масса таких примеров.

Так что же нужно знать, прежде чем переделывать свой ресурс с учётом мобильных пользователей?

Это — затратно.
Увы, но по времени это не самый быстрый проект. Да и если вы просто делаете два сайта — десктопный и мобильный — это привлечёт дополнительные расходы на содержание двух проектов. Хорошо, что так уже никто сейчас не делает. Обычно, responsive design всё же означает один сайт, который умеет приспособиться к тому устройству, на котором пользователь его смотрит.

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

Responsive — это не только про размер экрана.
Когда речь заходит про мобильную оптимизацию сайтов, как правило, разговор идёт в контексте приспособления страницы ресурса под размер экрана устройства. Но это не так. Мало просто динамически изменить структуру страницы, чтобы она вписывалась в экран.
Чаще всего, когда пользователь просматривает ресурсы с мобильного устройства, он использует более медленные соединения: сотовую связь или публичный wi-fi. Этот факт так же нужно иметь в виду. Поэтому не забудьте предложить пользователю фотографии/иллюстрации более низкого разрешения. И помните про то, что сам сайт должен грузиться быстро.

Контекст использования мобильных устройств.
Этот пункт крайне важен, потому что он напрямую завязан на формировании мобильного контента. Как и когда пользователь использует смартфон/планшет? В транспорте по дороге на работу? В очередях, ожидая что-то? Или же он сидит дома и ему просто лень открывать крышку ноутбука или десктопа? От этого должно зависеть то, что конкретно нужно показывать пользователю. Очевидно, в этом случае важно, чтобы элемент контента (например, текст) был достаточно кратким, чтобы его можно было бы охватить взглядом. Таким образом, при работе с мобильными версиями сайтов, важно понимать это и предлагать пользователю несколько другие форматы контента: укорченные саммари, инфографику, например. То есть, то, что можно просмотреть быстро.

Реклама.
Ещё один важный момент. Реклам для десктопных сайтов и реклама для мобильных сайтов должна отличаться. Форматами, размерами и видами. Это очевидно. Здесь нужно работать с рекламодателями и давать им понимание того, что размер и место размещения баннера на мобильном сайте отличается от десктопного. И чем чётче это будет реализовано, тем лучше. Нельзя просто смаштабировать баннер. Важно знать, опять же, контекст использования устройства и в соответствии с ним делать рекламу.

Настройка ньюсрумов.
Как мы уже говорили, контент мобильного сайта часто может отличаться от десктопного контента — формой подачи и форматом. Это отличие должно быть понятно вашему ньюсруму. Расскажите и объясните основные отличия мжду десктопным и мобильным способами потребления контента. Но, в то же время, важно, чтобы в ньюсруме понимали, что это не значит «подготовить две версии контента». Это значит, что, готовя материал для десктопа, важно иметь в виду мобильные просмотры и возможность представить материал в упрощённом виде.

Будущее приложений.
Казалось бы, вот вам кроссплатформенный сайт, и нет нужды в нативных приложениях для устройств. Но, на самом деле, и BBC, и Time, и другие ресурсы, имеющие в своём арсенале responsive сайт, не собираются бросать поддержку нативных приложение. Это крайне важный элемент потребления контента, потому что добавляет функционала к нему. Как правило, эти «добавки» нереализуемы в мобильных версиях сайтов: более удобный подбор статей по теме, простой и удобный sharing, большие возможности in-app рекламы и т.п.
Поэтому, мобильная версия сайта и нативные приложения — это часто взаимодополняющие вещи. Это два разных подхода в контексте потребления информации. То один, то другой подход оказывается в данный момент просто удобнее пользователю. Исключить какой-то из них — было бы стратегически неверно.

Слушайте читателей.
Разрабатывая мобильные версии сайтов, нужно как можно активнее прислушиваться к пользователям. Это очень тонкая материя — мобильность. Она почти всегда очень индивидуальна. Поэтому, чем больше фидбэка вы соберёте, тем более правильный продукт сделате.
Так что, совет простой: как можно раньше выкладывайте прототип/бета-версию на суд аудитории и собирайте фидбэки.

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