0:00 И это позволит приблизиться к какой-то минималистичной версии дэшборда и указать действительно только тот элемент, который необходим для совершения какого-то конкретного вывода в конкретном месте, в конкретной ситуации
0:32 В эфире подкаст Дизайн Прост.
0:33 Ваш любимый ведущий Павел Ярец Сергей Шимановский.
0:35 В гостях у нас сегодня дизайн директор такой замечательной студии, как Инлай Сергей Березуев, Березуев.
0:42 Сергей, как тебя правильно на давай лучше ты себя правильно озвучишь слушателям, потому что я коверку фамилию, вот отлично, Павел, все правильно ты сказал?
0:51 Сергей Березуев, дизайн-директор команды Инлай.
0:55 Серега, расскажи пару слов о себе, о том, как пришел в профессию, с чего начинал, вот, с какими трудностями столкнулся в самом начале, ну, в принципе, о своем пути.
1:03 Да, я на этот вопрос постараюсь не растягивать, потому что рассказывать можно очень долго.
1:09 Собственно, художник закончил на графического дизайнера универ.
1:13 Как и многие, на самом деле, прогрессивные дизайнеры с третьего курса пошел работать, до этого работал на зачетку.
1:21 И, собственно, для меня это не стало проблемой, потому что преподаватели уже знали то, что я могу что-то сделать адекватное за вечер, принести, им сдать, и они с чистой совестью могут поставить оценку, поэтому с 3 курса я уже особо в универ не уделял внимания.
1:41 На меня там уже работала зачетка.
1:42 Я пошел с стажером работать
1:45 к графическим дизайнерам и после сконвертировался в дизайнеры интерфейсов.
1:50 Параллельно с этим у меня было достаточно много фрилансов, в том числе и для универа.
1:56 Мы делали очень много материалов.
1:58 Тогда уже у меня начались взаимодействия с различными диджитал-продюсерами.
2:05 Один из них - Юрий - он стал для меня одним из наставников того времени.
2:11 И мы с ним сделали очень много проектов для баккарди, для Спартака, для Кагацелла.
2:18 То есть, уже тогда на фрилансе были прикольные бренды, когда я заканчивал универ, пошел к Чулакову.
2:26 За время работы у Чулакова вырос до заместителя руководителя дизайна, ну, отдела дизайна.
2:34 После этого уже переехал
2:38 А была какая-то переломная точка у тебя: вот что так раз, раз ты граф дизайн, граф дизайн и интерфейсы, или просто был какой-то пул-проектов, которая тебе валилась, и ты все-таки решил, что вот, наверное, сайты это интересно, потому что обычно по тем временам все приходили через сайты, а вот на другое редко были заказы.
2:57 То есть был ли какой-то проект, который тебя сподвиг к тому, что ага, вот все все,.
3:01 Теперь я хочу заниматься интерфейсами, топить именно в эту сторону.
3:03 Потому что тогда, насколько я понимаю, про Юа-Юкс да как таковую специализацию речи не шло.
3:09 И соответственно, интерфейсы были такой же частью работы дизайнера - любого - как типа ты дизайнер, вот решай дизайн-задачи, в которую бросим.
3:16 На самом деле был такой не проект, а человек.
3:20 Потому что вот на фрилансе и в универе, и вот это все время я действительно делал все: и логотипы, и фирменные стиль, и сайты, и анимацию, и 3д, изучал синему, 4д, Автофтс, для Бокарди мы делали анимационные ролики - вот все, что угодно, когда пошел к Чулакову, у меня был такой период, что я его прям увлекся 3д 3д мэппингом установкой 4 камер, чтобы можно было сканировать движение и вообще хотел уходить в эту сторону.
3:55 Потом у нас произошел разговор с Олегом Чулаковым.
3:58 Он мне привел достаточно верную аргументацию в плане того, чтобы продолжать заниматься интерфейсами.
4:05 И, собственно, я ее принял и не прогадал.
4:09 А на данный момент чем занимаешься, вот в частности, сейчас студии своей на чем студия специализируется, наверное, это более тактичный вопрос будет сейчас на двух направлениях специализируемся работа продуктовой команды как дизайн спринты, в рамках которых можно реализовывать проверку продуктовой гипотез, проектную работу по созданию сайтов, посадочных страниц для продуктов, так и длительную работу: больше года по созданию сложных систем, сервисов, веб-сервисов, систем мониторинга и планирования, цифровые копии производств или крупных строительных объектов.
4:48 Такие направления у нас в работе на самом деле классно.
4:52 Ну, то есть, действительно, вы не та студия, которая просто тупо пилит, а да, как бы какой-то
4:57 такой упакованный уже короткий продукт, да, типа лондов постоянных.
5:01 А все-таки занимайтесь, в том числе и разработкой серьезных, вполне себе продуктов, в долгую с длинным чеком.
5:06 Мне кажется, отличная история.
5:08 Смотри, тогда такой вопрос.
5:10 Вообще, в принципе, для управления информационными продуктами, любыми, есть такая штука, как дашборды.
5:15 Мы такой спойлер немножко нашим слушателям.
5:17 Сегодня хотели поговорить именно про информационный дизайн и вот, как предоставлять информацию - то есть, это и инфографика, и различные графики, да, соответственно, то есть реализация табличных данных в удобваривом для человека.
5:30 Соответственно, видео скажи, пожалуйста, в твоей деятельности у тебя была какая-то вот переходная переломная история, когда ты там условно рисовал сайтики себе, да, а потом вдруг бах, и тебя просят спроектировать какую-то страшную навороченную систему визуализации данных, собственно, да, то есть, вот что сподвигло - выбрать это как одной из специализаций студии.
5:51 Ну, давай так, не специализация, а специализации в рамках оказываемых услуг.
5:55 Это вот как раз проектом послужил толчком для такого переориентирования, скажем так, наша работа с Аксенчером - это одна из крупнейших консалтинг компаний в мире.
6:08 И наша работа с Кроком, это интегратор - системный интегратор.
6:15 Благодаря этим партнерствам и старту работ с этими клиентами у нас появились как раз сложные сервисы, в которых необходимо прорабатывать и дашборды, и систему аналитики, и систему мониторинга.
6:29 Слушай, а вот исходя из этого, это же достаточно большой поток информации и данных.
6:33 Как вы получаете это от клиента и вообще в принципе, откуда вы свои источники берете?
6:38 Работаем с клиентами очень плотно на таких проектах мы в первую очередь погружаемся, то есть занимаемся сбором информации, как по, скажем так, по его клиентам, запросу клиента, кто этот клиент, в каком контексте он будет смотреть, анализировать, на какие вопросы он хочет найти ответы?
6:59 Мы в первую очередь спрашиваем формат анализа этих данных, период - т.е.
7:05 как часто человек анализирует эти данные, это тоже нам говорит о формате.
7:12 Затем мы спрашиваем, какие ключевые показатели ему необходимы для принятия решений или
7:20 чтобы сделать какие-то определенные выводы по своей отчетности, и, соответственно, какие ему в компании релевантные категории, различные фильтры и срезы он нам делится в формате интервью.
7:37 Ты, всей информацией.
7:39 Потом, под эту информацию, уже мы собираем таблицу свою, то есть, у нас есть наработанный фреймворк, в котором мы заполняем
7:49 весь сэмпл данных по всей пирамиде метрик, которая необходима руководителю.
7:55 У нас появляется в таблице весь перечень данных определены значения этого показателя, указана формула, как считается этот показатель, то есть с какими показателями он связан, проставляются те ячейки, которые обозначают, какой фильтр на какой показатель влияет, а на какой показатель не влияет, и вот такую агрегированную информацию из ряда интервью мы собираем как источник данных для себя.
8:28 А для работы уже потом решайте, собственно, в каком удобваримом формате их выводить, собственно, тому или иному клиенту или клиенту своего клиента.
8:36 Да, потом мы уже анализируем сценарий: то, как он по пирамиде метрик идет, какие он взаимосвязи ищет, и уже эти взаимосвязи подсвечиваем определенными способами приемами.
8:50 Слушай, а не могут ли ты поделиться?
8:52 На самом деле, нас слушают много ребят, которые занимаются, в принципе, аналогичными вещами, но занимаются им по-своему.
8:59 Потому что так или иначе, с данными ты сталкиваешься в любом случае, да, то есть, неважно, пилишь ты какой-нибудь простенький ландосик, соответственно, либо делаешь ты реально проектируешь какой-то дашборд, для чего для какой-нибудь, не знаю, ну ладно, не будем, у меня все время все время в крипту тянет.
9:14 Короче говоря, да, то есть, там просто очень много различных графиков.
9:18 Вопрос такой, собственно, да, что входит в твой фреймворк рабочий, да, собственно, который ты упомянул.
9:24 Вот есть студийная история, каждая студия делает что-то по-своему.
9:27 Если это не секрет, ну или да, поделись какими-то вот вещами.
9:31 Есть ли какие-то платформы, системы, которые позволяют сыры данные из таблички подключать куда-нибудь в виде уже готовых шаблонов и графиков, вводить, например, да, то есть, ну, опять же, одну и ту же вещь можно спроектировать совершенно по-разному, потому что в одном случае тебе для визуализации нужно просто не знаю, банальная какая-нибудь круговая диаграммка, да, или там пирожок, а в другом случае тебе какая-нибудь фигня, типа с график со свечами, с этими, с снежинкой.
9:57 Забыл, как эта история называется.
9:58 Знаешь, там диаграмма типа радар, но когда она вот снежинка показана, да, чем длиннее лучек, тем соответственно выше показатель.
10:06 Как вот с этим работать, что бы ты вообще посоветовал ребятам для того, чтобы работу эту организовать?
10:12 Потому что табличные данные, так или иначе, они есть у всех.
10:16 Вопрос в том, кто как их визуализирует с помощью каких вещей, вот если чем руководствуешься ты при выборе, собственно, графического отображения.
10:27 И второй вопрос это, собственно, твой фреймворк для работы, если это не секрет.
10:33 Давайте тогда разобьем на три части: первое фреймворк, советы и определенный принцип выбора визуализации данных.
10:47 Что касается фреймворка, то, как я уже говорил, первое - это мы заполняем эту всю информацию относительно таблицы, заполняем бриф и так далее.
10:59 После этого собираем принцип пирамиды метрик, то есть то, как руководитель показатели между собой связывает и между собой зависимы.
11:10 Очень много кейсов может быть.
11:12 Если с простого начинать, этошбор для финансового руководителя.
11:16 Он может смотреть операционную прибыль.
11:20 Она состоит из выручки минус расхода, да, у него он смотрит, у него прибыль, допустим, по каким-то проектам упала - маржинальность.
11:29 Он видит то, что выручка у него при этом вырастает.
11:32 Вот он видит эти отношения.
11:34 Дальше он задает себе вопрос: следующий: а что мне нужно дальше посмотреть?
11:39 Пойду-ка я посмотрю, что у меня с проектами.
11:42 Вот мы анализируем, какие он взаимосвязи, увеличился расход по ряду проектов, то есть упала сильно маржинальность.
11:50 Он пойдет к руководителям этих проектов и будет уже проводить с ними ретроспективу.
11:56 Вот мы узнаем эти сценарии, эти взаимосвязи, которые он строит.
12:02 И из главного стараемся выделить главное.
12:07 Вообще, в целом, подход к анализу данных люди обычно подходят в таком формате: они задают сначала вопрос: а все ли у нас хорошо или плохо?
12:18 Насколько хорошо или плохо?
12:20 Надо оценить серьезность проблемы.
12:23 И оценить, соответственно, что привело к тому, что происходит сейчас, сегодня у меня здесь в отчетности, затем мы, используя свои наработки, то есть в плане группировки, можно перейти как раз к тому, как мы выбираем способы визуализации данных.
12:42 Вот есть у него вопрос определенный.
12:45 Например, он хочет видеть отклонение факта от плана.
12:48 Например, у него фактически была выручка такая-то по проекту, точнее, план был такой-то, а факт такой-то: вот одна группа отклонений.
12:59 Есть формат рейтинга.
13:01 Когда он хочет посмотреть, например, эти проекты в формате у кого какая выручка была
13:08 наиболее лучшая, или у кого какая маржинальность была наиболее лучшая?
13:12 Вот это простые какие-то графики визуализации, да, то есть, если это рейтинг, это какой-то стопчатый график в формате приоритета.
13:21 Если это отклонение, то это какая-то диаграмма с большим количеством, то есть списком каких-то показателей, которые сравниваются друг к другу и по отношению к оси 0.
13:32 Какие-то минус, какие-то плюс, и так далее.
13:36 Здесь простые способы визуализации.
13:38 А что касается сложных: какие-то лепестки,
13:43 значит, облако, данных это зачастую связано не с конкретными вопросами, а это связано с анализом среза большого количества данных.
13:54 Вот если нам нужно целый.
13:58 Огромный пул данных, то нам нужно понять.
14:03 Допустим, мы хотим посмотреть корреляцию значений между этих двух объемных данных.
14:09 Тогда это может быть какая-то тепловая карта, область с пузырьками на двух направляющих, есть диаграмма рассеяния и так далее.
14:18 Или это, допустим, какие-то большие данные, которые мы хотим посмотреть на каком-то пространстве, например, на тепловой карте области какого-то региона, какой-то контурной карте - то это может быть какой-то поток данных, если мы смотрим каналы трафика, маркетинга, к примеру, да, вот часто используемый график в маркетинге для анализа каналов, как они друг к другу переходят, показывают изменения в потоках с точки А в точку Б.
14:48 Здесь уже появляются такие сложные визуализации, которые как раз и содержат большое количество обозначений.
14:55 Слушай, а ты очень много поговорил про сложные какие-то проекты, про сложные какие-то визуализации, а вот на твоей памяти из проектов, которые вы уже реализовали.
15:04 Какой-то очень сложный и очень интересный проект, на котором вы очень долго трудились, прям заморочились, и которому бы ты хотел рассказать.
15:12 Есть очень интересный проект - цифровая копия производственного строительного объекта обеспечивает полностью ведение тасков - заведение всех рабочих аккаунтов, то есть, как таск-менеджер.
15:28 Он позволяет завести всю проектную документацию в эту систему и автоматически простроить будущий какой-то план по проекту.
15:38 Он подсвечивает в дашборде риски, которые могут выявиться в течение проекта, если мы будем продвигаться в том же темпе, может подсветить, допустим, даже вот если касается не финансовых каких-то показателей, да, там есть интересный дашборд, биометрические данные, то есть его пульс и так далее.
16:01 Функционал, например, истории: когда мы можем по истории
16:08 проскролиться и например, посмотреть на тепловой карте, где находился тот или иной рабочий на строительной площадке.
16:18 Может, он в течение последних 12 часов тепловая карта покажет, что он находился там в районе будки.
16:25 А на самом деле он был в курилке.
16:28 Ну да, на у нас надев свои датчики на другого.
16:34 То есть, вот какие-то такие вещи не только связанные с отношением двух срезов, а более интересные с точки зрения каких-то историй данных, истории среза данных на территории, и так далее.
16:52 Смотри, у меня к тебе такой взаимосвязанный вопрос в продолжении этих, уже трех получается, соответственно, такие вещи, как тепловая карта, да, соответственно, какие-то облачные данные, карта распределения.
17:05 В мое время, да, вообще в информации было раз-два я обчелся.
17:09 Все рекомендовали там Эдвард Таффи, да, если память не не врет, у него там несколько книг про визуализацию есть.
17:15 Там дико красивая инфографика, все круто, но вопрос: а как эти карты читать?
17:19 Есть ли где-то пособие, которое поясняет корреляцию между тем, что ты видишь, и самими данными, которые там есть ими представленными.
17:27 Потому что очень важный момент в том, что в любом случае, это тоже часть граф дизайна, это графическая коммуникация, то есть это визуализация данных в удобном варимом виде.
17:36 А вот тепловые карты очень удобны тем, кто умеет ими пользоваться.
17:40 Есть ли где-нибудь мануалы, какие-то гайды о том, как это читать?
17:45 Потому что для того, как я просто по своей юности знаю, что любые попытки там разобрать того же тафа собственно они скатываются к тому что ты все равно в любом случае идешь и гуглишь в разных совершенно местах там где-то в Википедии где-то соответственно какие-то иноязычные сайты короче, где математики тусаются, да, и вообще показывают, что где отображено.
18:07 В общем, очень сложно иногда бывает установить корреляцию между тем, что видишь, и тем, что есть.
18:11 Я понимаю, что клиенты, когда что-то заказывают, собственно, они хотят в удоб варимом виде нечто.
18:16 И скорее всего, они, наверное, даже умеют это читать.
18:18 Но если вы им предлагаете какую-то трендовую интересную штуку, тепловую карту, например, поясняете ли вы им, как подходить к прочтению, с считыванию этих данных и их осознанию?
18:29 Мы на самом деле к чему мы пришли сами для себя даже эффективная работа с данными в таких интерфейсах она тогда происходит когда она не совсем интуитивно понятна для массы людей.
18:47 То есть, вот человек, который не умеет пользоваться фотошопом, да, он будет для него не интуитивно понятен.
18:55 В отличие, как раз от скетча и фигмы, к примеру, фигма, она сразу выходила, из скетча более интуитивно понятна.
19:04 То есть мы стараемся в своей работе стремиться к интуитивной понятности, ясности, интерфейса.
19:10 Все-таки есть кейсы и запросы максимально индивидуальные
19:15 от того отдела или той структуры компании, которая заказывает дашборд, да, и в ее формате для ответа на ее вопрос не обязательно делать интуитивно понятный для всех.
19:32 Важно, чтобы они легко обучились этому, и для них это стало интуитивно понятно, потому что они используют этот дашборд с завидной чистотой, потому что готовится-то этот дажборд все-таки отделом, и зачастую эти люди
19:51 готовят эту отчетность.
19:53 Вот есть месяц, допустим, к концу месяца готовится эта отчетность.
19:56 Они собирают весь прошедший месяц - просто к следующему месяц их работа состоит в том, чтобы собирать эту отчетность.
20:05 знаком с этой отчетностью ежемесячно тоже.
20:08 Для него нет необходимости объяснять ее.
20:12 Если руководителю требуется какой-то доступ к этому дашборду, да, и он вообще в целом любит сам по себе интерактивно полазить по сэмплам данных и сам самостоятельно посмотри какие-то выводы, то опять же, если он будет это использовать с определенной регулярностью, ну а он будет это использовать в этом случае с определенной регулярностью, то для него этот дашборд будет интуитивно понятен.
20:41 Но версия, как бы она не для всех будет интуитивно понятна, самая эффективная.
20:46 А тогда такой момент: а как понять, для какой аудитории зайдет, какой подход, вариантов-то много, да?
20:52 Не всем подход тот или иной вариант?
20:54 Как вы решаете, что тому-то одно, другому другое -
20:58 ну, вот важно вообще в целом, две проблемы нужно представление данных решить: это определить среду, в которой эта история лучше всего рассказывается.
21:13 Почему мы спрашиваем про регулярность периода?
21:16 Да, то есть, это может быть использовано каждый день, каждую неделю или каждый месяц.
21:21 Это отчетность, или раз в квартал.
21:22 Вообще, это отчетность может использоваться для того, чтобы получить для себя какую-то постаналитику - лично для себя сделать какие-то выводы или это отчетность этот дашборд будет использоваться для того, чтобы какие-то выводы презентовать ежемесячно на собрании руководителю своему, тогда эта визуализация дашборда - другие цели выполняет и
21:46 задача и выглядеть он тогда будет по-другому соответственно потому что задача найти для себя в интерактивном формате какие-то болевые точки, узкие горлышки и так далее, и презентовать выводы руководителю - это разные совершенно задачи, а делается на одном и том же срезе данных, по сути.
22:06 Поэтому первое, что это определить среду, решение для которой лучше всего подходит.
22:14 компоненты и графики, которые используются, их под эту среду заточить, сделать релевантной для выполнения этой задачи конкретно.
22:24 То есть таблицы работают лучше всего, когда используются для поиска каких-то отдельных значений, для сравнения каких-то отдельных значений, и
22:37 в таблице также можно еще смотреть несколько единиц измерения.
22:42 То есть очень важно, когда у нас есть показатель, у него куча значений различных и единица измерений.
22:51 Это может быть в абсолюте, то есть суммарно, это может быть в проценте от выручки, это может быть на единицу тонны и так далее.
22:59 Один и тот же показатель.
23:00 То тогда визуализация таблицы будет лучше всего.
23:04 Несмотря на то, что многие, вот, ну, знаете, есть, допустим, прожект-менеджер, и он хочет сделать очень классный продукт для руководителя, и
23:16 допустим, мы приходим в том случае, когда работает лучше всего таблица с табличным решением, и говорит, тут что-то, блин, как-то не очень.
23:26 Ну, неинтересно выглядит.
23:31 Нету никаких красивых там графиков и так далее.
23:35 Там один график какой-нибудь в целом, и говорит, давайте мы все-таки переделаем все
23:43 какую-то визуализацию.
23:45 Мы возвращаемся с версией визуализации, идем к заказчику непосредственно, кто будет этим пользоваться.
23:54 Давайте сделайте, пожалуйста, понятно, таблице и вот здесь, графики, давайте.
23:59 Такие мне это будет лучше отвечать на мой вопрос.
24:03 То есть от контекста очень важно.
24:06 Ну а в целом, графики они лучше всего работают, когда нам необходимо отобразить какие-то тренды, какие-то исключения.
24:14 То есть, как раз выводы для презентации
24:20 Лучше на графиках, то есть какие-то количественные сообщения, на которых можно делать сравнения и так далее.
24:27 Они отношения выявляют, то есть, это может быть соотношение какого-то времени ранжирования времени или, допустим, части к целому, отклонение от распределения, соотношения.
24:42 Исходя из этого, такой вопрос уточняющий.
24:46 Смотри, а какой порог, даже не порог входа, а какой стэк знаний, технологий, умений должен быть, в принципе, у дизайнера, который работает с данными?
24:53 Что, например, ну большинство дизайнеров по традиции так сложилось, что гуманитарий.
24:57 Вот под гуманитариями мы не говорим, что у человека там отсутствует логика, она просто работает по-другому.
25:02 Кто-то, например, на калькуляторе считает: вот я, например, да, но при этом, если человеку, дать некий формат взаимодействия с информацией, то есть человеку любому дать формулу, сказать: вот тебе формула, вот здесь, собственно, есть показатели для них.
25:16 Ты подбираешь значения, они откуда-то поступают, поставляешь их формулу, получаешь на выходе результат.
25:21 Здесь в, принципе, проблем нет.
25:22 Ну, то есть, это один уровень познания.
25:24 А если дизайнеру сказать, знаешь, как это дать решить математическую задачку, какую-нибудь на логику, или когда у тебя есть три какие-то формулы: каждой из которых нужно получить данные и загнать их там в четвертую, словно говоря.
25:36 Вот здесь мозг рушится.
25:38 Вопрос: как бы, да, насколько для работы с данными, вот какой стэк технологий, умений, навыков, знаний там нужен, да, для того, чтобы в это войти.
25:46 Рисовать графики, ну, то есть тупо нарисовать, да, взять, визуализировать что-то.
25:50 В принципе, ну, как бы человек, который обладает базовым стэком, каким-то в граф дизайне, он, наверное, может.
25:56 А вот что нужно человеку, который проектирует, да, собственно, это вот мостик между так называемым сырыми данными и их финальным финишным отображением.
26:05 Самое важное, на мой взгляд, это дизайнеру понимать смысл того, что он отображает.
26:12 То есть, почему я люблю в целом дашборды, системы аналитики и мониторинга?
26:18 Потому что там в любом случае тебе нужно погрузиться в ход мыслей руководителя, как он смотрит на эти данные, какие вопросы он задает, какие выводы он делает, и какие потом решения он хочет на них на основе этих выводов принять.
26:38 поэтому дизайнеру важно понимать реальное взаимоотношение этих данных, реальный принцип определения какого-то вывода
26:50 То есть от этого уже отталкиваться.
26:52 Нужно дизайнеру учитывать, как он может определить достаточное количество информации для того, чтобы не перегрузить дашбор.
27:02 То есть ему нужно вносить ровно такое количество инции, чтобы
27:09 насколько это необходимо для того, чтобы руководитель в данном шаге сделал какой-то вывод.
27:18 какую-то информацию, больше, чем это необходимо, для того, чтобы этот вывод был совершен.
27:24 В этом плане нам, допустим, не всегда необходимо выносить на стартовую страницу перечень всех видов продукции, например.
27:35 То есть нужно понимать, ограничиваться, какое количество информации нам минимально необходимо для того, чтобы сделать какой-то вывод и двигаться дальше.
27:43 Из примеров, если мы зайдем на инли.тим, ссылочку, кстати говоря, мы приложим обязательно в описании к подкасту.
27:50 Друзья, посмотрите очень интересные кейсы.
27:53 У тебя здесь есть, например,, да дашборд, операционного фин-мониторинга для магнита, да где выбирается какой-то магазин, насколько я понимаю, да, и по нему выводите показатели.
28:02 Это как раз то, что говоришь о собственно визуализации для руководителей.
28:07 А есть истории, например, какой-то ответственный гражданин.
28:11 Я не знаю, да, что это, это приложение какое-то, которое, собственно, помогает людям фиксировать дорожные правонарушения.
28:18 Это концепция или реально реализованный проект.
28:20 Ну, просто у людей часто НД есть, и о чем-то нельзя говорить, например.
28:24 Можно говорить, рассказывать об этом.
28:29 про это говорить можем?
28:32 Реальные заказы, да.
28:33 Так вот, здесь есть история с мобильным приложением, например, которая, собственно, выводит в активностях, в качестве дашборда, некие достижения, то есть, это стандартные удобно варимые колечки, кольцевая диаграм,мка которая заполняется по заполнению, видимо, человек получает какой-то бонус.
28:51 Да, либо как-то выходит на следующий уровень, как развитие персонажа.
28:55 И соответственно, здесь выводит статистика, сколько раз человек обратился, сколько он зафиксировал дорожных происшествий, и какой-то его видимо уровень, вот, собственно, ну плюс какой-то рейтинг в этом приложении.
29:06 То есть, такая геймифицированная история по фиксации дорожных нарушений, и там, и там используются данные, но подход на самом деле немножечко разный.
29:13 Да, и и количество объем этих данных выводимых - он тоже разный.
29:19 раздроблены данные, да, по кускам, то есть, то, что необходимо вывести, и там, и тут, но визуализированным по разному - разным уровнем сложности.
29:27 Тогда такой вопрос: смотри, у вас очень много кейсов, которые вы показываете на своем сайте.
29:32 Может быть, еще более подробно расскажешь о каких-то интересных заказчиках, которые бы хотелось осветить.
29:40 И вот для тех, кто только начинает, тех, кто только входит в данную профессию, либо хочет начать, может быть, какие-то советы, рекомендации, вот с чего начать, на что обратить внимание.
29:49 Ну, какие-то от себя, может быть, советы дашь.
29:52 Да, можно пару проблем обозначить, с которыми часто начинающие дизайнеры сталкиваются
30:01 Да, часто начинающие дизайнеры как раз неправильно оценивают необходимое количество, то есть не говорят достаточно, чтобы сделать какой-то вывод, или не говорят очень хорошо, то есть понятно, имеется в виду, добавляют какие-то обозначения, которые они не ясны руководителю.
30:22 Да, и руководитель просто не поймет, что обозначено
30:28 на дашборде, какой показатель, что означает, руководители очень
30:35 перерывают, когда сталкиваются с таким и начинают нервничать.
30:40 То есть, что еще нужно учесть?
30:43 Одной из вообще распространенных проблем при отображении какой-то количества информации является то, что дизайнеры выбирают
30:54 способ отображения графика.
30:55 То есть, когда нужен столбчатая диаграмма в динамике по отношению к линейному графику, к примеру, для того чтобы вот ответить на конкретный вопрос, да, мы должны понимать, что дизайн в целом графика должен четко указывать его назначение.
31:12 И многие руководители, или как раз менеджеры проектов, они говорят: а давайте, у нас очень-очень много вопросов на самом деле.
31:23 И мы все равно никогда не учтем все вопросы.
31:26 Поэтому давайте мы сделаем такой график, в котором можно будет фильтрами все настроить и, типа, на любой вопрос посмотреть ответ.
31:34 Вот бывают такие бывают такие запросы, и, соответственно, здесь нужно четко понимать.
31:41 То, что в целом дизайн графика должен четко указывать его назначение.
31:48 будет меняться вопрос по отношению к графику, скорее всего, изменится его визуализация.
31:54 То есть, если в корне поменяется вопрос, поменяется и визуализация графика.
31:58 Поэтому вот, это тоже одна из ошибок - неправильный выбор визуализации.
32:04 В целом, вот какие еще можно дать рекомендации: качество информации: важно не говорить, то что мы можем считать ложным то есть, если мы не до конца доверяем данным, их вот точно нельзя выводить в дашборд и говорить, что это еще вот и прогресс, и эти данные еще не до конца точные.
32:29 Но вот мы их пока что поместили для того, чтобы предварительно мы думаем, что они будут такими.
32:34 Вот такого делать не нужно - точно.
32:36 Также, чтобы данные были качественные должны быть какие-то доказательства этих данных.
32:43 То есть, если руководитель смотрит их, он последним шагом как раз задается вопросом: а что привело к тому, что произошло такое отклонение и такое событие, ему необходимо адекватное доказательство
33:03 Также нужно избегать
33:06 неясности выражения, какой-то двухсмысленности в своих сообщениях.
33:10 И вообще, так как дашборд, он достаточно плотный очень
33:14 на элементы интерфейс, нужно быть кратким.
33:19 аббревиатуры они хорошо работают и их пугаться не нужно если вы делаете допустим инструмент для определенного какого-то отдела, они эти аббревиатуры, поверьте, запомнили лучше, чем некоторые слова.
33:36 То есть, они их очень хорошо знают.
33:37 Посоветуем, может быть, каких-то авторов или вообще на эту тему, что называется, повторивать, потому что тема визуализации данных
33:47 много у кого раскрыта.
33:49 Например, если говорить про литературу, упомянутой Эдвард Таффер есть, да, собственно, как некая классика, да, соответственно, есть, например, книги Дэна Роема, которые для менеджерского состава писал: что, ребята, если вы везете презентацию какую-то, не надо, ничего сложного, вот рисуйте на салфетках, собственно, передать, старайтесь.
34:06 Вот если смысл нельзя передать на салфетки, то лучше вообще отказаться от каких-то моментов, либо разбить это на какие-то сравнительные вещи, да, показать большое и малое, например.
34:16 То есть там вся история про вайтборды была.
34:19 Вот есть ли что-то, что ты можешь посоветовать тем, кто хочет в эту тему погрузиться, либо интегрировать свою работу, либо вообще как бы пощупать, что называется, в живую тему визуализации, потому что это нужно, мне кажется, во всех сферах, да, мы все работая, да, объясняя какие-то моменты, да, свои работы, какие-то задачи, вынуждены пользоваться инструментами для визуализации данных, да, не просто озвучивать цифры, да, собственно, вот чтобы было понятно, большое, малое, да, там соотношение, там каких-то выручек.
34:46 Что бы ты порекомендовал?
34:47 С чего начать, вообще, с чего к этому делу подъехать?
34:51 Есть вот очень интересные материалы.
34:55 Стефан Фью писал в целом принципы, и он давал рекомендации, такие, как чем быстрее мы, как пользователи, будем анализировать какие-то данные, тем больше пользователь будет хотеть опираться на какие-то графические средства отображения этой информации а не текст.
35:17 То есть если руководитель хочет верхний уровнего быстро пробежаться, ему будет очень неудобна табличная история, например, да?
35:30 как мы работаем с этим, мы выделяем самое важное из самого важного,
35:35 чтобы это считывалось максимально быстро, соответственно, нужно избега каких-то ярких заливок в целом по интерфейсу, кроме значений.
35:45 То есть в целом в дашборде самым ярким самыми яркими элементами должны быть или показатели непосредственно значения, а их заголовки чуть тусклее, или же какие-то отклонения, или алармы, то есть - сообщения, на которых мы хотим привлечь внимание.
36:03 Вот эти самые яркие элементы должны быть.
36:06 Ну, и, соответственно, сам дашборд должен быть вот как мы бритвая кама, обрезаем все лишнее
36:14 для того, чтобы у нас осталось только необходимое, чтобы сделать вывод, у нас должна остаться полнота информации, да, то есть, красноречия, но при этом нужно очень уплотнять эту информацию, то есть включать только то, что действительно необходимо.
36:31 Это позволит тогда приблизиться к какой-то минималистичной версии джборда и указать действительно только тот элемент, который необходим для совершения какого-то конкретного вывода в конкретном месте в конкретной ситуации.
36:47 Очень интересный есть материал Энди Крибеля по вообще глассарию различных вариантов отображения дашборда, графиков и так далее.
37:00 И еще, вот, мне лично, как непосредственно ведение самого проекта по дашбордам, принцип работы по таким проектам также помогла книжка Алексея Кулоколова: Дашборд для директора: он описывал, как делать управленческие отчеты красивыми и понятными, он в целом очень простыми словами формулирует
37:28 простые приземленные какие-то операции на проекте.
37:32 Можешь рассказать о том, как формировалась команда, над каким проектом, да, собственно, вот какой из проектов был тем, что сплотило ваше ядро.
37:41 Потому что для обслуживания
37:44 вещей, которыми вы занимаетесь, в принципе, нужна такая немаленькая команда, по сути, своей, да, но ядро из проекта в проект остается то же самое.
37:51 Просто вот те люди, которые во всех проектах задействованы.
37:55 Во всех проектах у нас сейчас задействовано порядка 12-15 человек.
38:00 При этом нужно понимать, что
38:03 ядро хочет порядка 6 человек, но это в основном дизайнеры и этот фронт работ, потому что мы на проектах выступаем в роли аналитиков и дизайнеров, то есть мы проектируем непосредственно дажборды и анализируем то, как необходимо в дальнейшем проектировать эти дашборды.
38:27 А непосредственно разработкой интеграцией этих данных и так далее занимаются, или аутсорс, наши коллеги, партнеры, команды партнерские, или непосредственно со стороны заказчика привлекаются к команды, и мы очень плотно взаимодействуем с ними как и с заказчиком, так и с командами заказчика, как по сути, в одной команде это не ощущается, что это разные люди.
38:59 команд, люди на проекте мы работаем.
39:03 Вот, к примеру, магнит мы делали в очень плотной коммуникации как с командой Акценчера, так и с нашими ребятами-подрядчиками, так и
39:17 с финансовым директором Магнита и командой аналитиков Магнита.
39:23 Мы с ними каждые два дня созванивались, то есть очень плотная коммуникация была.
39:29 Мы им деливери результат каждые два дня показывали и получали обратную связь.
39:36 Каждую неделю мы синхронились с финансовым директором Магнито и это нам позволило прийти к очень удачному и классному решению.
39:51 Вот один из таких самых интересных дашбордов, который у нас в портфолио с точки зрения именно сложности имплементированных данных, там достаточно красиво, симпатично, и понятно для непосвященного человека.
40:09 То есть, это как раз вот про ту самую нативность: как смотреть эти данные, что в них смотреть, как их анализировать, как проваливаться, вот как раз по тому сценарию, где у нас все хорошо или плохо, насколько хорошо или как плохо, что привело к тому, и
40:25 что вообще происходит сегодня.
40:27 Вот этот дашборд очень классно это визуализирует.
40:30 И там как раз те советы, которые я сегодня говорил, все учтено с точки зрения, что есть графики, которые определенно указывают на определенные назначения.
40:44 Есть показатели только те, которые нам необходимы на этом уровне для совершения вывода.
40:52 И есть, вообще, мы в целом там пошли визуализацией табличной, но сделали эту табличную визуализацию, то есть визуализацию сложных данных, интересно с точки зрения того, что ряд ячеек мы заняли графическими элементами.
41:11 Получилось, что мы не потеряли на том соотношении показателей по горизонтали и вертикали, и при этом остались интересные графики, то есть с точки зрения визуализации он тоже интересен.
41:25 Друзья, очень сложно в аудиоподкасте на самом деле понять глубину смыслов.
41:31 Поэтому всем категорически рекомендуем зайти на инлайт.
41:34 И, собственно, дашборд операционного финансового мониторинга магнита посмотреть ваочу.
41:39 Там есть коротенький ролик, вы поймете объем работы, объем данных, вообще с которыми ребята, собственно, работали.
41:46 Такой подфиналочку вопрос: какие у вас планы по захвату мира?
41:51 Возможно, вам нужно в команду какие-то кадры.
41:54 Вот, в принципе, можешь об этом всем рассказать?
41:56 Приглашай слушателей к себе на сайт в раздел Контакты.
41:59 Да, мы сейчас находимся в поиске как минимум двух дизайнеров?
42:07 Один дизайнер нам нужен тот, который будет с
42:11 бэкграундом графического дизайна и легко находить интересные типографические композиции и вообще работать с композицией, с цветом ЮА.
42:24 А второй нам нужен продуктовый дизайнер для того, чтобы подключиться на длительный сложный проект, даже несколько проектов.
42:33 Пишите нам и присылайте заявочки, у нас есть форма,
42:38 которую можно заполнить, и вы сразу попадете в табличку, и там с вами свяжется наш прекрасный чар.
42:44 А что касается захвата, скажем так, не мира, у нас есть глобальная такая цель.
42:51 Мне очень нравится Нильсон Норман про цель по юзабилити, которую он говорил на одном из выступлений конференции Сбера.
43:02 Он говорил, что к 2150 году - в целом, в рамках Юкса и юзабилити
43:13 будут проработаны все сценарии в мире
43:18 среди людей, да, будут
43:22 сценарии проработаны, продуманы с точки зрения адекватности, здравого смысла, их эффективности, результативности и вообще удовлетворенности от прохождения этого сценария.
43:34 И наша миссия, как команды, очень хочется сделать свой вклад и откусить как раз часть инвестиций в эту цель, чтобы мы действительно к 2150 году, когда, может быть, уже будут какие-то лекарства, и мы будем в это время жить,
43:54 но хочется, чтобы в целом в мире мы быстрее приближались
44:01 к этому событию, да, и нас окружали все более продуманные, логичные и эффективные сценарии.
44:10 Вот это очень хочется.
44:12 А с точки зрения именно стратегии захвата, как мы это будем делать.
44:17 Мы будем развивать свою команду инвай, будем развивать работу в рамках дизайна спринтов с нашими партнерами в долгую именно мы ориентированы на такую долгосрочную работу.
44:35 И также мы будем участвовать с партнерами в создании простых небольших продуктов, которые будут работать как коспроекшн.
44:49 Это вот те направления, которые нам интересны.
44:52 Спасибо тебе большое.
44:53 Итак, подытожу, друзья.
44:55 Если у вас есть, собственно, задача по поиску работы в такой классной команде, все отправляйтесь на инлайт.тим, пишите в раздел Контакты.
45:05 Связывайтесь с хромо Сергей.
45:06 Если вы, собственно, слушаете и вы понимаете, что ваша компания нужен, например, какой-то сложный дашборд, какое-то классное приложение по управлению данными их визуализации, да, я так понимаю.
45:18 А презентации, кстати, вы делаете?
45:20 Могут ли по мелочам к вам люди отображаться?
45:23 Вот, опять же, да, то есть можете как клиент зайти, тоже, я думаю.
45:29 У нас есть презентация, как раз с дашбордами, например, презентация по отчетности месячной эффективности сайта, к примеру, с теми же дасбордами на слайде.
45:39 В чем, друзья, все контакты оставим по ссылочке в описании.
45:43 И такой финальный вопрос, Сергей.
45:45 Придешь к нам в гости еще или нет?
45:48 Сергей, Паша, спасибо вам большое за приглашение.
45:51 Обязательно еще, если пригласите, запишем новый выпуск.
45:57 Подписывайтесь на Дизайн прост.
46:01 С вами был Дизайн Прост.
46:02 Сергей Березуев, Сергей Шимановский и Павел Ярец.
46:07 Творческих вам успехов и до новых вст Треречть вю.
Комментарии
Войдите, чтобы оставить комментарий.