Начальство требует представить динамику изданий по шаблону

Михаил
2 марта 2009

Здравствуйте, Артем!

Пишу вам, как отчаявшийся человек: начальство требует представить динамику изданий по шаблону (Эксель, кривые с опорными точками), а я вижу, что график совершенно беспомощный — кроме лидера никого не различишь (а на второй оси его делать еще хуже) Часть данных за 2005 отсутствует, из-за чего внизу разрыв…

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

Собирать аудиторию «наименьших изданий» в одну линию — не хотят. Разносить на несколько графиков — соглашаются неохотно («Вот, если не будет другого выхода, но и так нормально…»).

А что нормально? Оптимизация тут возможна?

А. Г.

Сложно давать рекомендации, не зная, что на уме у вашего начальства.

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

Вероятно, в таком случае правильнее отсортировать список еженедельников по аудитории (конечно же, не в алфавитном порядке, как у вас).

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

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

Все значения и графики условны.

Твитнуть

Отправить

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

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

Михаил Майстров
2 марта 2009

Простите, про цель забыл. Цель, как вы правильно сказали, — оценить весь рынок изданий в целом, его динамику. А если есть какие-то явные тенденции — скажем, для деловых или ТВ-гайдов — выявить их.

Насчет показа каждого отдельно — увы, такой метод не подходит (хотя я до него не додумался). Я, как правило, знаю, если моё издание теряет аудиторию, и хочу узнать, не теряют ли её остальные издания моего города или моего направления. Поэтому издания нужно показывать в сравнении. Читай, все на одном графике.

Теперь по поводу динамики — сделано очень красиво и правильно! Однако активные колебания скорее показывают, что это или молодое издание, к которому проявили интерес (рост), либо старое, интерес к которому теряется (падение). Посему, активная динамика в процентах — это хорошо, если её показали, но второстепенно. На первом плане — не отдельное издание, а хотя бы отдельные сегменты (деловые, женские, ТВ). В идеале — весь рынок. Со всеми вытекающими проблемами «визуального мусора», ибо поместить это всё на один экран, чтобы «охватить взором весь рынок прессы», — задача не из легких :-(

Александр Пономарев
3 марта 2009

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

Денис Братчук
3 марта 2009

Если вы сделаете отдельные графики для каждого сегмента и поставите их рядом, то можно будет:
- сравнить сегменты между собой;
- сравнить издания в пределах одного сегмента и определить, за счёт чего происходит рост (т. е. выросла ли популярность всех изданий, или вместо «Лизы» домохозяйки стали читать «Отдохни»);
- увеличить масштаб для непопулярных сегментов, чтобы различать отдельные графики.

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

Было бы логично прокомментировать на графике причины наиболее выдающихся скачков отдельных изданий или сегментов в целом.

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

Дмитрий Олляк
10 марта 2009

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

Леонид Спирин
5 января 2020

При создании инфографики иногда можно пользоваться не только двумя измерениями (вверх-вниз и влево-вправо), но и временем.

Посмотрите, как это реализовано в видео о капитализации известных компаний:
https://youtu.be/BQovQUga0VE

Юлия Шатрова
10 февраля 2020

Леонид, а в чём сделаны такие «живые» графики? Так залипательно выглядит, даже если тема не близка :-)

	Ваш комментарий	Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа. Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным. Вот такой веб 2.0.

Имя и фамилия	обязательны полностью для публикации комментария
Электронная почта	адрес не будет опубликован
Ваши соображения
Иллюстрация	гиф или джипег шириной не более 700 пикселей

Похожие советы Представление информации₁₅₇ Словографики₁ Псевдокривые₃ Интерфейс₅₈₃ Формат: диаграмма₇₇ Формат: таблица₁₂₅ Носитель: бумага₁₄₂

3 • 3 • 10 • 7 •

