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

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

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

Пример к заметке о ненужности дизайн-руководств

Редизайн канала «Универсо» — свежий пример для заметки «Вместо дизайн-руководств». Пересказывать ту заметку не буду, поэтому если не читали, лучше начните с неё.

«Универсо» — это кабельный канал компании «Эн-Би-Си Юнивёрсал» на испанском (Википедия с подробностями). При редизайне убрали «NBC», сменили шрифт и цвета, но узнаваемый павлин остался.

Нынешнюю форму павлина сделали в фирме «Чармаев и Гейзмер» в 1986-м. Эта лаконичная форма работает уже 30 лет. А редизайн, который сделали в «Трольбек + компания», по-моему, по силам штатному дизайнеру.

С сильным, проверенным временем, символом обновлять оформление проще, и как следствие, может быть дёшево.

Логотипы «Чармаева и Гейзмера и Хавива» стоят на одной ступеньке с работами Сола Басса.

Можно подумать, что только в доцифровую эпоху умудрялись так лаконично делать. Но нет, вот 2013 и 2016:

P. S. Ссылки по теме:

  1. История логотипа Эн-Би-Си — отдельная страница в Википедии.
  2. О Иване Чармаеве в «Великой эпохе».
  3. Таймлайн с работами «Чармаева и Гейзмера и Хавива».
  4. Эскизами и цитатами о создании логотипов на «Лого дизайн лав» к 60-летию фирмы.

Регулярные карты

В разборе визуализации о партиях, доминирующих в разных штатах, я рассказывал о «регулярных» картах. Вот ещё один пример из свежих #Δλlikes. Тоже США, но сделаны иначе:

Штат показывают откадрированной картой административного центра этого штата. Карту формируют границы водоёмов и паттерн голосов. Аляска и Гавайи тут не на своих местах.

Чтобы два раза не писать. Популяризаторами приёма считаю студию «Афте зе флуд» (After the Flood). Они привели районы Лондона к квадратам:

Вдох-выдох

В «Русской модели управления» Александр Прохоров рассказывает о авральном и застойном режимах работы. Аврал выжигает все силы, портит отношения. Бесконечный аврал невозможен, поэтому со временем наступит застой. Это защитная функция организма, в застое он аккумулирует силы. Застой мешает развитию, усиливает апатию пассивных и демотивирует энергичных.

В России эти режимы чередуются, только дойдя до невыносимых крайностей. Кажется, Александру не нравится эта данность.

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

Ещё аналогия — спортивная тренировка. Качая пресс, делают не 30 подъёмов за раз, а 3 подхода по 10. Подходы чередуются с отдыхом.

Интересно, что цикличность уже внедрили в наш календарь. Циклы длинной в день, неделю и год привычны:

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

Разрыв между неделей и полугодом больше других. Посередине просится ещё один уровень, может два. Такой уровень аккуратно ложится на итеративный подход. Итерации длиной в полгода сложно планируются и управляются. Лучше — короче. От месяца до трёх — по-моему, хорошо. 

Привязки к проектам и итерациям делают циклы эффективнее, потому что после сделанного дела расслабление будет полноценнее из-за «чувства выполненного долга».

Если оставить стандартные 28 дней отпуска, то подойдёт чередование авральных итераций с застойными. Делать кусок с чёткой задачей. А потом отдыхать, делая бессрочное или полезное для команды, а не для проекта напрямую. Рассказывать клиентам о вдохах-выдохах необязательно. Стоит, только если они смогут увидеть пользу для себя.

Итого:

  1. Вдохи-выдохи помогают пройти путь любой длинны.
  2. Каждая деятельность просит свою частоту. Трудовой кодекс — не абсолют.
7 марта   режим   управление

Летающий тигр

Ребёнку сложно подолгу фокусироваться на одном деле. Кто-то ругает, когда дети канючат от скуки. Мы ищем варианты: предлагаем разные занятия и наблюдаем, какие из них затягивают.

Нам с Полиной нравится детский отдел Икеи. Там дёшево продают штуки с хорошим дизайном. Но там маленький выбор и редкая смена линейки. А ещё в Латвии нет Икеи. Но оказалось есть кое-что интереснее — сеть «Летающий тигр» (Flying tiger). Это датские магазины дешёвого барахла с хорошим дизайном.

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

Пока фавориты альбомы с наклейками — сын уже по две штуке каждого собрал:

Другая штука — «Рыбалка»:

