На прошлой неделе британская The Guardian презентовала формат подачи контента, который будет использоваться в бета-версии нового сайта газеты. Зачем это нужно и как форма изменит содержание, объяснил UX-директор The Guardian Ник Хейли.

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

Появление «контейнеров» и модель контейнера

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

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

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

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

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

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

Контейнер — это горизонтальный элемент на всю ширину экрана, в котором собраны разнообразные материалы.

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

Контейнер — самодостаточный формат и может появляться в разных местах сайта в разных комбинациях.

При уменьшении и увеличении размера окна контент внутри контейнера приспосабливается к ширине экрана.

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

Вот так работают контейнеры на главной странице, в разделе моды и на странице статьи

Создаем блоки контейнеров

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

Диаграмма показывает, как элементы и срезы соединяются, образуя контейнеры

Быстро стало понятно, что модель контейнеров стала началом гибкой «многоразовой» дизайн-системы. Мы надеемся, что это облегчит работу над подачей материалов.

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

Ускоряя процесс оформления, контейнерная модель к тому же позволяет нам перейти к быстрой и простой дистрибуции контента на веб-страницах разных типов. Например, контейнер «Самое популярное» может появиться на главной странице, в статье или в посте блога на разных позициях, при этом сверстать его нужно только однажды, и после этого можно быть спокойным: он будет работать сам по себе.

Смешанный контент

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

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

Почему бы не сделать контейнеры «Фичеры», «Люди в новостях», «Обзоры», «Мнения и анализ», «Серии», «Кратко» и «Глубоко»? Идея смешанного контента нравилась нам всё больше, и мы набрались смелости и решили сделать контейнеры, объединяющие новости и статьи о спорте — материалы, которые обычно жестко разделяются.

Каждый контейнер настраивается по расположению материалов и цвету. Такие контейнеры со смешанным контентом могут наполняться материалами со всего сайта. Вместо наклеивания ярлыков и распределения контента в соответствии с тем, как он был сделан, мы раскидываем истории так, что они могут появиться где угодно и в каком угодно сочетании.

Утверждение концепции

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

Хотят ли пользователи потреблять новости таким образом?

Соответствует ли такая модель их ожиданиям? 

Может ли такая модель поддерживаться редакцией?

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

Что мы узнали?

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

Но, тем не менее, смешанные контейнеры — это не игла в яйце. Чтобы убрать со страницы раздел с навигацией, придется ещё приложить много труда. Навигация должна быть очевидной и простой. Вот как первые пользователи отзываются о протестированной ими модели: «Хочется продолжать ходить по сайту», «Так всё намного более понятно, кратко и организованно».

После исследования, во время которого мы внимательно изучили отклики пользователей по навигации, мы убедились в том, что контейнеры — удачная идея. И мы решили пойти дальше в работе над способами размещения контента и провести A/B-тестирование: сравнить текущую архитектуру сайта с новой моделью.

Отпускаем смешанный контент на волю

A/B-тестирование было сфокусировано на главной странице сайта, где мы создали следующие первоначальные типы контейнеров:

«Новости»: новостные заметки и статьи о спорте;
«Избранное»: наиболее важные неновостные истории;
«Самое популярное»: наиболее просматриваемые материалы сайта;
«Комментарии и дискуссии»: материалы из раздела Comment is Free и комментарии со всего сайта The Guardian;
«Люди в новостях»: статьи и интервью с ньюсмейкерами;
«Смотрите и слушайте»: видео и аудио со всего сайта газеты;
«Спецразделы»: контейнер для актуальных материалов, таких как статьи о премии «Оскар», куда мы собирали материалы только по одной теме.

Эти контейнеры наполнялись сотрудниками редакции с помощью новых инструментов. Их отзывы были решающими для понимания работы смешанных контейнеров.

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

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

Подтвердив реальными данными наши изначальные исследования, мы решились открыть обновление для всей нашей бета-аудитории. Смешанные контейнеры уже запустились на сайте и были также добавлены в новые приложения The Guardian для смартфонов и планшетов.

Будущее

Теперь контейнерная модель работает на нашем новом сайте и в приложениях, и смешанные контейнеры дают нам гораздо больше простора во взглядах на контент. Благодаря экспериментам мы отошли от изначального представления о том, какие нужны типы контейнеров — например, мы разделили фичеры на «краткие» и «глубокие». Если взглянуть на кино-секцию, можно также заметить, что редакция начала экспериментировать не только с контейнером обзоров, но и с контейнерами «Голосования и викторины» и «Списки и избранное».

Предстоит ещё многое сделать. Мы хотим изучить контейнеры для конкретных инфоповодов, персонализированные контейнеры, а также такие, для которых требуются специальные инструменты: например, «Сохранить на потом» или «Что читают те, за кем вы следите на сайте The Guardian».

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

