Дальше разгребаю фрагменты интерфейсного курса, дошёл до 175-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-175/

От № 151 до № 175 — свежедобавленное, посмотрите.

Если всё смотреть лень, особенно рекомендую № 155 про слово «Сохранить», №№ 158 и 170 про подачу, № 163 про смелость и № 167 про то, как опрятность прячет проблемы.

Идёт запись на сентябрьский курс. Сейчас −30%:
https://bureau.ru/educenter/ui-online/

И о погоде.

1. Если не будет прям дождя, сегодня играю поп-музыку во Дворе Галеева аж с 21 до 24. Я по такому случаю даже изучил дискографию певицы Нюши! Ну и Модерн-токинг вспомнил. Забегайте.

2. В следующий четверг, 31-го, на Верандыче буду играть развесёлое техно с 21 до 22:30. Картинка относится к этому пункту. Забегайте тоже.

Это всё в Челябинске, если чё.

Как упихнуть в экран список из 300 человек

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

Дизайнер говорит, что список получается очень длинный и не влезает в боковую панель. Рассуждает вслух: может, надо сначала показать тех, кто сдал успешно, а может наоборот, тех, кто не сдал... может надо показать первых десятерых, а остальных спрятать за раскрывашку... а может надо как-то по отделам их тут разделить?.. Это всё может быть, но вот в чём проблема: все эти варианты приходят в голову исходя из проблемы «я не могу упихать», которая вообще не в мире пользователя.

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

У нас выяснилось, что пользователю полезно понимать, кто не прошёл тест, чтобы можно было им написать, мол, давайте-ка проходите. Я спрашиваю: а если половина не прошли тест, он что, будет 150 человекам в личку писать? Может, мы сделаем кнопку «Напомнить», которая будет сама отправлять уведомления? А может оно и без кнопки сможет за этим следить и напоминать тем, кто забыл? Тогда полный список не особо-то и нужен. Бывает любопытно просто поглядеть, кто прошёл, кто нет.

Ещё выяснилось, что иногда нужно про конкретного человека понять, прошёл он или нет. Ну окей, запихиваем в прокручиваемую область, не боясь, что не влезает, а сверху ставим поле поиска-фильтра. А, стоп, а кто эти конкретные люди, про которых интересно? Почему про всех неинтересно, а про конкретных десятерых интересно? Выяснилось, что это потому что наш пользователь их сам добавлял проходить этот тест. Если кто другой добавлял, то это их проблемы, а вот если добавил «я» сам, то значит мне результаты этих людей важны. Ну так блин, давайте показывать не всех, а как раз «моих», а остальных и правда можно спрятать за раскрывашку какую-то!

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

Через час у нас с Мишей будет воркшоп про презентации.

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

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

Если все придут «просто послушать», то воркшопа не получится и пользы вам не будет. Так что лучше преодолеть стестенение и выступить. Давайте!

Зум:
https://us06web.zoom.us/j/83330486805?pwd=nQVqvcIhK4ceNPXDsbovdH1BzxRD8A.1

Чем вас привлекает дизайн?

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

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

Этому нет никакого рационального объяснения, просто эти большие стаканы меня бесят, кажутся уродскими и громоздкими. А маленькие — офигенные. Прям представляю, как кручу его в руке с удовольствием.

Простите за такие интимные подробности уж.

В интерфейсах бывает, что дизайнеры хотят что-то сказать пользователю, и «говорят» это в подписях элементов интерфейсов в нарушение синтаксиса. В итоге пользователю вообще ни черта непонятно. 3 минутки:
https://www.youtube.com/watch?v=dlnCTOPoov4

ЧатГПТ от моего лица: «В этом фрагменте я объясняю, что элементы интерфейса работают по правилам — у каждого свой «синтаксис» и ожидаемое поведение. Если, например, внутри выпадающего списка вместо значения написать подсказку вроде „требуется замер“, это будет сбивать с толку: пользователь ожидает увидеть там варианты выбора, а не комментарии. То же самое с кнопками — на них должен быть глагол действия («Оплатить»), а не призыв что-то ввести в другом месте. Когда элементы начинают вести себя не по правилам, интерфейс становится непредсказуемым и мешает пользователю».

Идёт запись на курс, который пройдёт 30 августа — 28 сентября. Сейчас −30%, потому что заранее.

Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/

Поступил комментарий к этому видео! Отныне будем считать критерием хорошего дизайна соответствие ТЗ заказчика.

Пример интерфейса с нарушением синтаксиса. Сервис «Кинескоп».

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

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

Имелась в виду кнопка.

Думаем дальше № 43 — «Ничё ты мне не сделаешь, клиент» с Женей Арутюновым

С Женей Арутюновым обсуждаем, кто какой проект бы хотел делать, ну и там между делом всякое.

