Взвешенные списки

11.04.2007

Ну кто же не видел списков, элементы которых заканчиваются числами в скобочках. Посмотрите хотя бы на правую колонку — там, под заголовком «Основные темы», обосновался один из рода.

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

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

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

Первоначальный вариант такой:
Киров (17)
Кировск (16)
Воркута (5)
Челябинск (5)
Ижевск (3)

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

Можно числа убрать, а пару самых значимых пунктов выделить жирным:
Киров
Кировск
Воркута
Челябинск
Ижевск

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

Решение посложнее — сделать цветовую шкалу:
Киров
Кировск
Воркута
Челябинск
Ижевск

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

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

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

Комментарии

drumrock, 11.04.2007 05:34

А ещё бледным по бледному - это очень доброжелательно по отношению к слабовидящим :-)

Дмитрий Сергеев, 11.04.2007 10:50

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

Учту, спасибо.

Гость, 11.04.2007 07:06

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

Дмитрий Сергеев, 11.04.2007 10:53

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

Гость, 11.04.2007 14:03

Ну да, это так и есть. Что жирное более заметно и щелкать на такую ссылку будут чаще.

Гость, 11.04.2007 14:04

Меня скрипт опознавать не хочет, хотя форму заполняю :(

Денис Болтиков
http://denis.boltikov.ru/

Дмитрий Сергеев, 11.04.2007 14:37

Попробуйте стереть куки с этого сайта.

Гость, 11.04.2007 07:06

Это был мой комментарий.

dimok, 11.04.2007 11:50

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

Дмитрий Сергеев, 11.04.2007 12:05

Пугать? Может быть.

Хотя я рассчитываю обставить всё так, чтобы тот, кто не хочет разбираться, выбрал бы самую популярную категорию.

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

Надо потестировать будет в любом случае.

fayona, 15.05.2007 19:31

Вообще-то цифры несут много полезной информации. НАпример, берем список категорий предложений какой-нибудь тур-фирмы.
Таиланд (1300)
Турция (10)
Италия (2)

И скажите мне пожалуйста, как мы это цветом обозначим? Это раз.
Два. Мне как клиенту тур-фирмы очень важно знать, сколько же предложений по конкретным странам. в категорию с небольшим количеством предложений пользователь может даже не зайти.
Следующее. На бледные ссылки пользователь даже нажимать не будет, потому что бледный текст раздражает.
в общем это мое мнение ;)

Дмитрий Сергеев, 15.05.2007 19:41

Цифры иногда несут полезную информацию, иногда -- нет. Когда несут -- можно показывать. У раскрашенных списков, кстати, можно показывать и цифры.

Ну а бледный бледному рознь. Иногда вполне нормально читается.

Развитие малого бизнеса, 10.07.2007 15:43

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