Интерфейсы с ИИ: открытая библиотека принципов и источников
Опубликовал библиотеку для проектирования интерфейсов с ИИ. В ней — порядок работы от задачи до сценариев, принципы с причинами, каталог элементов, правила вёрстки, вопросы для проверки и комплект документов, который можно передать своему агенту.
В основе — исследование открытых материалов Ильи Бирмана и «Советов» Бюро Горбунова, выполненное с помощью ИИ. Библиотека — наша рабочая интерпретация этого исследования, а не официальный стандарт бюро.
Для меня главное здесь — порядок. Агент охотно начинает с экранов: сразу рисует кнопки, карточки и меню. Но сначала стоит выяснить, зачем человеку всё это нужно, в какой он ситуации и как справляется без нас. Иначе получается аккуратный интерфейс, который решает не ту задачу.
И второе: задание заказчика важнее правил комплекта. Принципы помогают спорить с решением и объяснять его, но не дают агенту права молча убрать то, что просили. Если с пунктом задания не согласен, его всё равно делают, а сомнение объясняют отдельно, с понятной причиной.
Что можно взять себе
В библиотеке 20 принципов: «Интерфейс — зло», «Пусть потеет машина», «Отмена лучше подтверждения», «Привычка сильнее надписей», «Не перебивайте человека» и другие. У каждого есть три части:
- само правило с примером;
- почему оно работает;
- вопрос для самопроверки.
Рядом стоят ссылки на первоисточники. Их можно открыть, чтобы разобраться в основании принципа, а не просто принять очередное правило из инструкции для нейросети.
Например, окно «Вы уверены?» кажется защитой от ошибки. Но человек быстро привыкает нажимать «Да», не читая, и подтверждение становится частью жеста. Поэтому вопрос для проверки звучит так: защищает ли подтверждение того, кто нажимает его сотый раз? Часто лучше дать отменить действие.
Кроме принципов, в библиотеке:
- 12 разделов о процессе: от вопроса «зачем» и сценариев до навигации, тестирования спорных мест и презентации решения;
- 24 элемента интерфейса, от кнопки и ссылки до мастера, конструктора и модального окна: когда каждый подходит и где обычно ошибаются;
- 12 правил вёрстки: близость, информативность, размер цели, доступность;
- 7 групп вопросов, чтобы проверить готовое решение перед сдачей.
Как пользоваться с агентом
Скачайте комплект документов, распакуйте его и передайте агенту вместе с задачей. Попросите начать с START.md. Если удобнее прикрепить один файл, есть текстовая версия.
Первый шаг — не макет, а описание ситуации. Пусть агент расскажет, кто будет пользоваться продуктом, зачем, и опишет два или три сценария словами. Если в задаче чего-то не хватает, пусть спросит, а не додумывает.
Не нужно применять все принципы подряд. Попросите агента назвать те, на которые он опирается, и объяснить решение через них. Так проще увидеть, где он прав, а где правило к задаче не относится.
Готовый результат удобно проверить по 05-review.md: видно ли главное действие сразу, можно ли отменить последнее действие, удобно ли нажимать на телефоне и можно ли для каждого заметного решения назвать задачу и принцип.
Что исследовано и где есть пробелы
В таблице источников 138 материалов. Просмотрен весь список записей блога Бирмана с тегом «Интерфейс» — около 565 на 57 страницах — и его словарь-справочник. Анонсы, подборки ссылок и подкасты отброшены. В библиотеку вошли записи, где есть правило с причиной.
Не все материалы удалось изучить. Фрагменты интерфейсного курса и доклады оказались видео с короткой аннотацией, их не смотрели. Платные главы книги «Пользовательский интерфейс» тоже не прочитаны. Формулировки в библиотеке — пересказ; точные цитаты и примеры стоит сверять с оригиналом.
Таблица источников и статусов чтения доступна отдельно. Сведения в ней относятся к 29 октября 2026 года. Полнотекстовых копий чужих публикаций в открытом комплекте нет: он содержит нашу документацию и ссылки.