3 • 2 • Зачем читать книги из совета о «науке» юзабилити, когда приглашать дизайнера в проект и как определить хороший референс для тренировки насмотренности Талант в успехе дизайнера, что почитать о дизайне продуктов, трудоустройство выпускников школ бюро Вакансия визуализатора 2 • 2 • 3 • 1 • 2 • 4 • С подходами к адаптивной вёрстке вроде все уже разобрались, но вот с отображением табличных данных понятно не всё 8 • Почему на шкале большинства термометров цифры написаны по обе стороны делений? 1 • 6 • 4 • 2 • Хочу сделать красивый блог с пошаговыми рецептами 7 • 1 • 7 • 4 • 2 • 6 • 5 • 14 • 3 • 5 • 8 • 3 • Числа, кратные 5 или 10 кажутся больше, чем остальные 4 • 6 • 6 • 5 • 1 • 1 • 2 • 2 • 6 • 2 • 13 • 6 • 19 • 4 • 7 • 4 • 3 • 46 • 10 • 4 • 16 • 7 • 2 • 6 • 5 • 3 • 15 • 2 • 6 • 2 • 11 • 10 • Есть 10 объектов, в каждом объекте 3 зоны, в каждой зоне 2-5 температурных датчиков 4 • 14 • 5 • 6 • 8 • 8 • 4 • 3 • 8 • 2 • 5 • 5 • 7 • 4 • 8 • 6 • 2 • 2 • 7 • 5 • 5 • 1 • Поскольку одни люди привыкли мерить время цифрами, а другие циферблатами, мне кажется разумной идея добавить в интерфейсы телефонов пиктограммы с часами 2 • 5 • 15 • 9 • 5 • Что вы думаете о нотации Гарретта? 10 • 8 • 10 • 12 • 3 • 3 • 4 • 29 • 7 • 7 • 10 • Существует ли какая-то система нотации для моделирования пользовательского интерфейса, которая бы позволяла обозначать такие свойства элементов, как «резиновость», сохранение выравнивания по какой-либо оси? 10 • 7 • 7 • 11 • 8 • 11 • 16 • 2 • 2 • 4 • 4 • 6 • 1 • Что вы думаете насчет Google Chart API? 6 • 4 • 12 • 6 • 3 • 3 • 14 • 15 • 6 • 8 • 15 • 11 • 9 • 4 • 11 • 4 • 4 • 7 • Что еще может служить для упрощения навигации в метро? 16 • 2 • 15 • 4 • 5 • 11 • 1 • 7 • 9 • 17 • 4 • 5 • 3 • 6 • 11 • 2 • 13 •

7 •

4 • Что вы думаете насчет Google Chart API? 6 • 5 •

