• Агентство
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости

Тема: таблицы 8

О телефонах, химических элементах и честности — в таблицах и картах

6 г. назад Примеры визуализацииstorytelling, карты, таблицы

В журнале BBC Science Focus появилась новая версия Таблицы Менделеева — с указанием дополнительных, применимых к современной реальности параметров. А именно — доступность этого элемента на планете (в изобилии или немного уже осталось), стоимость, и как он используется при изготовлении мобильных телефонов. Идея в том, чтобы показать, что ресурсы некоторых элементов уже близки к истощению. И самое интересное тут — насколько более «живой» становится таблица, когда видишь конкретное практическое применение элементов в повседневных гаджетах и историю, которая стоит за ними сейчас.

Таблица целиком:

Каждый фрагмент таблицы в отдельности и крупно — смотрите тут

Легенда:

Слева: Размер и цвет круга — доступность материала на земле (кол-во и есть ли нехватка), Количество линий — стоимость за кг; Справа: Черный кружек показывает в какой части смартфона используется элемент — батарейка, корпус, электроника, экран

Слева: Цвет — голубой (в изобилии), бежевый (ограничен, риск в будущем), розовый (степень риска растет из-зи растущего использования), бордовый (серьезный риск в следующем столетии). Справа: Состояние при комнатной температуре (газообразное, жидкое, твердое)

А вот еще одна история про мобильные телефоны и элементы.

Голландская компания FairPhone задалась целью создать «честный» телефон.

Честный значит:

  • что не нужно будет покупать новый завтра, а можно будет просто обновить один из компонентов самостоятельно
  • что все материалы добыты максимально честным путем: всем заплатили, детский труд не использовали, планету не сильно загрязнили, все что могли — отправили на вторичную переработку

 

Еще один важный принцип тут — прозрачность. На сайте FairPhone можно проследить, откуда и как пришел каждый из компонентов телефона вот на такой вот карте. А еще вот тут можно посмотреть, как складывалась цена.

Надеемся, что вы никогда больше не посмотрите на телефон по-прежнему — в голове постоянно будут вплывать цифры, карты, таблицы и истории ;).

Календарь аварийности

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

Транспортный департамент Висконсиса визуализировал статистику дорожных аварий по времени года и дню недели в зависимости от типа аварии. Этот календарь позволил сделать ряд выводов и открыть множество дискуссий о предотвращении аварийных ситуаций.

Ссылка на pdf. И фрагмент календаря чуть крупнее:

Что стало однозначно видно благодаря такому отображению данных (есть конечно и очевидные вещи и новые выводы):

  • Аварии по причине алкоголя обычно происходят в выходные
  • Октябрь-ноябрь — повышенная опасность со стороны оленей
  • Аварии с участием мотоциклов и велосипедов сконцентрированы летом
  • Смертельные случаи распределены по году довольно равномерно
  • Превышение скорости зимой приводит к авариям

 

Оставшиеся на планете ресурсы

Изображение13 г. назад 5 Примеры визуализацииинфографика, таблицы

Некоторое время назад небезысвестный ресурс InformationisBeautiful.net объявил открытый конкурс идей как визуализировать статистику об исчезающих постепенно ресурсах земли.

Среди прочих был представлен этот скетч. Автор Will Stahl-Timmins.

как визуализировать количество природных ресурсов

Вы уже начинаете догадываться что это? Это периодическая таблица Менделеева, в которую добавили третье измерение — шкалу лет, на которые еще хватит этого ресурса на планете.

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

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

инфографика, периодическая таблица

Больше идей и набросков визуализаций, участвовавших в конкурсе вы можете посмотреть  тут. Продолжить чтение →

Принцип Гештальта для оформления таблиц

Статья13 г. назад Колонка со-авторов, Теориягештальт, законы восприятия, информационная архитектура, таблицы, теория информационного дизайна
инфографика и оформление таблиц

Благодарим Сергея Макаревича за предоставленный материал. Сергей — автор блога BusinessPresentation.ru

Я занимаюсь бизнес анализом и планированием в телекоммуникационном бизнесе на позиции директора, получил образование МВА, а профессиональное создание презентаций — мое хобби. Не всех презентаций, а только тех, которые можно назвать бизнес презентацией или информационной презентацией.

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

  • Объекты, которые расположены рядом воспринимаются как целое
  • Объекты, которые похожи по цвету, форме, размеру воспринимаются как целое
  • В восприятии мы стремимся к упрощению и целостности
  • В восприятии мы стремимся завершать фигуру, что бы она приобретала замкнутый вид
  • На нашу интерпретацию влияет прошлый опыт и ожидания

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

8 периодических таблиц. Таблица Менделеева — тоже инфографика?

