Решение задачи про дизайн ленты материалов от ITTUM'а

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

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

Заголовок — призван привлечь внимание читателя. В изначальном варианте хорошо выполняет свои функции.

Дата, время — время добавления сообщения никто не осмелился тронуть и я в том числе, т. к. считаю, что с ним всё отлично оно на 100% выполняет свои функции.

Tags — а вот с тегами игрались все, в том числе и я. Задумайтесь, какие именно функции выполняют теги.

1. Показать пользователю основные вопросы, освещаемые в сообщении (я очень часто пробегаю сначала только по тегам и уже, если интересно, начинаю читать сообщение).

2. Сгруппировать сообщения по тегам, чтобы пользователь мог серфинговать по сообщениям в рамках одного тега.

3. Набрать плюсов с точки зрения сео, иногда благодаря точному вхождению фраз.

Итак, 3-ий вопрос решается при любом расположении тегов, т.к. поисковикам вообще все равно.

Что касается серфинга, то я убежден, что слова в метках тегов должны быть ссылками (без подчеркивания), т. к. те, кто серфингует по тегам к этому привыкли. Я очень разочаровываюсь, когда понимаю, что по тегу нельзя кликнуть в поисках подобных материалов.

Отвечать на 1-ый вопрос логичнее всего после того, как пользователя заинтересовали, т.е. показали заголовок. Связано это с тем, что человек проходит сайт следующим образом: глянул на рейтинг* — пробежал глазами — зацепился на заголовке — глянул на рейтинг* — пробежал по тексту или тегам — идентифицировал основную тематику текста — глянул на рейтинг*  — начал читать подробно или вернулся к началу.

* объяснение действия «глянул на рейтинг» будет дано в пункте «оценка сообщения».

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

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

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

Тело сообщения — тело сообщения неприкосновенно.

Оценка сообщения — а вот тут для меня была самая большая думка. Для чего служит голосование? 1. Чтобы на него отвечали 2. Чтобы по нему ориентировались.

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

Взгляд на рейтинг зависит от отношения человека к нему. Если он считает, что рейтинг является определяющим фактором в его выборе материала, то он может смотреть на рейтинг в первую очередь. Я, к примеру, так делаю при поиске роликов на youtube или rutube когда мне неважно, о чем он, главное чтобы было интересно. Если на нем стоит отметка 4 из 5, значит это действительно интересно, и я, лишь потом начинаю читать заголовок.

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

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

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

Читать дальше — не стал трогать, т. к. считаю, что и так все просто и лаконично.

Комментарии — аналогично, думаю, не стоит ничего менять, т. к. пользователи привыкли к данной форме.

Сохранил во всех постах единообразие расположения элементов, в отличие от Дмитрия, т. к. считаю, что различные положения активных элементов запутывают пользователя. К примеру, на сайте dserg я несколько раз не мог понять, почему в одних случаях число комментариев вверху, а в других — внизу.