Skip to content

Смотреть мир по-русски

Переведи английское сообщение для русских

Menu
Menu

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

Posted on 13/04/2022

Это гостевой пост, написанный членом сообщества SWD Люсией Стефануто . Недавно она была номинирована на награду Member Spotlight — вы можете прочитать больше о ней и ее работе здесь — и в нашем разговоре с ней мы обнаружили, что она разработала процесс предварительной публикации для своих сообщений, чтобы убедиться, что она никогда не упустит шаг, который мог бы усилить сообщение ее визуализаций. Мы пригласили ее поделиться своим процессом здесь. Наслаждаться!


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

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

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

Что делать за десять минут или меньше

Осталось всего несколько минут, чтобы пересмотреть визуал? Сосредоточьтесь на этих двух вопросах. Правильное их выполнение может иметь большое значение для эффективности вашего общения:

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

Напишите свои выводы рядом с графиком: в этом примере общий коэффициент конверсии снижается из-за снижения числа рефералов.

  • Вы эффективно используете цвет? Если цвет на графике не помогает зрителю понять важные элементы нашего анализа, мы должны использовать его по-другому или полностью удалить. Полезно использовать серый цвет в целом, а затем зарезервировать использование цвета для выделения определенного значения, ряда или точки данных. Также важно убедиться, что используемые вами цвета доступны для людей с дальтонизмом — это означает отсутствие комбинаций зеленого и красного!

    Если у вашей аудитории, вероятно, уже есть ассоциации с определенными цветами, воспользуйтесь этими ассоциациями; например, у многих западных зрителей красный цвет ассоциируется с «опасностью» или «предупреждением». Точно так же, если мы визуализируем данные, которые имеют собственный цвет, который мы с ним идентифицируем, например продукты питания (клубника красная, бананы желтые) или бренды (Кока-кола красная, Макдональдс желтый) графики.

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

Что делать больше, чем за десять минут

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

  • Есть ли что-нибудь, что вы можете удалить? Наша цель — создать простой и чистый дизайн, и для этого нам нужно удалить все ненужные элементы. Если что-то не добавляет ценность презентации — линии сетки, линии осей, границы и/или любая другая избыточная информация — избавьтесь от этого. Все, что попадает в окончательную версию вашего графика, должно иметь цель и быть сфокусировано на истории.

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

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

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

Приблизьте метки рядов данных к данным.

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

Длинные этикетки, которым требуется много места, лучше подходят для горизонтальных полос.

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

При сортировке важно поддерживать неотъемлемые приоритеты и естественные порядки.

  • Является ли ваша цветовая палитра визуально привлекательной? Отличным инструментом для создания тем является https://color.adobe.com/ . Вы можете искать вдохновение или загружать любое изображение или логотип, и он сгенерирует целую палитру. Это также хороший инструмент для подтверждения доступности выбранных вами цветовых комбинаций с точки зрения контрастности и совместимости с дальтониками.

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

Оставьте пустое пространство, чтобы ваши глаза могли отдохнуть.

  • Будет ли ваша визуализация работать на мобильном устройстве? Размер шрифта должен быть виден на различных типах экранов, а любые интерактивные элементы (например, кликабельные кнопки) должны быть доступны через окно просмотра мобильного пользователя. Power BI, Tableau и другие инструменты BI позволяют проверить, как наша информационная панель будет выглядеть на мобильных устройствах, и настроить ее соответствующим образом.

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


