Цивилизация
Мне стало интересно, как зарубежные новостные ресурсы справляются с этой проблемой. Для изучения я взяла The Guardian, The Independent, Forbes, ABCNews, BBC и решила посмотреть, как реализованы главные страницы каждого ресурса и страница статьи на каждом из них.
Сразу скажу, что я отношусь к группе «пассивных читателей», моя основная потребность — «быть в курсе». Мне, как пользователю, достаточно бегло посмотреть заголовки и, возможно, прочитать какую-то одну заинтересовавшую меня новость. На большее, к сожалению, нет времени. И все, чего я хочу, — это понять, что произошло за прошедший день или неделю, не погружаясь в детали.
На изображении видно, как движется мой взгляд в процессе изучения главной страницы сайта The Guardian. Эта схема (gaze plot) была получена с помощью технологии eye-tracking.
На главной странице The Guardian мое внимание сразу же привлекают яркие изображения: фотографии, рекламные баннеры, при этом движения глаз хаотичны, я пытаюсь «зацепиться» хоть за что-нибудь, чтобы понять, что же все-таки произошло за последнее время. В итоге я начинаю замечать крупные заголовки и последовательно их прочитывать. Однако этот процесс занимает достаточно много времени, потому что я не сразу понимаю, где искать нужную информацию. Более того, пролистав страницу вниз, я вижу, что она «бесконечная». Стоит ли упоминать, что я не досмотрела ее до конца.
Получается, что информация, которая находится в низу страницы, всегда будет игнорироваться пользователями. Зачем тогда ее там размещать?
Правильное решение в данной ситуации — это рубрикатор, который поможет мне определиться с интересным для меня направлением и сузить то количество информации, которое обрушивается на меня с главной страницы.
Дизайн сайта The Independent
На данном новостном портале рубрикатор реализован очень удачно: каждый новостной раздел имеет свой цвет, что сразу же позволяет мне сгруппировать новости и ассоциировать цвет с конкретной темой, что в дальнейшем может значительно облегчить мне навигацию по сайту и поиск желаемых новостей. Цветовое кодирование — довольно распространенный прием, встретившийся мне еще на нескольких ресурсах.
Задавая каждому разделу свой цвет, можно отделять их друг от друга на главной странице, позволяя читателям сразу «цепляться» за главные новости в интересующей их сфере, даже не прибегая к рубрикатору. Может даже меняться цвет логотипа при переходе в соответствующий раздел. Такое решение соответствует требованиям не только «пассивных читателей», но и всех описанных групп пользователей.
Другой вариант главной страницы представлен на сайте ABCNews.Я сразу же увидела большой яркий баннер, который анонсировал 5 «топовых» новостей за сегодня. Просмотрев его и прочитав всего лишь заголовки, я сразу поняла, что произошло за прошедший день и какие новости сейчас наиболее обсуждаемы. После этого этапа, на который ушло всего 3 секунды, я с радостью перейду на какую-либо заинтересовавшую меня статью и прочитаю ее.
Мне, как «пассивному читателю», достаточно лишь баннера: 5 новостей за сегодня сразу сообщают мне обо всех основных событиях за день. Более активным читателям также будет достаточно баннера, однако для них введено решение с перечислением самых ярких новостей, среди которых они смогут найти что-то более интересное для себя. Для наиболее интересующихся новостями читателей сделан рубрикатор, с помощью которого они смогут найти интересующий их раздел. А вот для тех, кто работает с новостной лентой профессионально, наиболее интересной будет левая колонка, так как там оперативно появляются самые последние новости.
На главной странице сайта Forbes выделена и вовсе одна топовая новость. Зато как: привлекательная картинка, крупный заголовок и краткое резюме статьи. А разве нужно что-то еще для быстрого ознакомления?
Главная страница сайта Forbes
Вся информация на странице поделена по разделам, промежутки между ними большие, есть ощущение пространства, и нет ощущения «сжатости», как на многих новостных сайтах, при попадании на которые начинается приступ клаустрофобии. Однако для более заинтересованных пользователей поиск рубрикатора и последних новостей может быть трудоемким, так как их расположение не совсем очевидно.
Важно помнить, что одна из основных задач главной страницы любого новостного сайта — это формирование у пользователя «общей картины», введение его в курс дела. Однако не стоит пытаться вывести на главную страницу всю, на ваш взгляд, важную информацию — это невозможно. Дайте пользователю четкую и понятную навигацию по сайту, ощущение простоты и легкости, остальное он сделает сам.
Итак, предположим, что я все-таки нашла ту новость, которая меня заинтересовала. Напомню, что времени у меня очень мало и я вряд ли стану вчитываться в статью, если на первый взгляд она не покажется мне интересной.
Очень удачный вариант для такого пользователя, как я, представлен на сайте ABCNews.
Статья на сайте ABCNews
На иллюстрации видно, как я последовательно передвигаюсь по «зацепкам» в статье: заголовок, иллюстрация, важные идеи (выделены крупным шрифтом и цветом через значительный отступ), фотографии в тексте. Траектория движения взгляда сверху вниз обеспечивает мне поверхностное, однако постепенное ознакомление с информацией. Я обязательно пролистаю такую страницу до конца и, более того, увижу рекомендуемые материалы по схожей теме в самом низу. У меня сформируется представление о том, интересна ли мне поднимаемая в тексте тема, и тогда я смогу решить, хочу ли я вчитываться в нее или же поищу что-то более интересное.
Такой вариант экономит мое время и полностью соответствует всем моим требованиям как пользователя. Выделенные цитаты из текста — это отличное решение для больших статей. Все группы пользователей будут удовлетворены таким вариантом, так как он, с одной стороны, экономит время, а с другой — позволяет погрузиться в детали. Но самое важное — что читателю предоставляется выбор: пройтись «по верхам» или же «погрузиться с головой». Более того, дается возможность ознакомиться со схожими материалами.
Конечно, важно обеспечить своему читателю возможность легко вернуться к выбранной статье через какое-то время. Как это сделать? Первым делом не стоит забывать о том, что расположение поиска должно быть очевидным: как правило, большинство пользователей ожидает найти его в верхнем правом углу.
Помимо этого имеет смысл обеспечить статью всевозможными «якорями»: специальным цветом раздела (уменьшает время поиска статьи), запоминающимся названием, яркой и красочной фотографией. Не стоит также забывать и о возможности персонализации ленты новостей — эта функция позволяет постоянным читателям ресурса настраивать его по своему вкусу.
Приведенные в статье примеры — это лишь малая часть всего того, что необходимо рассматривать при работе с новостными сайтами. Разумеется, важно всегда помнить о том, для кого вы делаете свой сайт и с какими задачами на него заходят пользователи. Ведь помимо «пассивных читателей», как я, есть еще множество людей, которые проводят на подобных сайтах по нескольку часов в день.