Мы и Жо

В России количество интернет-изданий, получивших лицензию в первом квартале 2017 года, превысило число печатных СМИ. Такие данныеопубликованына сайте Роскомнадзора.

Участник проекта Общественной палаты «Перспектива», публицист и зарегистрированный блогер из Екатеринбурга Сергей Колясников подготовил пакет предложений по защите интересов России в собственном информационном поле, предложив усовершенствовать правоприменительную практику закона о блогерах.

Как утверждает автор инициативы, огромное количество блогеров ведут антироссийскую деятельность, причем анонимно. Они предпочитают быть за кадром, не оставляя в Сети контактных данных. При том, что согласно действующему закону владелец сайта или, например, пользователь соцсети c читательской аудиторией более 3 тыс. человек в сутки обязан зарегистрироваться в Роскомнадзоре и «разместить на своих сайте или странице сайта в сети Интернет свои фамилию и инициалы, электронный адрес».

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

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

Блогера Сергея Колясникова также удивляет существенная разница в требованиях к печатным СМИ и интернет-ресурсам, при том, что совокупная аудитория вторых значительно выше. Чтобы защитить интересы Российской Федерации в собственном информационном поле общественник предлагает ускорить внедрение закона об ограничении влияния иностранцев в СМИ. В настоящий момент дана отсрочка до февраля 2017 года, предлагается сократить период на год. Также предлагается обязать интернет-порталы с посещаемостью свыше десяти тысяч человек в сутки регистрироваться в качестве СМИ, а главное предусмотреть административную ответственность и штрафы за неисполнение данного положения. В связи с этим видится необходимым обозначить четкие сроки для их регистрации, поскольку пока зачастую не регистрируются даже ресурсы с посещаемостью в сотни тысяч человек.

В документе также обозначено, что административная ответственность должна коснуться и СМИ, ссылающихся на заведомо недостоверные незарегистрированные источники, а для финансируемых из-за рубежа СМИ, а также с долей иностранного участия более 20% необходимо ввести статус «СМИ – иностранного агента».

Напомним, 1 августа прошлого года вступил в силу закон, предусматривающий регистрацию популярных блогеров в реестре Роскомнадзора и частично приравнивающий их к СМИ. Тогда же был составлен первый список из семи пользователей Рунета, которым будет направлен запрос о необходимости зарегистрироваться в качестве блогеров.

Взгляд

Вместе с тем РИА-Новости 13 мая 2015 года сообщило, что в Роскомнадзоре считают преждевременным внесение каких-либо поправок в закон о блогерах, поскольку пока не исчерпаны возможности, которые он предоставляет. Так в ведомстве прокомментировали инициативу усовершенствовать правоприменительную практику этого закона.

«Закон работает менее года, и мы считаем, что пока преждевременно вносить в него какие-то поправки. Пока еще не исчерпаны те возможности, которые он предоставляет для взаимодействия с блогосферой», — сказали РИА Новости в пресс-службе Роскомнадзора.

В России нашлась медиакомпания с иностранным участием, которую не пугает запрет иностранцам с 2016 года владеть более 20% в российских СМИ. Это «Пронто-Москва», известная раньше как издатель газеты «Из рук в руки»

Зарегистрированная в Нидерландах компания Trader Media East, владелец российской «Пронто-Москва», в понедельник опубликовала годовой отчет. В нем компания среди прочего дала свое разъяснение по принятым в прошлом году поправкам в российский закон «О СМИ».

Trader Media East — публичная компания, чьи депозитарные расписки торгуются на Лондонской фондовой бирже. При этом с 2007 года основным владельцем голландской компании является Dogan Group, крупный турецкий холдинг с выручкой более $1,5 млрд в 2014 году (его подразделению, ранее существовавшему как самостоятельная компания Dogan Yayin Holding, принадлежит, в частности, одна из самых известных газет Турции Hurriyet). У структур Dogan Group​ на 31 декабря 2014 года было почти 78,6% акций Trader Media East, остальные 21,4% — у держателей расписок.

Раньше Trader Media East, специализирующаяся на выпуске рекламно-информационных изданий (классифайдов), управляла компаниями в нескольких странах Восточной Европы, но к 2014 году ее единственным активом осталась российская «Пронто-Москва». Эта компания известна в первую очередь как издатель рекламно-информационной газеты «Из рук в руки» в России, Белоруссии и Казахстане. Назначенный весной прошлого года гендиректором «Пронто-Москва» Николас Дадиани стал и гендиректором всей Trader Media East.

По сути, Trader Media East — вторая публичная медиакомпания России после телевизионного холдинга «СТС Медиа». Впрочем, вниманием инвесторов бумаги издателя «Из рук в руки» не пользуются. Последний раз интерес к распискам Trader Media East был зафиксирован в декабре 2013 — январе 2014 года. С тех пор рыночная стоимость одной расписки неизменно равняется $4,4 за бумагу. Прошлой осенью компания провела допэмиссию, и сейчас ее капитализация составляет $264 млн.

