Дайджест дизайна привычных вещей

№34 · Менеджмент § 153. Пирамида Лебедева В любой компании или организации действует пирамидальное соотношение участников: единицы генерируют идеи и задают направление, большинство исполняет. Эта модель объясняет, почему в творческих коллективах невозможно «равноправие» в принятии решений — структура иерархии встроена в саму природу любой группы. Понимание этого соотношения помогает управленцам не бороться с пирамидой, а выстраивать процессы, опираясь на неё.

№33 · Дизайн-системы Параметрическая геометрия: как в IFC4 уже сейчас работает то, что официально обещают только в IFC5 Параметрическое редактирование геометрии в открытом IFC-формате реализовано в BIM-редакторе Bonsai (аддон для Blender) уже сейчас — без ожидания IFC5. Механизм работает поверх штатного IfcPropertySet: кастомный набор свойств BBIM_Roof хранит JSON с параметрами формы (угол ската, толщина, метод генерации), а 3D-геометрия пересобирается отдельной операцией через панель Parametric Geometry. Ключевое практическое следствие для программной работы через IfcOpenShell: переписать JSON в Pset недостаточно — нужно отдельно вызвать операцию генерации геометрии, иначе свойства и форма в файле разойдутся.

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

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

№30 · Практика Dialogs – Material Design 3 (Eng) Диалоги в Material Design 3 — компонент для критичных подсказок в пользовательском сценарии, требующих реакции. Документация описывает правила доступности для диалогов. Справочный материал для работы с гайдлайном M3.

№29 · Практика Why Custody Remains Key for Trading on TON (Eng) Разбор архитектуры STON.fi — DEX на блокчейне TON, где свопы исполняются как подписанные транзакции через смарт-контракты без передачи активов третьей стороне. Маршрутизатор Omniston выбирает оптимальный путь по ликвидности TON, что снижает проскальзывание при разрозненных пулах. При оценке DeFi-инфраструктуры автор предлагает смотреть на три показателя: глубину пулов, эффективность роутинга и структуру вознаграждений.

№28 · UI-паттерны Как спроектировать боковую панель, которая сэкономит место на экране Раскрывающаяся боковая панель решает проблему нехватки горизонтального пространства в data-heavy интерфейсах: одним кликом навигация сворачивается до иконок, освобождая область контента. Чтобы свёрнутая панель работала, иконки должны быть визуально различимы, симметрично выровнены по вертикальной оси, а при наведении — показывать всплывающую подсказку, выровненную по центру с иконкой. Кнопка сворачивания со стрелкой, меняющей направление в зависимости от состояния панели, — обязательный элемент, без которого пользователь не поймёт, как управлять навигацией.

№27 · ИИ Как гуманитарий без опыта в кодинге собрал инди‑игру с AI‑агентом за полтора месяца Линигвист без опыта в кодинге собрала браузерную игру Kadence за полтора месяца, используя AI-агента как исполнителя, а не автора: продуктовая логика, декомпозиция задач и документация оставались на стороне человека. Ключевым инсайтом стало то, что без структуры агент «плывёт» — поэтому репозиторий превратился в полноценную базу данных проекта: Game Design Document, сценарии клиентов, README для саундтрека. Фичи реализовывались итерационно: сначала минимальный работающий кусок, проверка, затем следующий слой — такой подход позволил контролировать качество без знания кода.

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

№25 · Визуализация Алгоритм Δλ. Вишенка на торте 🍒 Интерактивная визуализация алгоритма Δλ показывает последовательность шагов и связи между ними в формате, который сложно передать текстом. Формат «объяснялки» позволяет увидеть логику алгоритма в динамике. Материал адресован тем, кто изучает визуализацию данных и разбирается с этим алгоритмом.

№24 · Практика Text fields – Material Design 3 (Eng) Текстовые поля в Material Design 3 — базовый компонент для ввода данных в формах и диалогах. Документация охватывает правила доступности для этого элемента. Полезна как справочник при проектировании форм в рамках гайдлайна M3.

№23 · UX Why User Experience Is a Business Issue, Not a Design Issue (Eng) Плохой UX — это не эстетическая проблема, а операционная: брошенные корзины из-за путаницы на странице оплаты, часы сотрудников, потраченные на переключение между пятью разными системами, и поддержка, которая отвечает на одни и те же вопросы снова и снова. Компании привыкли списывать отток клиентов на цену или конкурентов, хотя реальная причина часто проще — взаимодействие с бизнесом ощущается как работа. Каждый лишний шаг в интерфейсе умножается на тысячи пользователей, поэтому сокращение одного ненужного экрана или объединение пяти систем в одну меняет экономику быстрее, чем новый маркетинговый бюджет.