У «Тигра» много карточек. Сейчас собираем животных из двух половинок и лото с теми же животными. Графика у них наивная и дешёвая, но крутая:

Или вот «зоо-дженга»:

В голову не придёт, что мохнатые палочки, из которых собрали собачку, увлекут ребёнка. А они увлекают. Просто мохнатые палочки, кто бы мог подумать.

Если родитель приехали в город, где есть «Тигр», можно просто зайти и почти не думая взять чего-нибудь на 10 € и посмотреть, что будет.

24 февраля   игры   привет малыш

Разбор визуализации о партиях, доминирующих в разных штатах

Сегодня разберу работу Ренди Йеипа, Стюарта Томпсона и Вилла Уэлша из Уолл Стрит Джорнал. Посмотрим, как менялось отношение жителей США к партиям с 1980 по 2012:

Визуализация состоит из 51 мини-графика, расположенные на регулярной сетке. Каждый график отражает ситуацию в одном штате. Вместе они образуют «регулярную» карту США. Авторы используют особенность данных — равномерную нарезку штатов. Из России или Европы такую карту сделать гораздо сложнее. Этот приём Дональд Норман назвал естественным соответствием. Он ускоряет поиск. Сначала считывается общая форма карты страны. А где какие штаты читатели Уолл Стрит Джорнала более-менее знают. Когда понятно, что перед глазами карта, интересующий штат легко найти в предсказуемом месте.

Реальная карта для сравнения. Смотрите, как «регулярная» карта помогает сохранить компактность, оставив Аляску и Гавайи на местах:

Посмотрим на сами графики. У них — одинаковые оси с одинаковыми шагами, что позволяет сравнивать штаты:

Индекс считают немного замысловато. Берут данные последней пары президентских выборов. И сравнивают среднюю долю голосов за кандидата от той партии, которая набрала больше голосов в штате, и долю голосов той же партии для всей страны. Получаются значения от 0 до 20-30 с буквой D или R. Ноль говорит, что штат голосует, как страна в целом. А D+15, что доля голосов за Демократов на 15% больше, чем в среднем по стране.

У оси игрек нет шкалы, что затрудняет точное сравнение. Это приемлемо, когда задача — сравнить общие векторы. Положительные значения игрека (выше ноля) показывают доминирование Республиканцев, отрицательные — Демократов. Об этом говорят цвета традиционные для партий. Ниже в статье есть легенда, но интересующимся политикой цвета понятны и без неё:

Ещё заметил, что авторы используют не привычные мне сокращения названий штатов. Гугл и другие пишут аббревиатуры штатов по стандарту ИСО. Здесь же — Стайлбук Ассошиейтед Пресс. По-моему, такой формат понятнее 2-буквенного ИСО.

Теперь о визуальной части. Крупный заголовок и карта вместе выглядят эффектно — 1-е впечатление от статьи приятное:

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

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

Следующий разбор — в марте.

Логотип города

По умолчанию лучше символ города — герб. Об этом не раз писал Антон Шнайдер. Если герб вялый, лучше его обновить, упростить или усложнить, перекрасить, сделать монохромным или как-то ещё модернизировать.

Если всё-таки делать логотип, то для самой требовательной публики, для новаторов выбранного города. Как Тесла: сначала спорткары, потом массовые. Или как Снепчат: сначала интерфейс для «избранных», потом для всех. Ориентиром считал бы передовых местных графдизайнеров и дизайнеров одежды. Чтобы взыскательные модники хотели носить логотип на себе.

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

Теперь пример. Осенью 2015-го Рижская дума объявило конкурс на логотип города. Герб Риги, кстати, рабочий. Конкурсная комиссия выбрала финалистов, а в выборе победителя комиссии помогло народное голосование. Победитель — нижний правый:

Тут все варианты тухлые. Единственный интересный, который я нашёл, в финал не вышел:

А вот как делать надо. С 2012 года местная студия «Миесай» делает вещи с собственным логотипом Риги. И их покупают и носят модники и бородатые хипстеры.

Ребята делают хорошо не только графику. У футболок крутое качество: ткани, швы, а главное — крой. Отдельно меня порадовало, что на шее нет ярлыка, который чешет. Вместо него — стопка картоночек на шнурке, который крепится к футболке английской булавкой.

Официальный логотип выбрали в 2015-м, в прошлом году ещё не видел его. Логотип Миесай пятый год покупают люди со всего мира.

24 января   город   логотип   Рига

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

