x
 
Антон Черничкин
30 июля 2007

Здравствуйте, Артем.

Прошу совета по поводу диаграммы: как вы оцениваете новый вариант? Достаточно ли он информативен? Можно ли его улучшить?

Заранее спасибо.



Зачем визуализировать убывание, если продукты уже расставлены по порядку?

Percentage of Internet-enabled PCs

Adobe Flash Player98.3
Java86.9
Microsoft Windows
Media Player
83.2
Apple QuickTime
Player
66.9
RealOne Player55.3
Adobe Shockwave
Player
52.3
SVG9.6

Поделиться
Отправить

Комментарии

Митя Маров
30 июля 2007

Антон!

Обратите внимание, в версии «стало» нет заголовка — пострадала информативность. Без комментария или заголовка можно неверно истолковать смысл созданной вами диаграммы. Вы использовали в качестве разделения десятичных цифр запятую, американцам же, к примеру, это совершенно не свойственно, они разделяют точкой, как это есть на оригинальной диаграмме и в решении Артема Горбунова.

Анатолий Буров
30 июля 2007

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

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

Максим Гулевич
30 июля 2007

Мне кажется, прежде чем дизайнить что-то, необходимо понимать ЧТО мы пытаемся спроектировать.

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

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

Если вернуться к текущей диаграмме, то насколько я понимаю необходимо было показать, что Flash + Shockwave — это круть.

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

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

Предлагаю вот такие диаграммы:


30 июля 2007

Максим!
Мне кажется, компания Адоуби не начинает выглядеть круче, если поставить четыре ее логотипа. Задача визуализации информации в нашем понимании — помочь читателю думать о проблеме, а не помочь корпорации утвердить свое бюрократическое самомнение. Контрастная разлинованная забороподобная конструкция не помогает думать. Вообще-то Адоуби очень деликатно относится к графическому дизайну, поэтому даже в качестве корпоративной иллюстрации такая диаграмма вряд ли прошла бы.

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

Ростислав Чебыкин
31 июля 2007

Плохо, когда числа оказываются далеко от соответствующих надписей. Это наблюдается на второй диаграмме Антона и на диаграммах Максима.

Андрей Зятиков
31 июля 2007

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

Что же касается диаграмм Максима, то они, конечно, стали лучше начального варианта Антона (того который был), но вот лучше переделанного Антоном же не стали точно. И не только из-за шума и забора, от чего нужно избавляться в первую очередь, но и из-за цвета. Красный лучше использовать осторожнее, Эмиль Рудер не даст соврать (см. главу про цвет)

Антон Черничкин
2 августа 2007

Данная диаграмма использовалась в исследовании о технологиях Adobe Flash и Shockwave. Естественно, не хотелось просто так копировать уже существующий вариант, а сделать свой (разумеется, сославшись на первоисточник).

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

В качестве разделения десятичных цифр действительно использовалась запятая. Мелочь, на которую я не обратил особого внимания. Мотивация — вроде так у нас принято (Восточная Европа, Россия, страны Балтии). Но могу заблуждаться.

Хочу сказать спасибо всем, уделившим внимание моей проблеме. Спасибо за ценные комментарии.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

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

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

2 Хочу сделать красивый блог с пошаговыми рецептами 7




Недавно всплыло

2 Иногда я спрашиваю о скидке для тренировки и потому что не против шанса сэкономить 1 Как вы проверяете соответствие вёрстки макету 2 10