Антон Черничкин
30.07.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.07.2007

Антон!

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

Анатолий Буров
30.07.2007

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

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

Максим Гулевич
30.07.2007

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

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

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

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

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

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

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


30.07.2007

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

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

Ростислав Чебыкин
31.07.2007

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

Андрей Зятиков
31.07.2007

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

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

Антон Черничкин
02.08.2007

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

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

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

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


Единственная цель рубрики — обсуждение вопросов, связанных с информационным дизайном, пользовательским интерфейсом и навигацией в общественных местах.

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

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

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

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

21 8 10 Как правильно писать на двери магазина: «на себя» или «к себе»? 13



© 2005—2010

Запрещённые слова
Пишите: artgorbunov@artgorbunov.ru