Изображение15 г. назад 8 Примеры визуализацииинфографика, история инфографики, таблицы

Буду утверждать что ДА — инфографика!

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

Публикую подборку периодических таблиц:

  • начнем с первоисточника,
  • потом — его поздние модификации (где элементы еще и представлены картинками — смотрите как задача решена с газами — очень интересно, светящимися шрифтами)
  • и все что появилось «по мотивам» химических элементов — таблица шрифтов и видов пива, таблица умений супер героев и операторов в языке программирования
  • и под занавес — таблица способов визуализации
Периодическая таблица химических элементов Менделеева

Периодическая таблица химических элементов Менделеева

Периодическая таблица Менделеева, модифицированная 1

Периодическая таблица Менделеева, модифицированная 1

Таблица Менделеева, модифицированная 2

Таблица Менделеева, модифицированная 2

И теперь уходим от химии:

Периодическая таблица шрифтов

Периодическая таблица шрифтов

Периодическая таблица операторов в Perl

Периодическая таблица операторов в Perl

Периодическая таблица видов пива

Периодическая таблица видов пива

инфографика

Периодическая таблица умений супер-героев

Ну и периодизация всех возможных способов визуализации:

Теблица способов и видов визуализации информации

Теблица способов и видов визуализации информации

Простейшие правила оформления таблиц

Статья16 г. назад 3 Инструментытаблицы

Сегодня наткнулась на блог Nordiс Design и с удовольствием процитирую у себя несколько постов по информационному дизайну.

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

К перечисленному ниже могу добавить 2 момента:

  1. Использовать тысячный визуальный разделитель (не 8684 руб, а 8 684 руб) — эта функция есть в Экселе
  2. Отмечать цветом выделяющиеся значения, чтобы ускорить восприятие (например сразу красить красным отрицательные показатели)

Итак, цитирую:

A. S. C. Ehrenberg в 1977 году написал и прочитал перед английским Королевским статистическим обществом хорошую и полезную статью о дизайне таблиц: Rudiments of Numeracy. Он привел 6 простых правил как улучшить читаемость, легкость анализа табличных данных и привлекательность таблицы в целом.

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

Не так

tg1

 

 

 

А так

tg2

 

 

 

Продолжить чтение →

Инфограферы за работой (студия Лебедева)

Изображение16 г. назад Примеры визуализациитаблицы, Эдвард Тафти

Сегодня мне попался пост с сайта студии Лебедева о процессе переработки таблиц в картинку.

Публикую у себя за логику, пошаговость повествования и результат. Тёма  и его коллеги, вам большой респект — когда я работала с дизайнерами по похожим задачам, слов «гипотеза» я уж точно от них  не слышала! 

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

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

Поэтому работа над разворотом началась с анализа данных. Исходная таблица была переведена в формат Microsoft Excel и подвергнута различным преобразованиям.

Конечный вид информации

uspet_leonardo

 

 

 

 

 

 

 

 

 

Продолжить чтение →

Размышления о таблицах

Статья16 г. назад 1 Инструментытаблицы

Таблица — самый распространенный формат предоставления данных. Это такой проверенный контейнер для данных. И самый привычный. 

MS Excel по-моему является верхом эволюции такой коробочки, и все мы им пользуемся

eggs-data1

Понятно что есть более продвинутый софт по работе с таблицами (SPSS и прочие стат продукты), но суть таблицы от этого не меняется, только размер.

А размер как раз имеет очень большое значение.

Проверено опытом, что самые интересные и ‘Insightful’ данные запрятаны в табличках, превышающих размер 3х3. Соответственно, информативность растет обратно-пропорционально нашей способности эту информацию воспринять…. Дилемма.

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

Есть линия в случае временного интервала

Есть попытки с круговым отображением данных, но их нужно заново учиться воспринимать. На табличку бросил взгляд и понял о чем речь. Посмотрел на круг и завис.

 

 circle

У меня лично, такая круговая диаграмма вызывает растерянность. Представляю, как мои бренд-менеджеры пролистывают эту страничку не поняв глубокого смысла 

 

Хотя, идея, заложенная внутри довольно проста, но согласитесь, матрица 3 на 3 выглядит менее страшно.

 

  circle11

 

Продолжаю находиться в поиске ответа на вопрос «Существует ли адекватная замена таблице?»

Обещаю себе на досуге опробовать Circos soft на маркетинговых данных (например, продажи различных видов чая с разбивкой по городам), т.к. изначально этот способ визуализации был разработан для генетиков и не совсем понятно, будет ли он наглядным для нас.

 

Темы раздела
Примеры визуализации 5Колонка со-авторов 1Теория 1Инструменты 2
Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+