SlideShare une entreprise Scribd logo
1  sur  46
UX Russia Как передать свои идеи через диаграммы
Диаграмма Диаграмма  на слайде должна   наглядно   показывать соотношение количественных величин… Слайды с цифрами говорят не о цифрах. Они говорят о  смысле , который стоит за ними. Nancy Duarte,  « Slide : ology » Вольный пересказ статьи   « Словаря »
Из истории иколай рем В   1350   году   создал первую диаграмму
[object Object],К кому приходит муза диаграмм Джин Желязны ,  « Бизнес Презентация »
Придерживайтесь 6 принципов ,[object Object],[object Object],[object Object],[object Object],[object Object],Nancy Duarte,  « Slide:ology »
Три шага к построению диаграммы Данные
1. Идея определяет заголовок ,[object Object],[object Object],[object Object],[object Object],[object Object],Джин Желязны ,  « Говорите на языке диаграмм »
2. Определение типа сравнения данных ,[object Object],[object Object],[object Object],[object Object],[object Object],Джин Желязны ,  « Говорите на языке диаграмм » 5 типов сравнения данных:
2.1 Покомпонентное сравнение ,[object Object],[object Object]
2.2 Позиционное сравнение ,[object Object],[object Object]
2.3 Временное сравнение ,[object Object],[object Object]
2.4 Частотное сравнение ,[object Object],[object Object]
2.5 Корреляционное сравнение ,[object Object],[object Object]
3. Выбор типа диаграммы
3.1 Круговая диаграмма ,[object Object],[object Object],[object Object],[object Object]
1. Круговая диаграмма Хорошо Плохо
The great pie chart battle Дизайнеры давно спорят об эффективности круговой диаграммы.
The great pie chart battle Вы видели как 6-летний ребенок  безошибочно  выбирает самый большой кусок пиццы? Ну, что? Круговая или столбиковая пицца? или Dan Roam,  « The back of the Napkin »
[object Object],[object Object],[object Object],[object Object],[object Object],2. Линейчатая диаграмма
2. Линейчатая диаграмма
[object Object],[object Object],[object Object],[object Object],2. Линейчатая диаграмма
2. Линейчатая диаграмма Хорошо Плохо
3. Гистограмма ,[object Object],[object Object],[object Object],[object Object],[object Object]
3. Гистограмма Хорошо Плохо
3. Ступенчатая гистограмма ,[object Object],[object Object],[object Object],[object Object]
3. Ступенчатая гистограмма ,[object Object],Количество заказов
4. График ,[object Object],[object Object],[object Object],[object Object]
4. График Нормальное распределение Гаусса
4. График ,[object Object],[object Object],[object Object],[object Object]
4. График
5. Точечная диаграмма ,[object Object],[object Object],[object Object]
Практикум. Банановое исследование Этот пример взят с замечательного блога, посвященного диаграммам и презентациям:  http://blog.powerlexis.ru/ Наблюдаем  покомпонентное  и  позиционное  сравнение
Практикум. Банановое исследование Наблюдаем  покомпонентное  и  позиционное  сравнение
Практикум. Банановое исследование Наблюдаем  корреляционное  сравнение Тут я немного изменила данные, для наглядности
Оформление. Аскетизм против роскоши Эдавард Тафти рекомендует убирать с диаграмм визуальный шум и делать их  аскетичными . Гарр Рейнольдс, напротив, предлагает дополнять диаграммы  визуальным рядом . Выбирать вам…
В социальных сетях больше женщин Женщины 65% Мужчины НЛО Пример аскетичного дизайна диаграммы
Женщины 65% Мужчины НЛО В социальных сетях больше женщин Пример насыщенного дизайна диаграммы
Скажи «Нет»  3D  диаграммам
Когда диаграмма не нужна ,[object Object],[object Object],[object Object]
55%  тропических лесов Амазонии могут погибнуть к 2030 году
Концептуальные диаграммы ,[object Object],[object Object]
Пример: как отобразить отделы компании ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Пример 1
[object Object],[object Object],[object Object],Пример 2
Книги в порядке желательном для чтения ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Успехов в диаграммотворчестве С вами была Мария Чайкина [email_address]

Contenu connexe

Similaire à как передать свои идеи через диаграммы

Способы наглядного представления данных
Способы наглядного представления данныхСпособы наглядного представления данных
Способы наглядного представления данныхEkaterina
 
Композиция в веб-дизайне
Композиция в веб-дизайнеКомпозиция в веб-дизайне
Композиция в веб-дизайнеEkaterina Andreeva
 
Артем Зайцев, Prolanding: "Как увеличить количество обращений в 6 раз с помощ...
Артем Зайцев, Prolanding: "Как увеличить количество обращений в 6 раз с помощ...Артем Зайцев, Prolanding: "Как увеличить количество обращений в 6 раз с помощ...
Артем Зайцев, Prolanding: "Как увеличить количество обращений в 6 раз с помощ...web2win
 
