Представим человека, который впервые зашел на сайт. Он не знает наших проектов, не видел предыдущих статей и не понимает, с чего начать.
Если показать ему двадцать карточек в порядке публикации, технически задача выполнена: материалы доступны. Но главный вопрос остается без ответа. Какой из них поможет понять, что здесь вообще происходит?
При проектировании True Creator мы пришли к мысли, что интерфейс контентного сайта должен не только хранить тексты, но и помогать выбирать следующий материал. Поэтому на главной появились разные сценарии чтения, каждый со своей задачей.
Три способа войти в содержание
Первый сценарий - знакомство. Для него предназначен блок «Начните отсюда». Это редакционная подборка нескольких материалов, которые лучше всего объясняют наш подход к работе.
Второй - возвращение на сайт. Читателю интересно, что появилось нового с прошлого визита. Здесь работает блок «Что стоит прочитать сейчас» с недавними публикациями.
Третий - поиск по интересу. Человек хочет читать о дизайне, технологиях или конкретном проекте. Для этого предусмотрены темы и проекты.
Эти три сценария нельзя заменить одной сортировкой. Новая статья не обязательно является лучшей отправной точкой, а самая важная вводная публикация со временем перестает быть новой.
«Начните отсюда» - это решение редактора
Название этого блока появилось не случайно. Оно обещает читателю не очередную подборку популярных ссылок, а небольшой маршрут.
Мы решили, что материалы здесь отбираются вручную и располагаются в заданном порядке. У подборки есть собственная логика: дать контекст, объяснить подход, показать примеры, помочь понять, куда двигаться дальше.
Это означает, что принадлежность к подборке не должна храниться в статье как постоянный флаг «избранное». Статья может оставаться той же самой, а редакционный маршрут меняться по мере развития проекта.
Такой принцип защищает содержание от случайностей календаря. Если мы выпустим десять новых заметок за неделю, знакомство с True Creator не должно внезапно превратиться в экскурсию по этим десяти заметкам.
Новые материалы - отдельная история
Блок «Что стоит прочитать сейчас» устроен иначе. Здесь важна свежесть.
В прототипе первая статья занимает большую карточку, а следующие размещаются компактнее. Ведущая карточка получает больше места для заголовка, описания и обложки. Это помогает задать визуальный ритм без одинаковой сетки из множества блоков.
Но сама композиция не должна подменять правила публикации. В такую выборку попадают публичные опубликованные материалы, а черновики остаются в редакции. Если статья только что создана в CMS, это еще не повод показывать ее читателю.
У этого блока простая редакционная роль: помочь постоянному посетителю увидеть новое, не заставляя его заново изучать весь архив.
Тема и проект отвечают на разные вопросы
На странице материалов у нас предусмотрены два ряда фильтров.
Тема сообщает, о чем статья: управление, бизнес, дизайн, технологии, музыка или культура.
Проект дает контекст: в ходе какой работы возник вопрос, описанный в материале.
Сочетание этих фильтров важно, потому что одна и та же проектная история может быть интересна читателям с разных сторон. Например, разработка сайта TRUE VISUAL относится к конкретному проекту, но статья о передаче HTML-прототипа в производство прежде всего посвящена технологиям и процессу разработки.
Мы ограничили каждую статью одной темой и одним проектом. Благодаря этому читатель видит ясные подписи, а не длинный список почти равнозначных тегов.
При этом «Все темы» и «Все проекты» - просто состояния фильтра, а не дополнительные сущности, которыми нужно классифицировать материалы.
Как визуал помогает тексту, а не спорит с ним
На карточках важны обложка, заголовок и короткое описание. Но они не должны становиться тремя конкурирующими рекламными сообщениями.
Задача обложки - дать узнаваемый визуальный ориентир. Задача заголовка - назвать вопрос или обещанный результат. Задача описания - уточнить, что читатель получит после перехода.
Если заголовок непонятен без иллюстрации, это слабый заголовок. Если картинка сама по себе эффектна, но никак не помогает узнать материал, ее роль остается декоративной.
В журнальном интерфейсе визуальный язык должен удерживать баланс: быть достаточно выразительным, чтобы материалы не сливались, и достаточно спокойным, чтобы главным оставался смысл.
Удобство чтения начинается до открытия статьи
Обычно удобство чтения связывают с размером шрифта, шириной колонки и межстрочным интервалом. Все это важно. Но путь к тексту начинается раньше: с понимания, почему на него стоит нажать.
Поэтому структуру главной страницы, навигацию по темам и саму карточку материала мы рассматриваем как части одного читательского сценария.
При дальнейшем развитии придется проверять и мобильные состояния: не превращаются ли фильтры в длинные полосы, не теряется ли содержание карточек на узком экране, не мешает ли декор быстрому переходу к тексту.
Это не вопрос украшения. Если человек не может найти нужный материал, качество самой статьи уже не спасает ситуацию.
Не все материалы должны выглядеть одинаково
Важный вывод нашего проектирования прост: сайт с текстами - это не обязательно бесконечная лента карточек одинаковой формы.
Разным задачам чтения могут соответствовать разные способы представления. Ручная подборка предлагает маршрут. Новые материалы показывают движение проекта. Темы и проекты дают возможность углубиться в интересующую область.
Хороший интерфейс не решает за человека, что ему читать. Он делает выбор понятнее.
Именно это мы и хотим получить от True Creator: не просто разместить статьи в CMS, а дать содержанию пространство, в котором его действительно удобно открывать и читать.