Блог Кирилла Беляева

о дизайнерском росте, подаче информации, интерфейсах, ведении проектов и жизненной среде.

Работаю дизайнером в Лаборатории данных. Работал в Дизайн‑бюро Артёма Горбунова и соосновал дизайн-группу «Кипо». Веду Твитер, Фейсбук, Инстаграм и ЖЖ.

24 июня   видео   реклама

Качели для ребёнка и родителя

На выходных в Риге открыли новую детскую площадку. Вокруг ещё заборы, техника, красно-белые ленты и незасаженные зеленью участки.

Там стоят качели необычной конструкции. Родители катаются сами, и одновременно катает ребёнка. Скрипят соседние качели другой модели.

Велосипед в городе

Скейтеров, роллеров, самокатоходцев и прочих тоже касается.

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

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

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

Когда на велополосу попадают пешеходы, им сигналят — как с проезжей частью. Когда велополосы на одном уровне с проезжей частью велосипедисты сигналят машинам, которые заезжают на эти полосы. Но почему-то когда велодорожка пересекается с пешеходной или когда велосипедист едет по проезжей части и она пересекается с тротуаром, происходит сбой. Велосипедисты сигналят пешеходам, не планируя их пропускать. Увы, сигналящих берлинцев не смущал даже маленький ребёнок. И вот этого не хочется в будущем всех городов.

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

20 июня   велосипед

Видео выходного дня: графический дизайн плавит интернет

Ирина Иванова рассказывает на Кодфесте, как делала плакаты о пин-понге, разочаровалась в реальности их жизни, и ушла плавить «Блупринт». По пути — отменный графдизайн.

Отвечая на вопрос, Ирина сказала, что пользователю скучно в интернете. Тут задумался, когда у меня было время поскучать, и тем более в интернете. И стало очень интересно поизучать пользователей «Блупринта» :-)

17 июня   видео

Разбор визуализации о смертности от огнестрела

Сегодня разберу работу Бена Кассельмана, Метью Козлина и Рубена Фишера-Баума для Файв Тсёти Эйт о смертности от огнестрельного оружия в США.

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

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

В этих работах отличается визуальное кодирование частиц (визуальный атом). Во 2-й работе атом выбран нагляднее — пиктограмма человека. Такое кодирование помогает обойтись без пояснений. Плюс привлекает больше внимания, чем безликие квадратики.

«Смертность от огнестрельного оружия» получила золотую медаль крупнейшего международного конкурса инфографики «Малофей». По-моему, оценка завышена.

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

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

Моя версия — вариация на тему, потому что я не знаю задачи авторов. Свою сформулировал так: «как сделать сравнение выборок интересным и увлечь больше зрителей?»

Сначала я меняю визуальный атом с квадратика на сердечко — оно символизирует потерянную жизнь. Показываю все данные сразу. Обучение и шаги больше не нужны.

Потом меняю работу фильтров так, чтобы всегда было видно причины смерти в выборке и состав оставшейся части. Использую силу каркаса: как не настраивай выборки, число погибших останется, поменяются только цвета. Так почему бы не покрасить точки антивыборки, повысив информативность? Например, 1) разделили по полу, 2) потом выбрали «белых» старше 35 лет, 3) убрали деление по полу:

Получается, один жест настаивает несколько выборок, которые интереснее сравнивать.

Следующий разбор — в июле. Ещё хотел позвать на курс «Визуализация данных», который начнётся в субботу, но оказалось, что мест уже нет.

Надутая еда

Из сладостей мы едим почти один шоколад. По праздникам торты ещё. И что ещё изобрёл мир знаем плохо.

На Самуи с шоколадом вызывающе плохо, он дорогой и невкусный, европейский — сверх дорогой. Что мы только не пробовали, чтобы найти замену. Зелёный «Кит-кат» вот. Правда, продуктов со вкусом зелёного чая там вообще много: соевое молоко, мороженое и другие сладости.

Но заметка о воздухе. Заметил, что большинство сладостей наполнены воздухом. Взбивают суфле, помадку, пралине и в массу из какао, масла и сахара добавляют существенную часть воздуха. Плотность воздуха в 832 раза меньше воды, ~1,2 кг/м³, но не ноль же. До попадания в крем он ничего не стоит, даже до взбивалки добирается сам. А потом в готовом продукте грамм воздуха стоит, как грамм продукта.

Решение восхищает. Хорошая работа с вещественно-полевыми ресурсами (ВПР) из ТРИЗа. Это имеющиеся ресурсы — вещества и поля, которые уже имеются или могут быть легко получены. Их выгодно использовать в первую очередь. Воздух почти всегда — лучший ВПР.

Краткосрочной выгоды для производителя — вагон. Но без заботы.

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

Заметив это надувательство один раз, теперь мерещится везде, в несладком тоже.

9 июня   забота   ТРИЗ   шоколад

Темпельхоф

В Берлине есть аэропорт «Темпельхоф». С 2008-го он закрыт для полётов. Территорию и здание планируют реновировать. Сейчас здание закрыто, а лётное поле служит парком для отдыха.

Вокруг поля пять станций метро. Ближайшая к одному из входов на поле так и называется «Темпельхоф». Мы вышли на «Плац дер Люфтбрюке» (Площадь воздушного моста) и шли до поля минут 15. На станции помог яркий напольный указатель:

Главный вход в аэровокзал:

Перед входом план здания. В правом нижнем углу — план всего аэропорта:

И стенд с рельефной картой:

Зашли с севера. На территории можно снимать кино:

На бывшие взлётные полосы нанесли отметки дистанций:

Сами полосы облюбовали покорители велосипедов, досок и парусов:

Городские садоводы тоже любят Темпельхоф:

Нам приглянулся шар на четырёх опорах. Оказалось, это радарная антенна — единственные 100 м² аэропорта, которые до сих пор используют вооружённые силы Германии.

Ещё свежее о Берлине:

Исторические названия станций Берлинского метро

На станциях сохраняют историю их названий. Станция «Зюдштерн», где мы жили, сменила четыре названия:

Об этом можно узнать без интернета или музея — просто по пути с работы.

А «Плац дер Люфтбрюке» раньше называлась «Кройцберг» по имени района:

Ещё свежее о Берлине:

28 мая   видео
Ctrl + ↓ Ранее