Расскажите о мастере 1 • Расскажите о состояниях элементов интерфейса 1 • Расскажите о клике 1 • Расскажите о кнопке 3 • Группы иконок в перегруженных интерфейсах 5 • 5 • 2 • Кнопка «Подробнее» Скопировать в новую заявку 4 • 2 • Иконки соцсетей передизайнены Подключить новый способ приёма платежей Пагинация таблицы ордеров с тысячами строк Просят сделать дизайн-систему Красивые шаблоны коммерческих предложений, что делать, если коллега работает плохо и откуда пошла мода на скруглённые углы Зачем читать книги из совета о «науке» юзабилити, когда приглашать дизайнера в проект и как определить хороший референс для тренировки насмотренности Где продать готовый дизайн, можно ли дизайнеру стать аналитиком и когда писать клиентам письма-догоняйки Как поступаете с иконками, когда линии размываются? Плагины для Фигмы. Часть 3 Как работать в Фигме быстрее. Часть 4 1 • Как анимировать в Фигме? 1 • 1 • Как сделать мобильную версию главного меню сайта с большим количеством разделов? 1 • 3 • Как донести до коллег, что дизайнер — не просто оператор Фотошопа? 6 • Насколько правильным будет делать цвет ошибок почти таким же, как цвет кнопок? 4 • Как показать кликабельность картинки в электронном письме? 5 • 8 • Как предложить руководству создать единую библиотеку элементов 5 • 1 • Где хранить скриншоты интерфейсных решений, чтобы было удобно искать референс? 10 • Каким должно быть ресторанное меню на сайте? 1 • Насколько оправдан звук в веб интерфейсах? Например: клик по ссылке, добавление товара в корзину, удаление из корзины и т. д. 2 • 8 • Что лучше использовать: спинер или прогрессбар? 5 • 7 • 3 • 2 • 3 • Чем заменить «Подробнее» в описании продуктов? 2 • 1 • 5 • Функция Auto Layout в Фигме — как делать резиновые кнопки Как передавать макеты в разработку? 3 • Как работать в Фигме быстрее. Часть 3 1 • Как работать в Фигме быстрее. Часть 2 Как работать в Фигме быстрее 6 • Плагины для Фигмы. Часть 2 Плагины для Фигмы. Часть 1 1 • Сервис для перевода денег между картами. Часть 2 3 • 5 • Советы о дизайне интерфейсов 4 • 3 • 1 • Какую иконку придумать для кнопки вызова официанта 1 • Смена иллюстраций при переключении абзацев в книгах издательства бюро 6 • 1 • Как озаглавить форму записи в парикмахерскую 2 • 5 • 4 • 2 • 4 • 1 • Принцип последней мили в интерфейсах Раскин вскользь говорит: «большинство людей из той культуры, на которую этот интерфейс ориентирован» 2 • 3 • 1 • 1 • 1 • 1 • Исследование Гугля: пользователям легче читать, когда подписи над полями 2 • Должно ли быть на каждом экране название мобильного приложения? 1 • Что такое интерфейс? 2 • А что за «взгляд новичка» такой? 1 • 12 • 16 • Как вы доносите своим клиентам, что дизайн — это не внешний вид, а совершенно иная деятельность? 3 • 4 • 1 • 2 • 5 • 4 • 2 • Как нарисовать правильную галочку? 1 • Идеальная панель администратора, какая она? 13 • Занимаюсь разработкой интерфейса веб-приложения, в некоторых местах надо показать числовой коэффициент 3 • Как правильно показать на главной странице направления компании, когда их аж 12 штук? 10 • 4 • Как вы относитесь к элементам интерфейса с динамическим контентом в рамках фиксированного пространства? 10 • Но когда другой человек это видит, говорит, что это плагиат, ты всё скопировал, воруешь и т. п. 3 • Как правильно писать размерность? 6 • Как быть с длинными названиями компаний при создании логотипов? 9 • Что делать, если он совершил какие-то действия, а после этого заходит в свой профиль, где уже есть сохранённые данные? 5 • Не могу покреативить над комм. предложением. Тема — грузоперевозки, грузчики 2 • 9 • Как лучше называть чекбокс про запоминание пользователя? 5 • 6 • 7 • 1 • 8 • Должен ли макет сайта понравиться абсолютно всем сотрудникам веб-студии, прежде чем менеджер проекта покажет его клиенту? 3 • 8 • 2 • Адвокат хочет выйти на Москву 4 • 14 • Хотим переделать свой и-магазин пиротехники 3 • Год назад запустил личный проект «Либретто опер» 2 • Необходимо разработать интернет-магазин китайского чая 2 • 5 • Хочу сделать красивый блог с пошаговыми рецептами 7 • 2 • Скажите, в каком виде вы оформляете юзкейсы? 1 • Веб-студия рисует дизайн сайта и для выпадающего меню упорно делает пунктирную ссылку 4 • В совете Артём Горбунов говорил о несочетающихся пропорциях шрифтов 1 • Как вы относитесь к «отложенным товарам» в интернет-магазинах? 3 • 3 • 4 • 3 • 1 • Как бы вы расставили ссылки в этих новостях с сайта glavbukh.ru? 1 • 7 • Клиент настаивает на длинных-длинных страницах текста в десятки экранов 4 • 2 • Что даёт вам основания предполагать, будто принципы, сформулированные для материальных систем, можно переносить на информационные? 3 • 6 • 3 • 3 • 5 • Какой делать фавыконку сайта: просто 16×16 или содержащую в себе разные размеры? 10 • 3 • 4 • 1 • 2 • 7 • 2 • 6 • 5 • 2 • 1 • 2 • 9 • 4 • 5 • Есть каталог товаров, и нужно придумать названия для места, куда этот товар можно отложить 3 • Сейчас многие предприятия покупают домены на русском 3 • 5 • 7 • Есть подозрение, что «выберите пункт», вбитый в селект по умолчанию — это костыльное решение 8 • 1 • 4 • Подскажите пожалуйста, как бы вы построили диаграмму следующего типа 2 • 4 • Многие антивирусы не дают возможности закрыть или удалить себя без дополнительных усилий 9 • 4 • 5 • 6 • 5 • 7 • Иногда люди, когда пытаются оценить, насколько выгодно расположены элементы на форме, рисуют линию, по которой якобы глаз скользит 2 • 19 • 19 • 2 • 6 • Раз уж интерфейс — зло, нужна ли вообще интернет-магазину корзина? 7 • 18 • 9 • Почему для придания клавишам дополнительных функций никто не использует колёсико с кнопкой под ним? 6 • 4 • 6 • Что можно было бы сделать с изображениями, чтобы это их не уродовало и затрудняло их копирование? 1 • 3 • В. И. Ленин или В.И. Ленин? 4 • Премия имени Олега Янковского вручается 32 мая 1 • 6 • 3 • Почему копирайт разработчиков сайта принято ставить только на главной странице? 6 • 3 • 5 • 3 • Какую пиктограмму нужно ставить рядом с идущим таймером? 3 • 6 • Дорогие советчики, объясните, что значат знаки после стоимости 999,— 10 • 4 • 10 • 4 • 1 • 3 • 14 • 2 • 5 • 4 • 3 • 5 • 9 • 5 • Если пользователь при авторизации на сайте трижды неправильно ввёл пароль, то на его электронную почту автоматически высылается письмо с ссылкой на восстановление 5 • Чем арт-директор отличается от дизайнера? 5 • Как бы вы набрали названия, например, магистральных трубопроводов? 1 • Печатаю я текст и вдруг обнаруживаю, что делаю это в неправильной раскладке 10 • 10 • Имеет ли смысл ставить кнопку «купить» в списке продуктов в интернет-магазинах? 22 • 2 • Как правильно писать ОКПО, ОГРН, ИНН/КПП в реквизитах организации? 5 • Зачем формы авторизации часто делают во всплывающих лайтбоксах 2 • 8 • Когда пользователь нажимает «Скачать файл», у него не открывается новое окно или же вкладка. Значит, ссылку на скачивание тоже надо подчёркивать пунктиром? 3 • 3 • Числа, кратные 5 или 10 кажутся больше, чем остальные 4 • 5 • 2 • Как вы думаете, какой лучше текст, мотивирующий закрывать дверь, лучше разместить на листе А4? 6 • 2 • 7 • При запросе восстановления пароля сайты высылают подтверждение, при нажатии на ссылку генерируется новый пароль и высылается второе письмо 7 • Стоит ли обозначать ссылки, которые что либо меняют простым наведением курсора, волнистой линией? 5 • 17 • 6 • Что вы думаете по поводу наличия пункта «главная страница» в основном меню сайта? 9 • 1 • В инфографике есть Тафти, а есть ли кто-то такой же в мире логотипов? 7 • 6 • Почему у вас на сайтах везде используется английский перевод в урл, а в блоге — транслит? 6 • Может, кто-нибудь из советчиков знает удачный перевод user experience? 10 • 4 • 1 • 8 • 1 • 4 • 1 • 2 • Как писать название исполнителя и название песни 6 • 2 • 10 • Когда требуется написать что-то вроде «руб./м²» возникает вопрос — а нужна ли в данном случае точка? 5 • 7 • 1 • Я думаю, что повсеместно нужно использовать формат даты 1 дек 2010 19 • 6 • 6 • 9 • 8 • 2 • Почему бы не отвести часть правой стороны экрана под корзину? 13 • Как вы относитесь к новому формату форумов — вопросных систем? 3 • Артём, стоит ли учитывать различие регистров букв в адресах страниц? 11 • 2 • Как правильно писать счёт игры: Германия — Англия 4:1, 4—1 или 4–1? 5 • 2 • Я перевожу книгу Эдварда Тафти «Envisioning Information» 12 • 2 • 7 • 2 • 13 • 12 • 19 • 5 • 2 • 19 • Вы согласны с тем, что интуитивный интерфейс есть только у соски, все остальные нужно изучать? 12 • 4 • 2 • 7 • 3 • 7 • Итоги конкурса уважаемых советчиков «Сургут» 13 • Как открыть продуктовый магазин в частном доме? У меня есть сайт о Джумле 4 • 13 • 1 • Итоги конкурса уважаемых советчиков «Таблица оценок КВН» 23 • 46 • Хотелось бы узнать ваше мнение о правиле «главная страница сайта должна умещаться на одном-двух экранах монитора» 3 • 5 • 10 • 10 • 9 • 4 • 1 • 2 • 2 • 1 • 7 • 4 • 7 • 3 • 5 • 9 • 2 • Что скажете о работе «Информационных архитекторов»? 1 • 10 • 6 • 5 • 4 • 3 • 11 • Хотелось бы услышать советы по минималистическому дизайну и по дизайну интернет-магазинов 5 • 15 • Почему на artgorbunov.ru курсор над горизонтальным скроллбаром имеет вид «движение во все стороны»? 8 • 12 • 3 • 5 • 9 • 6 • 2 • 13 • 6 • 5 • 2 • 14 • 4 • 13 • Как вы относитесь к иконке RSS? 8 • 10 • 5 • 7 • 1 • 11 • 4 • 3 • 14 • Есть 10 объектов, в каждом объекте 3 зоны, в каждой зоне 2-5 температурных датчиков 4 • 2 • 35 • 4 • 3 • 16 • 5 • 8 • 7 • 1 • 9 • 8 • 8 • 6 • 4 • 11 • 4 • 3 • 11 • 6 • 8 • 2 • 1 • 5 • 5 • 7 • 20 • 4 • Шесть тезисов об идеальной электронной книге 12 • 4 • 2 • 1 • 26 • 22 • 6 • 24 • 10 • 3 • 2 • 2 • 23 • 9 • 18 • 12 • 15 • 7 • Хотел бы узнать ваше мнение по поводу размещения двух логотипов на визитке 3 • 3 • 4 • Довольно часто веб-страница должна содержать заведомо большое количество информации 2 • 1 • 7 • 9 • 6 • 5 • Как вы считаете, стоит ли причислять смайлы к знакам пунктуации? 6 • Поскольку одни люди привыкли мерить время цифрами, а другие циферблатами, мне кажется разумной идея добавить в интерфейсы телефонов пиктограммы с часами 2 • 5 • 12 • 7 • 1 • 23 • 15 • 9 • 2 • 7 • 8 • 10 • 5 • Делаем открытый сервис «Сколько стоит хороший сайт?» 7 • У меня вопрос по целесообразности использования WYSIWYG-редактора в администраторской панели сайта 10 • 15 • 8 • 10 • 12 • 13 • 3 • 3 • Банальное перечисление языков через запятую не подходит, работодателя интересует уровень владения каждым из языков. 12 • 6 • 4 • 9 • 7 • 7 • 9 • 10 • В своей книге Алан Купер неодобрительно высказывается о таком явлении, как файловая система в компьютерах 24 • 10 • Существует ли какая-то система нотации для моделирования пользовательского интерфейса, которая бы позволяла обозначать такие свойства элементов, как «резиновость», сохранение выравнивания по какой-либо оси? 10 • 7 • 9 • 12 • 10 • 7 • 7 • 11 • 21 • 12 • 13 • 7 • 16 • 14 • 8 • 11 • Как можно указать, что все это — PDF, не ставя иконку у каждой ссылки или просто подпись? 7 • 8 • 11 • 16 • Какое, по вашему мнению, самое лучшее решение для страницы faq? 7 • 8 • 22 • 7 • 4 • 13 • 4 • 2 • Хочу задать вам вопрос об устройстве Эмгизмо 12 • 4 • 8 • 6 • 2 • 8 • 3 • 9 • 4 • 4 • 10 • Есть ли смысл оформлять подчеркиванием все ссылки вне основного текста? 16 • 20 • 13 • Сет Годин только что опубликовал ссылку на результаты исследования движения глаз во время просмотра информации 5 • 7 • 7 • 6 • 15 • 6 • 1 • 3 • Что вы думаете насчет Google Chart API? 6 • 4 • 4 • 12 • 13 • 16 • 6 • 3 • 3 • Стоит ли при проектировании интерфейса опираться на вариант, что в будущем размеры экранов будут продолжать расти? 4 • 10 • 3 • 11 • 14 • 15 • 21 • 10 • 8 • 11 • 5 • 6 • 7 • 8 • 1 • 7 • 15 • 7 • 11 • 9 • 4 • 11 • 4 • 8 • 11 • 4 • 1 • 7 • 2 • Что изображать на инфоскроллере, чтобы он был действительно информативным? 7 • 2 • 8 • 14 • 15 • 16 • 7 • 4 • 4 • 9 • 5 • 8 • 4 • 11 • 1 • 7 • 3 • 15 • 12 • 9 • 4 • 9 • 12 • 17 • Все почтовые программы делятся на два класса: а-ля веб и а-ля десктоп-приложение 6 • 4 • 8 • 5 • 12 • Оправдана ли замена слова в меню или тексте на его синоним, если это исключает возможные ошибки при чтении? 17 • 15 • 3 • 6 • 11 • 16 • 20 • 3 • 7 • Подскажите, пожалуйста, чем технический дизайн отличается от технической иллюстрации… 5 • 2 • 8 • 23 • 9 • 13 • 11 •

1 • 3 • 4 • 2 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • 2 • 3 • Какие отступления от географической реальности допустимы на транспортных схемах? Первая часть 4 • 4 • 12 • 3 • 4 • 4 • 2 • 1 • Хочу сделать красивый блог с пошаговыми рецептами 7 • 4 • 3 • 3 • 4 • 1 •

Комментарии

Ваш комментарий