Вы здесь

Новый формат подачи материалов: «контейнеры» The Guardian

Тренды

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

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

 

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

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

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

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

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

Ранние наброски Katrina Stubbings.

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

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

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

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

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

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

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

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

Подробнее о том, как создавать блоки контейнеров и смешанный контент читайте на сайте "Мы и Жо"

 

Оценить материал:
Голосов еще нет
распечатать Обсудить в: