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

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

Копирование таблицы с финмоделью

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

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

Как в таком разобраться? «Берёшь и разбираешься» — хороший ответ, но что делать непонятно. Можно посмотреть куда ведёт одна ячейка, потом вторая. С таким методом опасно что-то не понять и не заметить этого.

Как разобраться не придумали. Но придумали, как добавить пользы — передизайнить таблицу, чтобы повысить читаемости, и перенести в Гугл-таблицы, чтобы упростить доступ и связываться с ней через АПИ.

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

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

Похоже, копирование — универсальный способ познания.

Логотип «Хелио»

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

21 мая   логотип

Беговел и самокат

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

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

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

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

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

А ещё такое управление естественнее. С поворачиваемым рулём, чтобы повернуть налево нужно толкать правую рукоятку, а с наклоняемым рулём — опускать левую.

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

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

Книга растений

Полина рисует паттерны. Они в основном растительные, поэтому дома появилась книга с кучей иллюстраций растений. Помимо красивых растений, в книги приятная вёрстка. Снял 10 из 544 страниц.

Суперобложка:

Форзацы встречают большими цветами:

Содержание:

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

Основной объём страниц такой. Авторы переиздания используют натуральное соответствие, о котором пишет Норман:

Пояснения:

Разворот без иллюстраций:

Локус внимания в предупреждении Ютьюба

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

Я не сразу его заметил, поэтому появился этот скриншот. Внимание зрителя захватывает само видео, и всё вокруг становится неинтересным. В этом конкретном случае смысл в «изучении» пространства — это интерактивная версия выставки. Без панорамного просмотра смысла почти нет. В такой ситуации пропустить сообщение вдвойне неприятно.

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

Чтобы сделать сообщение ещё заметнее, увеличил кегль. Ещё увеличил область клика: была кнопка «Подробнее» — стала ссылка размером с весь текст:

Ранее Ctrl + ↓