Latest Posts from Канал Ильи Бирмана (@ilyabirman_channel) on Telegram

Канал Ильи Бирмана Telegram Posts

Канал Ильи Бирмана
Заметки, советы, находки

Чат для обсуждения тем из канала (офтоп нельзя):
https://t.me/ilyabirman_chat_2

Классический заблокированный чат канала (там творится дичь):
https://t.me/ilyabirman_chat

Реклама, нюдсы и другие темы:
@ilyabirman
13,893 Subscribers
5,658 Photos
186 Videos
Last Updated 01.03.2025 05:42

Similar Channels

40D
1,996 Subscribers

The latest content shared by Канал Ильи Бирмана on Telegram


У Грубера встречаю предложение:

But a lot of aspects of iOS feel slower than Android because of animated transitions which iOS (nor iPadOS) offers no option to speed up.

Интересно, что текст в скобках начинается с nor, хотя до этого ничего не предвещало, что предложение будет отрицательным. Если бы я писал, мне бы никогда в голову не пришло написать nor вместо or в таком случае.

Такая заметка.

Обсуждаем интерфейс заказа кастомной пиццы. Формально логичное описание «Только наш соус» создаёт впечатление, что вместо пиццы пришлют лепешку. А картинка из двух разных половинок вносит путаницу несоответствием с выбором ниже. Как сделать изначальное состояние, когда на лепёшку не добавлено ни одного ингредиента? Смотрим на пример из лекции «Взгляд новичка». 3 минутки:
https://www.youtube.com/watch?v=GLfjVm4Douk

Завтра — последний день записи на курс, который пройдёт 1—30 марта. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/

Думаем дальше № 33 — «Они висели на инфососах» c Марком Родионовым

С Марком Родионовым обсуждаем транспортные схемы, их и не их исследования, а также как быть добрым и поддерживающим арт-директором.

0:00 — Исследование схемы метро на айтрекере
7:19 — Московская схема метро усложнилась, а Студия приняла принцип «Один кружок — одно название»
11:35 — Дальше про исследование схемы
16:06 — Схемы и другие способы ориентации на наземном транспорте
21:21 — Пользоваться схемами нужно учиться в школе. Йо Каминагаи про японский опыт
24:36 — Дизайнерское внимание транспортной навигации в России: чудеса в Москве и Челябинске
28:23 — Навигация по направлениям в метро: север-юг, центр-изцентр, конечные
31:56 — Навигация в выходах из метро на разные стороны одной улицы: номера домов
35:03 — Стороны света хорошо, но к ним надо приучить
37:17 — Исследования как способ управлять плохими дизайнерами, исследования звука и как Марк подвергает исследования скепсису
42:22 — Обсуждаем навигацию для поставщиков Вайлдберрис
48:57 — Размещение знаков и управление потоками. Зачем маршрут в Икее зигзагообразный
53:13 — Марк говорит, что дизайнерам важна позитивная обратная связь арт-директора
1:05:45 — Практика: как похвалить дизайнера
1:14:01 — Илья всё не врубается, а Марк объясняет
1:20:24 — Когда Илья хвалит дизайнеров и идея «передачи власти»

Книга «Дизайн транспортных схем»:
http://bureau.ru/projects/book-metro/

Эпл · Ютюб · Я.Музыка · Мейв

Но лучше подписаться по РСС в подкастном приложении:
https://cloud.mave.digital/51724

А вот ещё невошедшее в свежепереснятую лекцию «Прицеливание и закон Фиттса».

Тут есть мысль про переключение группы чекбоксов одним сплошным жестом, которую вы мне предлагали добавить во вчерашний совет про чекбокс. Надо будет добавить, видимо, однажды.

Приходите на курс, где сорок лекций общей длительностью почти сутки. Но главное — там практика есть. Это всё великолепия длится месяц, запись продолжится ещё несколько дней:
https://bureau.ru/courses/ui-online/

Кстати об интерфейсе автомобилей. У меня в Эксиде есть вот такое. Я офигеваю от классификации «Система», «Автомобиль» и «Персонализация». А тут ещё и «Основные»!

Вот я хочу изменить угол открытия багажника, допустим. Это где искать вообще? Каждый раз только перебором всех разделов.

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

Потыкать в интерфейс автомобиля онлайн

Я давно жалуюсь, что все сайты автомобилей — ужасны:
ilyabirman.ru/meanwhile/all/task-wanted-mercedes-configurator/

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

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

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

Сейчас монтирую будущую расширенную лекцию «Близость и соответствие». Тоже выкинул несколько фрагментов, вот вам.

Кстати, из «Кликабельности» в итоге невошедшего оказалось минут на 10, выложу их отдельно ещё вам посмотреть.

Приходите на курс, где сорок лекций общей длительностью почти сутки. Но главное — там практика есть. Это всё великолепия длится месяц, запись продолжится ещё несколько дней:
https://bureau.ru/courses/ui-online/

Написал, кажется, исчерпывающий совет о чекбоксах:
https://bureau.ru/soviet/20250225/

Но вдруг не исчерпывающий? Вдруг вы видите какие-то дыры? Подскажите, чего недостаёт.

Без обучения

Парижский Нотр-Дам сгорел из-за интерфейса. Датчик возгорания штатно и вовремя сработал, и сотрудник службы безопасности увидел на экране код: ZDA-110-3-15-1. Это идентификатор конкретного места, где сработал датчик — ценнейшее знание. Однако почти полчаса сотрудник искал, где же горит, потому что не знал, что значит код, а начальник не отвечал на телефон.

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

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

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

В случае с Нотр-Дамом цена такого мнения — миллиард долларов.

Я предлагаю принцип «Без обучения». Прям декларировать его как основу для всех принимаемых в дизайне решений. Я прямо отвечаю инженерам:
— Понимаю, но у нас в интерфейсах используется принцип «Без обучения». То есть мы делаем интерфейсы такими, чтобы как раз таки случайный человек мог подойти и выполнять работу. Да, без опыта он будет делать медленнее, но нужно добиться, чтобы он в итоге сделал всё правильно.

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

Очень важно настроить культуру разработки, чтобы сам этот довод «Сотрудники проходят обучение» не считался валидным. Считайте, что не проходят. Что тогда?

Про Нотр-Дам:
www.nytimes.com/interactive/2019/07/16/world/europe/notre-dame.html

Дмитрий Сивухин поделился гифкой, где он листает свежеполученную книгу Arcade Game Typography. Балдёж!