Бумага и интернет

Наряду с изданием газеты «Из рук в руки» и приложений к ним «Пронто-Москва» управляет также сайтами irr.ru и job.ru. По итогам 2014 года на выпуске газет компания заработала $38,1 млн, из них $29,1 млн в России, $9 млн — в Белоруссии и Казахстане, указано в отчетности Trader Media East. Интернет-проекты обеспечили «Пронто-Москва» $25,2 млн доходов. Из них в России было заработано $22,7, млн, в сопредельных странах — $2,5 млн.

Таким образом, интернет-бизнес обеспечил по итогам прошлого года почти 40% всей выручки «Пронто-Москва». Причем доходы от прессы в 2014 году упали в долларовом исчислении почти на 43%, от интернета — только на 15%. В пересчете на рубли это соответственно падение на 30% и рост почти на 3%. Но операционно прибыльно по итогам года было все-таки издание газет, следует из отчетности Trader Media East. У этого направления EBITDA составила $0,4 млн, тогда как аналогичный показатель интернет-проектов по итогам года был отрицательным — минус $0,1 млн.

В прошлом марте ежедневная всероссийская аудитория сайта irr.ru, по данным TNS Russia, равнялась почти 363 тыс. человек 12–64 лет, job.ru — 269 тыс. Последние данные TNS по аудитории газеты «Из руки в руки» датируются маем—октябрем 2013 года: усредненное число читателей одного номера издания в городах с населением свыше 100 тыс. человек приближалось к 1,9 млн человек старше 12 лет.

Уже не СМИ

Комментируя принятые в прошлом году поправки в закон «О СМИ», которые с 2016 года запрещают иностранцам владеть 20% и более в учредителе любого СМИ, Trader Media East сетует, что под это определение подпадают и рекламно-информационные издания, хотя они и не занимаются производством контента.

Но, указывает компания в своей отчетности, весь онлайн-бизнес «Пронто-Москва» еще 24 октября 2014 года был выведен из-под влияния Роскомнадзора. Как пояснил РБК Николас Дадиани, у сайтов irr.ru и job.ru была аннулированы свидетельства о регистрации СМИ. Таким образом, вступающие в силу в 2016 году ограничения для иностранных владельцев российских СМИ на irr.ru и job.ru не распространяются.

Пресс-секретарь Роскомнадзора Вадим Ампелонский в понедельник вечером не ответил на звонок корреспондента РБК. В реестре наименований зарегистрированных СМИ, который ведет Роскомнадзор, никакой информации о сетевых изданиях irr.ru и job.ru нет.

При этом у газеты «Из рук в руки» есть свидетельство о регистрации СМИ — ПИ № ФС 77-45493 от 22 июня 2011 года. Учредителем газеты заявлено ООО «Пронто-Москва», территория распространения ограничена столицей и Московской областью. Кроме того, в реестре фигурируют еще десятки свидетельств о регистрации локальных версий «Из рук в руки»: в Смоленске, Сыктывкаре, Набережных Челнах, Челябинске, Магнитогорске и т.д.

Но «Пронто-Москва» еще весной 2014 года заявила, что намерена со временем полностью отказаться от газетного бизнеса. В марте этого года был прекращен выпуск «Из рук в руки» в столице. «Бумажная газета в Москве стала убыточной, тем более что она приносила только 10% общей выручки компании, — объяснял в интервью РБК Дадиани. — Мы обсуждали вариант закрытия издания в столице еще в конце прошлого года, но финальное решение было принято на этапе бюджетирования, в феврале». После этого «Пронто-Москва» объявила, что во всех других городах издание газеты будет передано местным партнерам по франчайзинговой модели.

В отчетности Trader Media East уточняется, что «Пронто-Москва» снизит доли в своих региональных «дочках» до неконтрольных или ликвидирует эти компании, передав операционный бизнес в новые структуры, независимые от «Пронто-Москва». В результате работу потеряют более 1 тыс. человек, которым до конца 2015 года придется выплатить $0,7 млн компенсации, оценивает Trader Media East.

Зато после полного отказа от газетного бизнеса в пользу интернета «Пронто-Москва» не ощутит на себе никаких последствий принятых поправок в закон «О СМИ». Дидиани, впрочем, утверждает, что решение аннулировать регистрацию СМИ для irr.ru и job.ru не было связано с введенными для иностранных инвесторов ограничениями: «Онлайн-классифайды в свое время были зарегистрированы как СМИ по ошибке, они не производят контент и поэтому не должны считаться СМИ».

Автор: Сергей Соболев

Источник