В Лаборатории данных мы визуализируем данные: работаем над проектами, создаём методологию, проводим курс. Для вдохновения изучаем чужие визуализации, а лучшие публикуем в рубрике #Δλlikes.

Раньше я плохо отличал стоящие работы от проходных. И пропускал изящные решения, потому что не знал, куда смотреть. За полтора года в лаборатории подучился видеть важное. В 2017-м буду разбирать примеры и рассказывать о их плюсах и минусах. Формат намечаю максимально свободный, развлекательный.

Сегодня — работа Ноя Вельтмана о росте и весе игроков НФЛ США:

Тут график с двумя осями:

  • по иксу — вес в фунтах (примерно от 73 до 154 кг),
  • по игреку — рост в футах и дюймах (примерно от 1,6 до 2 м).

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

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

Если взять крайние 1920-й и 2014-й, видно, что игроки в целом подросли и потяжелели. Видно, что распределение стало «размазанное» — стало больше игроков с разными параметрами. Ещё появились группы, скорее всего, это специализация (защита, нападение и пр.).

Но как это происходило по двум кадрам не видно. Анимация проявляет скорость изменений. С 1935 по 1945 — нет больших изменений, предположу, что мешала война. Группировка начинается около 75-го. А с 1990 начинается «размазывание».

Внешне график простой. И это плюс: меньше деталей ускоряют погружение. Неподготовленному зрителю проще понять суть, и тогда появляется шанс, что его заинтересуют детали.

Графическая составляющая у проекта слабая, поэтому переработал её на свой вкус. Убрал шумящую сетку, добавил информативность шкале времени.

И доработал интерактив: при наведении на ячейку, показываю все её значения, чтобы освободить от сопоставления цветов и проецирование на оси. Шкале времени добавил стрелки для просмотра года за годом без прицельного смещения ползунка.

Детский крик

Я не эксперт, просто наблюдаю за сыном и самую малость читал на тему.

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

Когда ребёнку больше года, уже не смешно — он вопит по любому поводу. И единственный путь — ослаблять связь. Он кричит, а ты сжимаешь зубы и не реагируешь. Благо в год уже понятно, в чём дело: режутся зубы, упал или просит вкусняшки.

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

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

Тогда не понимал, что мощная связь «кричу — получаю» остаётся на всю жизнь. Взрослые повышают голос на ребёнка и друг друга, потому что знают, что это сработает. Кому нравится начальство, родители и просто прохожие, которые орут? Или коллеги и родственники, которые рыдают, чтобы окружающие винили себя?

Увы, никто не объясняет, что детский крик лучше перетерпеть. И если так делать системно, то ребёнок перестанет кричать. Зачем ему это, если ничего не даёт? Если за соседними столиками немного потерпят, то у общества появится шанс перестроиться.

2 января   дети   общество

Итоги 2016-го

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

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

В Лаборатории данных
1. Придумал, запустил и шаблонизировал публикацию находок с тегом #Δλlikes.
2. Проектировал «Небосвод» и причёсывал карту резистентности кишечных микробиот.
3. Мы сделали страницу о курсе, сертификат и 404-ю.
4. Всё остальное время посвятил флагману лаборатории, о котором скоро расскажем.

Почти сам
5. Помог Лёше Проворову и Кодельной сделать страницу для бухгалтерского сервиса «От и до».
5. Опубликовал кубики для детского мобиля.
6. Начал учить латышский.
7. Написал 43 заметки, это на 2 больше, чем в прошлом.
8. Начал упорядочивать дела и делиться находками благодаря Трело.
9. Перешёл на Скетч с Инвиженом. Смена инструмента кажется не очень важным, но она ускорила работу раза в 1,5 и разгон продолжается.
10. Посетил Вроцлав и замок Ксёнз, Варшаву, Дюбингяй, Вильнюс и Тракай, Салацгриву, Кричев и Витебск, Крым, Санкт-Петербург и Москву.
11. Понырял осенью в речку и озеро, а зимой в снег.

1 января   итоги

Праздник по-латышски

В латышском слово «праздник» традиционно используют во множественном числе — svētki. Словари переводят svētki, как праздник. Но окончание i показывает, что слово множественного числа, и склоняется оно, как множественное. Настоящий праздник длится не один день :-)

А Рождество будет Ziemassvētki. Дословно — праздники зимы. Языческая традиция, обезопасила язык. Если христианство пройдёт, название праздника менять не придётся.

С наступающими!

Ctrl + ↓ Ранее