0:00 — Женя готов решать задачи без самовыражения, хотя раньше у него был сайт с авторским почерком, а к Илье приходят клиенты, которые и так в курсе его приколов
8:08 — Задача и сверхзадача, ценность амбициозных дизайнеров, почему парикмахерской не надо идти в Пентаграм и зачем стараться на консультации
14:40 — Женя предлагает свою консультацию растущим компаниям
19:52 — Илья предлагает продукт «консультация с пониманием». Обсуждаем, кому это всё надо
27:41 — Свои продукты, Эгея, теория и практика
30:00 — Женя хочет передохнуть (но как?!)
37:29 — Жене нравится веб и делать сайты интересным людям
40:21 — Илья хочет делать много конфигураторов всего
46:05 — Про совмещение нескольких функций в дизайне
47:41 — Илья хочет автоматизировать больше дизайна для транспорта. Попытка подкатить к «Оптибасу»
56:23 — Шрифты для светодиодных табло. Как подкатить к самим производителям этих табло или автобусов
1:02:27 — Как реализовывать волшебные общественные проекты
1:05:09 — Илья хочет переделать стандарт пожарных планов. Женя объясняет, почему в Германии они нормальные
1:11:42 — У фильтров Аквафор жуткая инструкция по замене модулей
1:16:04 — Почему в компаниях не внедряются инновации

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

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

Бирман комментирует отображение секретных объектов на картах:
https://bureau.ru/soviet/20250729/?utm_source=tg-s-s-s250729-290725

Виспер и ЧатГПТ сначала были заняты по работе, потом эйрподы разрядились, потом надо было кое-какие бытовые агентские дела доделать, — но вот наконец послушали 43-й выпуск за вас! Про схему эвакуации из трамвая мне даже понравилось:

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

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

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

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

Основные идеи и выводы:
— Делать проект ради самореализации и ради клиента — это две разные мотивации, и в каждой есть плюсы и минусы.
— Консультации могут быть ценны не только разовыми советами, но и регулярным участием в развитии бизнеса.
— «Понимание задачи» — важная и редкая услуга, которая часто ценнее, чем сам макет или интерфейс.
— Конфигураторы — это не про техническую сборку, а про объяснение сути продукта пользователю.
— Автоматизация дизайна упирается в систематизацию бизнес-логики, а не в кнопки в Фигме.
— Визуальная культура в транспорте и других инфраструктурных вещах может быть нормальной, если за это берутся осознанные люди.
— Часто в компаниях нет культуры улучшения — и это главная преграда, а не технологии или деньги.

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

В Твиттере обсуждают ситуацию: человек не разобрался в схеме вагона и случайно купил билеты в разных купе.

Как вы считаете, кто виноват? Дизайнер, который так нарисовал вагон, что пассажир запутался? Или пассажир, который не смог понять, где купе, а где стенка?

Правильный ответ опубликую, когда все сдадут свои работы.

Полтора года назад я снял видео про то, как поверить, что 0,(9) = 1, вдруг вы не видели? Во:
https://www.youtube.com/watch?v=DGG0bjpg9g0

Информационный стиль. Трейлер

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

Это классическая лекция, в которой возникло понятие стоп‑слов в редактуре. Артём Горбунов придумал их как способ быстро оценить и улучшить текст в интерфейсе, и с тех пор их список вырос в разы, обзавёлся библиотекой связанных примеров и приёмов.

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

В трейлере — кусочки про стоп‑слова «дополнительно», «модуль», «тип», а также почему не надо писать «введите» и «нажмите»:
https://vkvideo.ru/video-113157690_456239948

Сейчас открыта запись на курс, который пройдёт с 30 августа по 28 сентября — там уже будут новые лекции. Сегодня последний день −30% из-за ранней записи:
https://bureau.ru/courses/ui-online/

Уборщица и приоритеты

С тех пор, как я съехал от родителей лет двадцать назад, у меня есть уборщица. Иногда люди удивляются: ого, прям собственная уборщица! Почему-то это воспринимается как вид роскоши, хотя это обычная, вполне доступная услуга, типа мастера на час. Уборщица вовсе не собственная, она ещё у нескольких других людей работает.

Сам я удивляюсь тому, что люди, воспринимающие уборщицу как роскошь, легко тратят деньги на полную, по моим меркам, туфту.

Скажем, есть ребята, которые постоянно ездят на такси, хотя есть автобус. Помню, как-то в Москве вышел под утро с одной вечеринки, и там все у клуба такси ждут! А я посмотрел — через 6 минут с соседней улицы ночной автобус в нужную мне часть города. Вот нафига я буду брать такси? Какие плюсы это даёт, сравнимые с ценой такси? А некоторые вообще ездят только на «Комфорте»! Для меня это звучит как просто выбрасывание денег в мусор.

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

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

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

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

Честное анду документа и состояния

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

В Иллюстраторе если выделить часть точек объекта, подвинуть эти точки, а потом нажать анду, точки-то вернутся на место, но выделение изменится. Придётся заново выделять, чтобы подвинуть правильно.

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

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