Шпаргалка для авторов научных журналов

Алексей Смагин (@BlackPineapple) — о том, как делать ваши графики понятными и красивыми. А в деталях учу этому искусству на курсе «Эстетика в графиках»

визуализацияграфикинаучные журналы

Ко мне на курс приходят люди с разным бэкграундом, разными навыками и разными запросами. Для кого-то важнее сторителлинг и эстетика, кто-то разбирается с базовыми навыками визуализации.

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

В своём дипломном проекте она разобрала частые ошибки, которые у авторов встречались, — и предложила варианты их исправления.

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

Но нет предела совершенству! Если захотите аккуратно покритиковать некоторые из решений, думаю, это может стать полезным дополнением для новой версии гайда.

Вот, что сама она недавно писала в чат выпускников:

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

Если вы тоже хотите разобраться в правилах визуализации, сделать свои графики более читаемыми и понятными, приходите на курс. Завтра уже начинаем курс, так что это последний шанс записаться на 6-й поток:

https://clck.ru/3RvQ2J

Слайд с примером линейного графика и вариантом исправления: сравнение «было»/«стало», советы по подписям и читаемости
Сравнение «было» и «стало» для линейного графика: горизонтальные подписи и читабельность
Слайд с примером столбиковой диаграммы и её накопления: показаны ошибки кодирования абсолютных величин и варианты исправления
Ошибки в столбиковой диаграмме с накоплением и их исправление
Слайд о нарушении принципа близости в столбцовых диаграммах: пример «было» и «стало», как отделять дополнительные величины визуально
Нарушение принципа близости и визуальные исправления на столбцовых диаграммах
Слайд с проблемами 3-D столбцовых диаграмм и рекомендованными заменами: почему 3‑D затрудняет восприятие и как перейти к альтернативам
Проблемы 3‑D диаграмм и предложение заменить на пузырьковую визуализацию
Слайд о 3‑D круговой диаграмме и её замене на древовидную или столбцовую визуализацию с подписями в процентах
Замена 3‑D круговой диаграммы на более читаемые альтернативы
Слайд с рекомендациями по использованию пай‑чартов при большом числе секторов и примерами замены на линейчатые или столбцовые диаграммы
Когда не стоит использовать пай‑чарт: альтернативы для многих секторов
Слайд с примером замены круговой диаграммы на горизонтальные столбцы и bullet‑диаграмму для удобного сравнения долей и читаемости
Замена мультисекторной круговой диаграммы на горизонтальные столбцы или bullet‑chart

Дискуссия

Observer
Ещё бы зелёный и красный цвета не брать, а то дальтоникам не очень круто читается такое
Любовь, BI и графики
Observer
Ещё бы зелёный и красный цвета не брать, а то дальтоникам не очень круто читается такое
а что лучше использовать, чтобы и дальтоникам и людям без особенностей по зрению было понятно?)
Алексей Смагин
Любовь, BI и графики
а что лучше использовать, чтобы и дальтоникам и людям без особенностей по зрению было понятно?)
Если я не ошибаюсь, у них обычно проблемы с отличиями между красным и зелёным. Хотя там есть разные формы нарушения зрения. Поэтому — вывод, не брать красный и зелёный там, где важно их отличать Есть онлайн-сервисы для проверки картинок на читаемость при нарушениях цветовосприятия
Любовь, BI и графики
Алексей Смагин
Если я не ошибаюсь, у них обычно проблемы с отличиями между красным и зелёным. Хотя там есть разные формы нарушения зрения. Поэтому — вывод, не брать красный и зелёный там, где важно их отличать Есть онлайн-сервисы для проверки картинок на читаемость при…
спасибо большо за ответы)
Nataly
Всегда благодарна за советы. Я не дизайнер и задачи у меня другие - понять, где чужой график требует исправления, какого именно и убедить автора в этом. Тут еще учиться, учиться и учиться. Восхищаюсь чужим мастерством
Ame
Любовь, BI и графики
а чтобы вы тут посоветовали? в примере в целом не так уж сильно выбивается самый большой столбец, и он хорошо лег "необрезанный" но бывает, что они раза в 2-3 выше(
Значения, отличающиеся более чем десятикратно, столбиками не отобразить. Выпирающие столбцы отметить особо и указать величину цифрами. Если выпирает один столбец, крайний, то можно пустую часть занять регулярным текстом. Но это неакадемично.
Ame
Любовь, BI и графики
чтобы и дальтоникам
Нужно, чтобы плохо различаемые дальтониками цветовые пары отличались контрастностью. В фоторедакторе преобразовать рисунок в монохром и убедиться, что они различимы.
Присоединиться к обсуждению →

Читайте так же