Создавайте хорошие таблицы
Создавайте хорошие таблицыСоздавайте хорошие таблицы
Создавайте хорошие таблицыIBS
 

Similaire à как передать свои идеи через диаграммы (6)

диаграмма
диаграммадиаграмма
диаграмма
 
Графики. Диаграммы. Инфографика _ Тамара Кулинкович _ Businessresearch.by
Графики. Диаграммы. Инфографика _ Тамара Кулинкович _ Businessresearch.byГрафики. Диаграммы. Инфографика _ Тамара Кулинкович _ Businessresearch.by
Графики. Диаграммы. Инфографика _ Тамара Кулинкович _ Businessresearch.by
 
Способы наглядного представления данных
Способы наглядного представления данныхСпособы наглядного представления данных
Способы наглядного представления данных
 
Композиция в веб-дизайне
Композиция в веб-дизайнеКомпозиция в веб-дизайне
Композиция в веб-дизайне
 
Артем Зайцев, Prolanding: "Как увеличить количество обращений в 6 раз с помощ...
Артем Зайцев, Prolanding: "Как увеличить количество обращений в 6 раз с помощ...Артем Зайцев, Prolanding: "Как увеличить количество обращений в 6 раз с помощ...
Артем Зайцев, Prolanding: "Как увеличить количество обращений в 6 раз с помощ...
 
Создавайте хорошие таблицы
Создавайте хорошие таблицыСоздавайте хорошие таблицы
Создавайте хорошие таблицы
 

Plus de Andrew Sikorskiy

Про человеческое в науке и технике // Территория смыслов'2015
Про человеческое в науке и технике // Территория смыслов'2015Про человеческое в науке и технике // Территория смыслов'2015
Про человеческое в науке и технике // Территория смыслов'2015Andrew Sikorskiy
 
Digital & new media conference'2015, Тюмень
Digital & new media conference'2015, ТюменьDigital & new media conference'2015, Тюмень
Digital & new media conference'2015, ТюменьAndrew Sikorskiy
 
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...Andrew Sikorskiy
 
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014Andrew Sikorskiy
 
Гражданская активность в социальных медиа: 5 принципов — NewMediaNsk
Гражданская активность в социальных медиа: 5 принципов — NewMediaNskГражданская активность в социальных медиа: 5 принципов — NewMediaNsk
Гражданская активность в социальных медиа: 5 принципов — NewMediaNskAndrew Sikorskiy
 
Инновация, ориентированная на пользователя IBC'2013
Инновация, ориентированная на пользователя IBC'2013Инновация, ориентированная на пользователя IBC'2013
Инновация, ориентированная на пользователя IBC'2013Andrew Sikorskiy
 
Об источниках трендов в медиа и не только. WUD'2013
Об источниках трендов в медиа и не только. WUD'2013Об источниках трендов в медиа и не только. WUD'2013
Об источниках трендов в медиа и не только. WUD'2013Andrew Sikorskiy
 
Как и зачем сделать удобный сайт для пользователя ТРИМ'2011
Как и зачем сделать удобный сайт для пользователя ТРИМ'2011Как и зачем сделать удобный сайт для пользователя ТРИМ'2011
Как и зачем сделать удобный сайт для пользователя ТРИМ'2011Andrew Sikorskiy
 
Удовольствие в играх: 4 компонента @InternetLife'2011
Удовольствие в играх: 4 компонента @InternetLife'2011Удовольствие в играх: 4 компонента @InternetLife'2011
Удовольствие в играх: 4 компонента @InternetLife'2011Andrew Sikorskiy
 
Юзабилити аудит @internetLife'2011
Юзабилити аудит @internetLife'2011Юзабилити аудит @internetLife'2011
Юзабилити аудит @internetLife'2011Andrew Sikorskiy
 
За интерфейсом: о ценностях
За интерфейсом: о ценностяхЗа интерфейсом: о ценностях
За интерфейсом: о ценностяхAndrew Sikorskiy
 
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...Andrew Sikorskiy
 
130. Составляющие удовольствия пользователя в играх (и не только)
130. Составляющие удовольствия пользователя в играх (и не только)130. Составляющие удовольствия пользователя в играх (и не только)
130. Составляющие удовольствия пользователя в играх (и не только)Andrew Sikorskiy
 
125. Экспертная оценка: часть 2. Виды
125. Экспертная оценка: часть 2. Виды125. Экспертная оценка: часть 2. Виды
125. Экспертная оценка: часть 2. ВидыAndrew Sikorskiy
 
Банки будущего - тренды в интерфейсах
Банки будущего - тренды в интерфейсахБанки будущего - тренды в интерфейсах
Банки будущего - тренды в интерфейсахAndrew Sikorskiy
 