№22 · UI-паттерны Как группировать элементы на боковой панели, чтобы облегчить их поиск Группировка элементов боковой панели по смысловым категориям сокращает зону сканирования: вместо просмотра всего списка пользователь сразу идёт в нужную группу. Порядок элементов внутри группы стоит выстраивать по эффекту последовательного расположения — самые приоритетные пункты ставить первыми и последними, так как они лучше запоминаются. Сочетание двух техник — смысловой группировки и приоритетного упорядочивания — даёт более эффективную навигацию без изменения состава меню.

№21 · Фриланс Как я помогла веб-дизайнеру получить 128 000 рублей за разработанный им сайт, выиграв спор с заказчиком в суде Кейс: веб-дизайнер разработал сайт под ключ для логистической компании, получил 50% предоплаты, но заказчик отказался платить вторую часть (119 500 рублей), сославшись на то, что не получил государственную субсидию. Договор, заточенный под риск неполучения финальной оплаты, позволил выиграть дело в Арбитражном суде Москвы за 2 месяца — в итоге взыскано 128 000 рублей с учётом процентов и судебных расходов. Разбор показывает, какие пункты договора критичны для фрилансеров и студий, работающих по модели 50/50.

№20 · ИИ-игры Meta запустила приложение, где мини-игры для пользователей создаются по текстовому описанию Meta тестирует приложение Pocket, в котором пользователи создают мини-игры (gizmo) по текстовому описанию — ИИ самостоятельно превращает промт в интерактивный опыт без написания кода. Готовую игру можно редактировать и публиковать в ленте, по формату напоминающей TikTok: с лайками, комментариями и репостами. Приложение появилось в Google Play без официального анонса и пока доступно не во всех странах, что указывает на ранний экспериментальный статус продукта.

№19 · Контент Есть ли сейчас смысл добиваться какой‑то частоты контента? Частота публикаций влияет на охваты только если контент попадает в актуальный запрос аудитории — без этого никакой объём постинга роста не даст. Алгоритмы рекомендаций ищут удачный контент для распространения, и чем больше публикаций, тем больше шансов «попасть», но если тема не востребована, лента просто перестанет его показывать. Для взрывного роста нужно угадать дух времени и публиковать много; если тема нишевая или дух времени не в приоритете — писать хорошо важнее, чем часто.

№18 · Практика Split buttons Split button — это кнопка, разделённая на два элемента: основное действие и стрелку, открывающую меню с дополнительными вариантами того же действия. В Material Design 3 компонент используется, когда нужно предложить варианты без лишних шагов: например, «Отправить» и выбор способа отправки в одном элементе. Такой паттерн сокращает глубину навигации и подходит для интерфейсов с повторяющимися, но контекстно различающимися действиями.

№17 · Тренды Generative UI in 2026: The Biggest Shift in Interface Design (Eng) Generative UI — не очередная AI-фича, а смена базового допущения: интерфейс больше не проектируется заранее целиком, а собирается в реальном времени из компонентов под конкретный контекст и цель пользователя. Роль дизайнера смещается от рисования экранов к проектированию ограничений, модульных систем компонентов, intent-моделей и критериев оценки сгенерированных интерфейсов. Команды, которые успешно внедряют Generative UI, относятся к нему как к задаче constrained generation, а не открытого творчества, и вкладываются в дизайн-системы и human oversight.

№16 · UI-паттерны Сравнительные таблицы для товаров, услуг и характеристик Сравнительная таблица — инструмент для компенсаторного принятия решений: она нужна, когда пользователь выбирает из 5–7 вариантов по нескольким критериям, и не нужна для дешёвых, простых или эстетически выбираемых товаров. Таблицы делятся на статические (до 5 товаров, заранее подобранные) и динамические (большие каталоги, пользователь сам выбирает что сравнивать). Ключевые условия эффективности — консистентность контента, удобство сканирования и простой дизайн.

№15 · Figma Декомпозиционный подход организации пространства в Фигме Декомпозиционный подход организации Figma-пространства строится на трёх уровнях иерархии: Team → Project → File, где каждый файл равен одной задаче из Jira, а не целому продукту или фиче. Для каждой фичи или микросервиса создаётся отдельный проект с мастер-файлом актуального юзерфлоу, куда после релиза переносятся макеты из задачных файлов — это решает главные проблемы трёх популярных подходов: неактуальность макетов для разработки, перегруженные файлы и сложный поиск. Подход подойдёт продуктовым дизайн-командам, которые страдают от хаоса в Figma и постоянных вопросов от разработки «какой макет актуален».