У вас есть свой контрольный список или хотя бы какие-то шаги, которые вы всегда пересматриваете? Поделитесь своими мыслями в беседе с участниками сообщества SWD. Я с нетерпением жду ответа от вас и добавления новых элементов в этот список!

  • A learning a day
  • A Smart Bear
  • AddyOsmani.com
  • AddyOsmani.com (AddyOsmani.com)
  • Adwyat Krishna
  • Alex Turek
  • All That is Solid
  • André Staltz
  • Ars Technica
  • arxivblog (arxivblog)
  • Atoms vs Bits
  • AVC
  • Basic Apple Guy
  • Ben Thompson
  • Benedict Evans
  • Blog – storytelling with data
  • Bob Nystrom
  • Built For Mars
  • Caleb Porzio
  • Christian Heilmann
  • Christopher C
  • Chun Tian (binghe)
  • Codrops
  • Cold Takes
  • Daily Infographic
  • Dan Luu
  • Daniel Lemire's blog
  • David Amos
  • David Perell
  • David Walsh Blog
  • Derek Sivers
  • Desvl
  • Devon's Site
  • Digital Inspiration
  • DKB Blog
  • dropsafe
  • DSHR
  • Dunk
  • DYNOMIGHT
  • eagereyes
  • Endless Metrics
  • Engadget
  • Engadget (Engadget)
  • Entitled Opinions
  • Exception Not Found
  • Experimental History
  • Farnam Street
  • Fed Guy
  • Felix Krause
  • Florent Crivello
  • FlowingData
  • FlowingData (FlowingData)
  • Free Mind
  • Full Stack Economics
  • Funny JS
  • Future A16Z
  • GeekWire (GeekWire)
  • Glassnode Insights
  • Hacker News Daily
  • Harvard Health
  • Human Who Codes
  • Hunter Walk
  • Infographics – Cool Infographics
  • Information is Beautiful
  • Irrational Exuberance
  • Jacob Kaplan-Moss
  • Jakob Greenfeld
  • James Sinclair
  • Jason Fried
  • Jeff Kaufman
  • Joel on Software
  • John Resig
  • John's internet house
  • Johnny Rodgers
  • Julia Evans
  • Julian.com
  • Kevin Cox
  • Kevin Norman
  • KK – Cool Tools
  • KK – Recomendo
  • KK – The Technium
  • Krishna
  • Laurence Gellert's Blog
  • Lee Robinson
  • Lines and Colors
  • Lyn Alden – Investment Strategy
  • Martin Fowler
  • Matt Might's blog
  • Mobilism Forums
  • More To That
  • Morgan Housel
  • My Super Secret Diary
  • NASA Astronomy Picture
  • Neckar's New Money
  • News Letter
  • Nick Whitaker
  • Nicky's New Shtuff
  • nutcroft
  • Paul Graham
  • Paul Graham: Essays
  • Penguin Random House
  • Philip Walton
  • Phoenix's island
  • Product Hunt
  • Prof Galloway
  • Psyche
  • Python Weekly
  • Quanta Magazine
  • Rachel
  • Real Life
  • Riccardo Mori
  • Sasha
  • Science & technology
  • Science current issue
  • Scott Hanselman's Blog
  • Sébastien Dubois
  • Secretum Secretorum
  • Seth's Blog
  • Shu Ding
  • Sidebar
  • SignalFire
  • SignalFire (SignalFire)
  • Simon Willison's Weblog
  • Simons Foundation
  • Singularity HUB
  • SLIME MOLD TIME MOLD
  • Slyar Home
  • Spencer Greenberg
  • Stay SaaSy
  • Stephen Malina
  • Strange Loop Canon
  • Stratechery
  • Tech Notes
  • TechCrunch
  • TechCrunch (TechCrunch)
  • The Commonplace
  • The Intrinsic Perspective
  • The Latest in Hearing Health | HeardThat
  • The Rabbit Hole
  • The Verge
  • TLDR Newsletter
  • Tom's blog
  • Tomasz Tunguz
  • Troy Hunt
  • Tychlog
  • Uncharted Territories
  • Visual Capitalist
  • Visual.ly (Visual.ly)
  • Visualising Data
  • Vitalik Buterin
  • Weichen Liu
  • What's New
  • Works in Progress
  • Workspaces
  • Writing
  • Xe's Blog
  • xkcd.com
  • xkcd.com (xkcd.com)
  • Yihui Xie
  • Zoran Jambor
  • АВК (AVC)
  • Адвиат Кришна (Adwyat Krishna)
  • Арс Техника (Ars Technica)
  • Астральный кодекс десять (Astral Codex Ten)
  • Астрономическая фотография НАСА (NASA Astronomy Picture)
  • Атлантический океан (The Atlantic)
  • безопасный (dropsafe)
  • Бенедикт Эванс (Benedict Evans)
  • Бесконечные показатели (Endless Metrics)
  • Билл Гейтс (Bill Gates)
  • Блог — сторителлинг с данными (Blog – storytelling with data)
  • Блог | Хранитель (Datablog | The Guardian)
  • Блог ДКБ (DKB Blog)
  • Блог Дэвида Уолша (David Walsh Blog)
  • Блог Дэниела Лемира (Daniel Lemire's blog)
  • Блокчейн (BlockChain)
  • Боковая панель (Sidebar)
  • Бретт Винтон (Brett Winton)
  • Будущее A16Z (Future A16Z)
  • Вайхен Лю (Weichen Liu)
  • Визуализация данных (Visualising Data)
  • Визуальный капиталист (Visual Capitalist)
  • Виталик Бутерин (Vitalik Buterin)
  • Внутренняя перспектива (The Intrinsic Perspective)
  • Все
  • Гарвардское здоровье (Harvard Health)
  • Грань (The Verge)
  • Дерек Сиверс (Derek Sivers)
  • Джейсон Фрайд (Jason Fried)
  • Джефф Кауфман (Jeff Kaufman)
  • Джулия Эванс (Julia Evans)
  • ДИНАМАЙТ (DYNOMIGHT)
  • Дуглас Вагетти (Douglas Vaghetti)
  • Дэвид Амос (David Amos)
  • Ежедневная инфографика (Daily Infographic)
  • Ежедневные новости хакеров (Hacker News Daily)
  • Еженедельник Питона (Python Weekly)
  • Журнал "Уолл Стрит (The Wall Street Journal)
  • Журнал Кванта (Quanta Magazine)
  • Записка Безумного Неда (The Mad Ned Memo)
  • Зоран Джамбор (Zoran Jambor)
  • Илон Маск (Elon Musk)
  • Интернет-дом Джона (John's internet house)
  • Инфографика – Классная инфографика (Infographics – Cool Infographics)
  • Информационный бюллетень TLDR (TLDR Newsletter)
  • Информация прекрасна (Information is Beautiful)
  • Иррациональное Изобилие (Irrational Exuberance)
  • Исключение не найдено (Exception Not Found)
  • Используйте (Make Use Of)
  • Ихуи Се (Yihui Xie)
  • Канал Дурова (Durov's Channel)
  • Кевин Кокс (Kevin Cox)
  • КК – крутые инструменты (KK – Cool Tools)
  • КК – Рекомендую (KK – Recomendo)
  • КК – Техниум (KK – The Technium)
  • Колоссальный (Colossal)
  • Кристиан Хайльманн (Christian Heilmann)
  • Кришна (Krishna)
  • Кроличья нора (The Rabbit Hole)
  • Кэти Вуд (Cathie Wood)
  • Лин Олден – Инвестиционная стратегия (Lyn Alden – Investment Strategy)
  • Линии и цвета (Lines and Colors)
  • Марк Гурман (Mark Gurman)
  • Мозговые выборки (Brain Pickings)
  • Мой супер секретный дневник (My Super Secret Diary)
  • Морган Хаузел (Morgan Housel)
  • Морской (Naval)
  • Наткрофт (nutcroft)
  • Наука & технологии (Science & technology)
  • Неизведанные территории (Uncharted Territories)
  • нетерпеливые глаза (eagereyes)
  • Никаких классификаций
  • Новостная рассылка (News Letter)
  • Новые деньги Неккара (Neckar's New Money)
  • Обучение в день (A learning a day)
  • Обыденность (The Commonplace)
  • Обычный яблочный парень (Basic Apple Guy)
  • Охотничья прогулка (Hunter Walk)
  • Параг Агравал (Parag Agrawal)
  • Перевод из твиттера
  • Подробнее об этом (More To That)
  • Поиск продукта (Product Hunt)
  • Полная экономика стека (Full Stack Economics)
  • Практичный разработчик (The Practical Developer)
  • Проф Галлоуэй (Prof Galloway)
  • Психея (Psyche)
  • Рабочие области (Workspaces)
  • Рабочие пространства (Workspaces)
  • Реальная жизнь (Real Life)
  • Риккардо Мори (Riccardo Mori)
  • Рэй Далио (Ray Dalio)
  • Рэйчел (Rachel)
  • Саша (Sasha)
  • Себастьен Дюбуа (Sébastien Dubois)
  • СЛАЙМ ПЛЕСЕНИ ВРЕМЯ ПЛЕСЕНИ (SLIME MOLD TIME MOLD)
  • Статистика стеклянных узлов (Glassnode Insights)
  • Стеф Смит (Steph Smith)
  • Стратехия (Stratechery)
  • Текущий выпуск науки (Science current issue)
  • Тим Кук (Tim Cook)
  • Томаш Тунгуз (Tomasz Tunguz)
  • Трой Хант (Troy Hunt)
  • Фонд Саймонса (Simons Foundation)
  • ХАБ Сингулярности (Singularity HUB)
  • Хакер Новости (Hacker News)
  • Хакер полдень (Hacker Noon)
  • Холодные приемы (Cold Takes)
  • Цифровое вдохновение (Digital Inspiration)
  • Что нового (What's New)
  • что твердо (All That is Solid)
  • Экономика полного стека (Full Stack Economics)
  • Экономист (The Economist)
  • Энономист (Enonomist)
  • Энономист Печать (Enonomist Print)
  • Якоб Гринфельд (Jakob Greenfeld)

твиттер

На вашем сайте нет Метки, поэтому здесь нечего показывать.

  • Февраль 2023
  • Январь 2023
  • Декабрь 2022
  • Ноябрь 2022
  • Октябрь 2022
  • Сентябрь 2022
  • Август 2022
  • Июль 2022
  • Июнь 2022
  • Май 2022
  • Апрель 2022
  • Март 2022
©2023 Смотреть мир по-русски | Design: Newspaperly WordPress Theme