№ 10(73) НОЯБРЬ 2016
т
И.А. Серебряник, канд. техн. наук, доцент,
В.В. Надршин, канд. техн. наук, доцент,
кафедра мировой экономики,
Иркутский национальный исследовательский
технический университет,
г. Иркутск, Россия,
БИЗНЕС-ГРАФИКА ДЛЯ ПОКОМПОНЕНТНОГО СРАВНЕНИЯ: НОВЫЕ ВОЗМОЖНОСТИ
В статье анализируются инструменты покомпонентного сравнения для деловой среды. Бизнес уже давно использует возможности диаграмм для создания презентаций, отчетов, контента для сайтов и т.д. В работе исследованы два вида диаграмм, применяемых для покомпонентного сравнения: круговая диаграмма и диаграмма типа (геетар. В статье приведено описание вышеназванных диаграмм, показаны случаи их использования в бизнес-практике. Круговая диаграмма, являясь очень известным и старым инструментом визуализации, используется довольно часто, иногда даже избыточно. Тгеетар, напротив, новый инструмент визуализации, еще мало известный в бизнес-среде, но, несомненно, очень удобный и понятный. В статье систематизируются преимущества использования круговой диаграммы и (геетар. Приведены основные ошибки при создании данных диаграмм. Даны рекомендации по созданию диаграмм, позволяющие сделать конечный продукт понятным и непротиворечивым. По результатам исследования авторами был сделан вывод, что круговая диаграмма - простой инструмент визуализации, который, тем не менее, отлично справляется с несложными задачами с небольшим объемом данных. Тгеетар, напротив, достаточно сложный инструмент, хотя и наглядный, который может быть использован в ряде случаев, когда требуется анализ большого массива данных.
Ключевые слова: бизнес-графика, визуализация, деловая инфографика, диаграмма, круговая диаграмма, (геетар, мозаичная диаграмма, покомпонентное сравнение, график, таблица.
Рисунки, графики, диаграммы - самый наглядный и понятный способ представления информации. Современный бизнес ценит скорость, а бизнес-графика позволяет быстро обрабатывать любые аналитические данные и наглядно представлять информацию конечному пользователю. Уже в 1970-х годах стало понятно, что табличная форма представления информации постепенно устаревает и ее вполне можно заменить компьютерной графикой. В 1977 году в США появилось первое периодическое издание на тему специализированной графики -«Computer Graphics World» (http://www.cgw. com/), которое существует и по сей день.
Сегодня важность применения бизнес-графики не вызывает сомнений. Ни один доклад, презентация, тренинг не обходится без специально подготовленных графических изображений. Помимо скорости подготовки бизнес-графика дает возможность проверки вариантов представленных данных с целью выбора лучшего из них1.
Любую деловую графику можно условно разделить на две большие категории:
1. Диаграммы и графики, которые строятся на основе числовых данных. Список их достаточно длинный, некоторые приложения позволяют выстраивать порядка 100 графиков и диаграмм. Все они более-менее стандартны.
2. Диаграммы, схемы, которые строятся вручную или на основе заранее разработанных заготовок. Они, как правило, не базируются на числовых данных. Эта категория более многочисленна, нежели первая. К ней относят планы-графики, организационные диаграммы, бизнес-диаграммы.
Масштабы одной статьи не позволяют рассмотреть весь инструментарий бизнес-графики, обратим внимание на один из наиболее востребованных деловой средой инструментов - диаграммы, а именно диаграммы для покомпонентного сравнения.
Существует множество видов диаграмм. Какие-то применяются часто, другие - редко. Для покомпонентного сравнения используется два типа диаграмм: круговая диаграмма (pie-chart) и мозаичная/древовидная (treemap).
Круговые диаграммы порождают очень много споров с самого момента их создания. Кстати, первые диаграммы появились еще до XVII века2. Отцом круговой диаграммы можно назвать Уильяма Плейфэра (William Playfair). Она впервые была опубликована в 1801 году. Так как в бизнесе Плейфэра считали мошенником, то и его изобретение не восприняли всерьез. Однако уже в XIX веке круговую диаграмму стал использовать французский инженер Чарльз Джозеф-Ми-нард (Charles Joseph-Minard) и к ней стали относится серьезней.3
Сегодня круговые диаграммы очень любят использовать для отчетов. Визуально они привлекательны (их чаще других применяют дизайнеры), но часто слишком упрощены и не очень информативны. Сложно визуально сравнивать между собой площадь сегментов. Человеческий глаз не приспособлен к тому, чтобы сравнивать углы (обычно зрительно недооценивают острые и переоценивают тупые углы).
Однако у круговой диаграммы есть преимущество: она совершенно точно показывает, что сегменты - это часть одного целого. Кроме того, можно утверждать, что круг хорошо отражает полноту и завершенность. Круговая диаграмма может быть использо-
Сложно визуально сравнивать между собой площадь сегментов. Человеческий глаз не приспособлен к тому, чтобы сравнивать углы.
вана в изображении тех процессов, для ко -торых не нужно указывать направление, но необходимо показать целостность.
Круговая диаграмма может быть раз- резанной, когда ее части удалены от центра; коль -цевой, когда в центре остается открытое пространство; либо объемной (трехмерной).
_ Чтобы проверить,
отражает ли построенная круговая диаграмма действительность, уберите все цифры и попросите кого -то рядом указать примерные цифры в процентах. Если результат будет сильно отличаться -цель не достигнута. Специалисты рекомендуют не увлекаться творчеством и выбирать традиционные круговые диаграммы4.
Есть интересные дополнения к классическим круговым диаграммам. Например, если вам необходимо проанализировать бюджет компании, то можно изменить высоту секторов. Тогда ширина сектора будет отражать долю статьи в бюджете, а высота -показывать процент выполнения (рис. 1).
Дадим несколько рекомендаций по использованию круговой диаграммы: 1) Не использовать более 6 долей, иначе диаграмма будет выглядеть слишком запутанной. Если сегментов все-таки больше, эксперты советуют выбирать гистограммы5; 2) Располагать сегменты в порядке уменьшения по часовой стрелке; 3) Использовать только
Рис. 1. Использование высоты сектора в круговой диаграмме
№ 10(73) НОЯБРЬ 2016
сумму величин, равную 100%; 4) Исполь- 1хеетар (древовидная диаграмма). Иногда
зовать контрастный цвет для выделения диаграммы такого типа называют мозаичны-
важного сегмента; 5) Не злоупотреблять ми. В них удачно сочетаются свойства диа-
штриховкой, это затрудняет прочтение диа- граммы, позволяющей видеть минимальные
граммы.
Также следует помнить, что бизнес-диаграммы не требуют большого количества отвлекающих декоративных элементов.
Частая ошибка соз- _
дателей диаграмм вообще и круговых диаграмм в частности - неправильные заголовки. Для заголовка необходимо выбирать основную идею.
Технологии визуализации не стоят на месте. Появляются все новые и новые типы диаграмм, однако круговая никуда не исчезает. Важен фактор уместности ее использования. Стоит упомянуть, что ближайшим конкурентом круговой диаграммы является гистограмма.
Если есть необходимость работы с большим массивом данных, то круговую диаграмму использовать просто невоз-
Технологии визуализации не стоят на месте. Появляются все новые и новые типы диаграмм, однако круговая никуда не исчезает. Важен фактор уместности ее использования.
и максимальные значения, и свойства дерева, которое дает возможность сохранить структуру данных.
Treemap изобрел Бен Шнейдерман (Ben
_ Shneiderman) в 1990-х
годах. Он разрабатывал древовидную структуру для файлов и папок на жестком диске, визуализируя ее в диаграмме. Позже данную диаграмму назвали treemap. Такой тип диаграмм очень нагляден, ведь человеку проще сравнивать площадь прямоугольников, нежели кругов. Цвет в treemap может служить дополнительным критерием (например, оценивать производительность).
Treemap могут быть вертикально и горизонтально ориентированными. Вертикальные помогают исследовать данные в глубину, а горизонтальные - сравнивать сразу
можно. Хорошее решение в этом случае - множество объектов6.
Children's.B*ooks........' Romance 1
Magazine
1st Readers
Tolstoy for tots
Pre-Teen & Ten
Young Adult
Make up
Mystery
Baby books
Age 6-8
Sport's illustrated
Teen
Audioboo..
MMA
Women's M...
Other
Science Fiction &... Nonfiction .
Apocalyptic
Comics
Arts & Photography
How-to Crafts
Photog.
Home
Diete
History
Computers &.
Troubleshooting
Рис. 2. Вид диаграммы типа treemap для книжного магазина
Тгеешар дает возможность сравнивать аналогичные и конкурирующие товары. Такая диаграмма идеальна, когда нужно оценить, какой из продуктов линейки приносит наибольший доход. Например, владельцу книжного магазина такой тип диаграммы позволит сравнить прибыль от продаж для книг разных жанров (рис. 2).
Тгеешар обычно ограничивают 12 секторами, однако такая диаграмма может показать отношения между сотнями или тысячами элементов в иерархии. Они особенно полезны для тех компаний, у которых имеются многочисленные данные для анализа: множественность регионов продаж, сотни товаров в продуктовой линейке.
Основная ошибка при построении 1геетар - это избыточная информация внутри прямоугольников и неправильный подбор цветовой гаммы. Если данных, которые необходимо показать на диаграмме, действительно много, следует использовать дополнительные пояснения, вынесенные за рамки основной структуры.
В заключение следует отметить, что в бизнесе есть как рутинные примеры визуализации, когда не задумываясь можно применять определенный тип диаграммы, так и уникальные. Тгеешар, скорее, уникальный тип диаграммы. Его не стоит использовать в тех случаях, когда применение будет избыточным, например, в случае небольшого объема данных. Многие компании, скорее всего, даже не слышали о наличии такого инструмента.
Анализ двух визуальных инструментов -круговой диаграммы и 1геетар - позволяет сделать ряд выводов. Круговая диаграмма -простой и наглядный инструмент. Главное его достоинство - легкость реализации. Создание круговой диаграммы не требует наличия ка-
ких-либо специальных знаний, ее возможно построить практически в любом приложении. Круговые диаграммы не стоит излишне упрощать, но не стоит и усложнять. Treemap - достаточно сложный, профессиональный инструмент визуализации. Применим в случаях анализа большого массива данных. Исполнение потребует наличия ряда профессиональных знаний и навыков. Хороший результат может быть достигнут с использованием как круговой диаграммы, так и treemap.
Каждый год приносит новые виды графики для деловой среды. Диаграммы изменяются, как правило, усложняясь. Однако существует и противоположное движение -стремление к простоте. Всегда важно помнить, что визуализация служит бизнесу, а не наоборот. ;'{Jl
Литература
1. Серебряник И.А., Олах Н.М. Инфографика: решение бизнес-задач // Theoretical@Applied science. 2016. № 4 (36). С. 40-42.
2. Friendly M. A Brief History of Data Visualization [Электронный ресурс]. URL: http://www.datavis. ca/papers/hbook.pdf (дата обращения: 01.10.2016).
3. Яу Н. Искусство визуализации в бизнесе. М.: МИФ, 2013. 352 с.
4. Желязны Д. Говори на языке диаграмм: пособие по визуальным коммуникациям для руководителей. М.: Изд-во Ин-та комплекс. стратегич. ис-след., 2004. 220 с.
5. Дункан К. Книга диаграмм. Визуальное решение задач в бизнесе и карьере / пер. с англ. А. Петренко. М.: Изд-во «Э», 2016. 144 с.
6. Goldberg J., Helfman J., Beresniewicz J. From Research to Product: Integrating Treemaps into Enterprise Software [Электронный ресурс]. URL: http://2014.hci.international/files/HCII2014_Final_ Program.pdf (дата обращения: 10.10.2016).
BUSINESS GRAPHICS FOR COMPONENT-SPECIFIC COMPARISON:
NEW POSSIBILITIES
I.A. Serebryanik, Candidate of Technical Sciences, Docent, V.V. Nadrshin, Candidate of Technical Sciences, Docent, The department of world economics, Irkutsk National Research Technical University, Irkutsk, Russia, [email protected], [email protected]
This article analyzes tools of component-specific comparison for business sphere. For a long time business has used possibilities of diagrams for creation of presentations, reports, website content, etc.
№ 10(73) HOflBPb 2016 I
The paper studies two sorts of diagrams used for component-specific comparison circular and treeman diagrams. The article provides a description of mentioned above diagrams, shows their advantages in business practice. The circular diagram, being a very popular and old tool for visualization, is used very often, and sometimes too much. Treeman diagram is pretty new tool for visualization, and not so popular in business sphere, but very convenient and clear. This article systematizes advantages of circular and treeman diagrams' application. The paper provides basic mistakes in creation of these diagrams. There are some recommendations for creation of diagrams; that helps to make final product clear and consistent. According to the conducted research's results, the authors make a conclusion that circular diagram is a very simple tool for visualization, which handles with not sophisticated objectives with a little volume of data perfectly. Treemap diagram is rather complicated tool, but very obvious, and which can be used in a set of cases where it is necessary to analyze a big array of data.
Key words: business graphics, visualization, business infographic, diagram, pie chart, treemap, mosaic diagram, component-wise comparison, chart, table.
References
1. Serebrianik I.A., Olakh N.M. Infografika: reshenie biznes-zadach [Infographic: solving business problems]. Theoretical@Applied science, 2016, no. 4 (36), pp. 40-42.
2. Friendly M. A Brief History of Data Visualization. Available at: http://www.datavis.ca/papers/hbook.pdf (accessed 01.10.2016).
3. Iau N. Iskusstvo vizualizatsii v biznese [The art of visualization in business]. Moscow, MIF Publ., 2013. 352 p.
4. Zheliazny D. Govori na iazyke diagramm: posobie po vizual'nym kommunikatsiiam dlia rukovoditelei
[Speak the language of diagrams: a guide to visual communication for managers]. Moscow, Izd-vo In-ta kompleks. strategich. issled Publ., 2004. 220 p.
5. Dunkan K. Kniga diagramm. Vizual'noe reshenie zadach v biznese i kar'ere / per. s angl. A. Petrenko [The book charts. Visual problem solving in business and career]. Moscow, Izd-vo «E» Publ., 2016. 144 p.
6. Goldberg J., Helfman J., Beresniewicz J. From Research to Product: Integrating Treemaps into Enterprise Software. Available at: http://2014.hci. international/files/HCII2014_Final_Program.pdf (accessed 10.10.2016).