Пишу о подаче информации, интерфейсах и жизненной среде. Поддержать...

Дизайнер в компании «Тунель‑технологии». Работал в Лаборатории данных и Бюро, соосновал дизайн-группу «Кипо».

Позднее Ctrl + ↑

Ваше мнение

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

Теперь — о вас. Все подписчики, которых знаю — классные, поэтому думаю, что и те, кого не знаю — классные. Раз в год кто-нибудь вживую рассказывает, что читать меня интересно. Раз в полгода в комментариях появляется экспертная критика. Раз 3-4 месяца заботливые пишут об опечатках и описках. За всё это большое спасибо.

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

И главное о вас. Если вам из моего спектра что-то неинтересно, то сейчас удобное время сказать. Гарантировать изменения не стану. Но предложу «купить лотерейный билет» — ответить на шесть с половиной вопросов.

17 декабря   опрос

Хорватская куна

Хорватия в Евросоюзе, но пока не в Еврозоне — не использует евро. Мне, как туристу, это было неудобно. Но как дизайнер, я бы хотел, чтобы местная валюта сохранилась. Текущая куна рассказывает историю. Kuna c хорватского переводится как «куница». Южные славяне, ака югославы, использовали шкурки куньих в качестве обменного товара — денег. На реверсе монеты за цифрой номинала прыгает куница (Фото — Comptoir des Monnaies):

На Руси в 10...15 веках тоже были куны, но согласно Википедии там дело необязательно в шкурках.

Текущая разменная монета Хорватии тоже милая — липа. Википедия пишет, что липовые деревья сажами вокруг торговых площадей. На реверсе — липовые листочки и соцветия (Фото — Comptoir des Monnaies):

Как Франция и Хорватия вышли в финал Чемпионата мира по футболу 2018

Five Thirty Eight сделали визуализацию о пути финалистов. Выпустили давно, 5 месяцев как, но для хорошего решения это неважно. Тут графики шансов на победу в течении матча классно завёрстаны внутрь турнирной таблицы (почему она «таблица», когда схема). А подписи и персонажи делают из всего этого плакат.

Цвета для кодирования полов

Всех с чего-то да подрывает. Меня расстраивает плохой дизайн. Иногда так свербит, что беру и переделываю. Но в этот раз расстроил не дизайн, а призыв делать плохой дизайн.

Прочитал статью Лизы Шарлотты Рост «Альтернатива розовому и синему: цвета для кодирования полов». Статья не всеобъемлющая, но глубоко освещает тему. Тут приведено 33 цветовые пары из реальных статей — вполне наглядно.

Что не так

Вместо того, чтобы разобраться, как кодировать пол, чтобы информация считывалась проще, Лиза агитирует за отказ от стереотипов:

So what’s the problem with pink & blue? In our western culture, these colors come with the whole gender stereotype baggage. Pink means weak, shy girls who play with dolls and don’t deserve as much as boys. Blue stands for boys who need to be strong & rough. When we create a chart with pink & blue, we endorse gender stereotypes. Especially when we chart gender (pay) gaps, that’s often the opposite of what we want to achieve.

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

Допустим, неравенства полов нет. Будет ли тогда волновать, насколько стереотипы мужские и женские цвета? Мне тоже грустно, что половина мужской одежды синяя, а вторая чёрная. Но это не повод усложнять читателям жизнь:

It’s not even necessary to explain the colors first.

Как можно такое писать в контексте визуализации данных?

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

Отдельно не понимаю, почему сила обязательно холодная, а слабость — тёплая.

Что так

1. Лиза пишет, что вредно менять стереотипные цвета местами — красить розовым мужчин и синим женщин:

I’m afraid that this is dangerous. Charts that flip the stereotypical colors can be hard to read: If readers see pink & blue in a chart about sexes, they won’t be very likely to consult the legend.

Не удивлюсь, если «Кварц» тестирует гипотезы. Тесты, конечно, не оправдываю дискомфорт читателей. 

2. История выбора цветов в «Телеграфе» хороша тем, что показывает, как можно решать задачу. Кусочек:

The colors are inspired by the “Votes for Women” campaign in the UK as part of the initial suffrage movement in the early 20th century.

“When deciding which gender aligned with which color, it was more a case of trying to prioritize women in the order of genders. Against white, purple registers with far greater contrast and so should attract more attention when putting alongside the green, not by much but just enough to tip the scales. In a lot of the visualisations men largely outnumber women, so it was a fairly simple method of bringing them back into focus.” —Fraser Lyness

Что было бы полезно

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

2. Не кодировал бы пол оттенками разной тональности одного цвета. Или цветами с заметным различием тона. Один цвет делает мужчин и женщин равными, но тон снова назначает главного. Тех, что темнее становиться визуально больше. Те, кто бледнее становятся дополнительными.

3. Не использовал бы для одного из полов чёрно-белые оттенки. Они тоже приводят к визуальному неравенству. В зависимости от фона могут приводить к ситуации из 2-го пункта. Чёрный с чёрным же текстом превратит пол в базовый, а второй цветной пол будет уже чем-то отличаться.

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

Мелочи важные при визуализации данных

В одной из таблиц привязка высоты цветной плашки к высоте текста придаёт случайным строкам больший вес. Сравните, насколько однозначнее таблица справа:

Пример адаптивности людей из Дубровника

Люди отлично приспосабливаются и находят решение любых проблем. Это, кстати, один из поводов их любить.

В Хорватском Дубровнике старый город построен очень красиво и так же плотно.

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

Городские власти нашли место для детской площадки рядом с той узенькой улицей с первого фото (там справа видна ограда площадки). Бельё и тут сушат:

И для сада место нашлось. Бельевые верёвки крепят прямо на крепостную стену:

Уют создают на пяточках:

Поднимаюсь по лестнице — «Молодёжная площадка Миро Мрнаревича». Что же там?

И там такое! Окей, это вид сверху, который показывает всю эпичность. К крепостной стене, кроме верёвок, можно ещё баскетбольное кольцо прикрепить:

При входе площадка выглядит так. Бельё сушат и тут:

Для футбольной площадки тоже нашлось место:

Вот такие люди классные.

Ранее Ctrl + ↓