87. Как по-другому можно подать прогнозы о погоде?
87. Как по-другому можно подать прогнозы о погоде?87. Как по-другому можно подать прогнозы о погоде?
87. Как по-другому можно подать прогнозы о погоде?Andrew Sikorskiy
 
86. «Не/мой» контент интранет
86. «Не/мой» контент интранет86. «Не/мой» контент интранет
86. «Не/мой» контент интранетAndrew Sikorskiy
 
85. Социальные сети и социализация
85. Социальные сети и социализация85. Социальные сети и социализация
85. Социальные сети и социализацияAndrew Sikorskiy
 
84. Доверие в средствах массовой информации
84. Доверие в средствах массовой информации84. Доверие в средствах массовой информации
84. Доверие в средствах массовой информацииAndrew Sikorskiy
 
82. Паттерн «Прокручиваемые витрины»
82. Паттерн «Прокручиваемые витрины»82. Паттерн «Прокручиваемые витрины»
82. Паттерн «Прокручиваемые витрины»Andrew Sikorskiy
 

Plus de Andrew Sikorskiy (20)

Про человеческое в науке и технике // Территория смыслов'2015
Про человеческое в науке и технике // Территория смыслов'2015Про человеческое в науке и технике // Территория смыслов'2015
Про человеческое в науке и технике // Территория смыслов'2015
 
Digital & new media conference'2015, Тюмень
Digital & new media conference'2015, ТюменьDigital & new media conference'2015, Тюмень
Digital & new media conference'2015, Тюмень
 
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
 
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
 
Гражданская активность в социальных медиа: 5 принципов — NewMediaNsk
Гражданская активность в социальных медиа: 5 принципов — NewMediaNskГражданская активность в социальных медиа: 5 принципов — NewMediaNsk
Гражданская активность в социальных медиа: 5 принципов — NewMediaNsk
 
Инновация, ориентированная на пользователя IBC'2013
Инновация, ориентированная на пользователя IBC'2013Инновация, ориентированная на пользователя IBC'2013
Инновация, ориентированная на пользователя IBC'2013
 
Об источниках трендов в медиа и не только. WUD'2013
Об источниках трендов в медиа и не только. WUD'2013Об источниках трендов в медиа и не только. WUD'2013
Об источниках трендов в медиа и не только. WUD'2013
 
Как и зачем сделать удобный сайт для пользователя ТРИМ'2011
Как и зачем сделать удобный сайт для пользователя ТРИМ'2011Как и зачем сделать удобный сайт для пользователя ТРИМ'2011
Как и зачем сделать удобный сайт для пользователя ТРИМ'2011
 
Удовольствие в играх: 4 компонента @InternetLife'2011
Удовольствие в играх: 4 компонента @InternetLife'2011Удовольствие в играх: 4 компонента @InternetLife'2011
Удовольствие в играх: 4 компонента @InternetLife'2011
 
Юзабилити аудит @internetLife'2011
Юзабилити аудит @internetLife'2011Юзабилити аудит @internetLife'2011
Юзабилити аудит @internetLife'2011
 
За интерфейсом: о ценностях
За интерфейсом: о ценностяхЗа интерфейсом: о ценностях
За интерфейсом: о ценностях
 
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
 
130. Составляющие удовольствия пользователя в играх (и не только)
130. Составляющие удовольствия пользователя в играх (и не только)130. Составляющие удовольствия пользователя в играх (и не только)
130. Составляющие удовольствия пользователя в играх (и не только)
 
125. Экспертная оценка: часть 2. Виды
125. Экспертная оценка: часть 2. Виды125. Экспертная оценка: часть 2. Виды
125. Экспертная оценка: часть 2. Виды
 
Банки будущего - тренды в интерфейсах
Банки будущего - тренды в интерфейсахБанки будущего - тренды в интерфейсах
Банки будущего - тренды в интерфейсах
 
87. Как по-другому можно подать прогнозы о погоде?
87. Как по-другому можно подать прогнозы о погоде?87. Как по-другому можно подать прогнозы о погоде?
87. Как по-другому можно подать прогнозы о погоде?
 
86. «Не/мой» контент интранет
86. «Не/мой» контент интранет86. «Не/мой» контент интранет
86. «Не/мой» контент интранет
 
85. Социальные сети и социализация
85. Социальные сети и социализация85. Социальные сети и социализация
85. Социальные сети и социализация
 
84. Доверие в средствах массовой информации
84. Доверие в средствах массовой информации84. Доверие в средствах массовой информации
84. Доверие в средствах массовой информации
 
82. Паттерн «Прокручиваемые витрины»
82. Паттерн «Прокручиваемые витрины»82. Паттерн «Прокручиваемые витрины»
82. Паттерн «Прокручиваемые витрины»
 

как передать свои идеи через диаграммы