Недавно ковырялся в Chess Platform. В какой-то момент решил пофиксить экраны регистрации/авторизации, потому что Codex или Claude их как-то стремненько собрали в первый заход. И подумал, что ни разу не видел какую-то попытку на шахматных платформах обыграть "шахматные темы" в подобных сценариях. Сюда же можно еще 404-ошибку добавить. Codex за 5 минут собрал варианты ниже. У LLM, конечно, проблема с генерацией реальных шахматных позиций (ну и дорабатывать надо без сомнения), но раньше, конечно, без вариантов было что-то подобное даже подумать сделать, т.к. все время не хватало ресурсов. P.S. в проде LLMки собрали говно в итоге... Надо будет потом править. #process #chessplatform #llm

🍯 Продукт-дизайнер поделился своим набором скиллов для создания крутых лендингов — в них есть анимации, моушн-графика, интерактивные визуалы и разные стили. → Агент сам изучит продукт, придумает структуру страницы, напишет продающие тексты и подберёт визуал. → Внутри каждого скилла — свои правила по шрифтам, цветам, отступам и анимациям. → Если хотите кастомный стиль — меняем значения в одном блоке, а всё остальное подстроится автоматически. → Второй скилл превращает скриншоты и статичные макеты из Figma в анимации для лендинга. → Работает с Claude Code, Cursor, Codex, Windsurf и всеми популярными ИИ-агентами. У проекта уже почти 8 тысяч звёзд. Кладём в закладки — тут. @notboring_tech

Временные режимы Как вы, возможно, знаете, режимы в интерфейсе — это плохо. Но ещё хуже временные режимы. Такое часто встречается в бытовой технике и разных приборах. Режим — это состояние интерфейса, в котором одинаковые действия пользователя приводят к одинаковым результатам. В разных режимах одни и те же действия дают разные результаты. В Фотошопе — множество режимов: клик по изображению может сделать что угодно в зависимости от выбранного инструмента и его параметров. Проблема в том, что пользователь не всегда помнит, в каком режиме находится интерфейс, и из-за этого ошибается: хотел нарисовать линию, но случайно сделал градиент. Представим телевизионный пульт. Кнопки «влево» и «вправо» регулируют громкость, а «вверх» и «вниз» переключают каналы. Эти же четыре кнопки используются для навигации по меню. Если пользователь, находясь в меню, захочет сделать погромче и по привычке нажмёт «вправо», у него ничего не выйдет: сейчас эта кнопка означает «увеличить ширину изображения». Но меню в телевизоре — не просто режим, а временный режим: если десять секунд ничего не нажимать, оно закроется. Когда пытаешься настроить телевизор по инструкции, это ужасно раздражает: пока ты находишь по инструкции, куда жать дальше, меню уже исчезает и приходится начинать с начала. Временные режимы в автомобильных интерфейсах не только раздражают, но и опасны. Например, чтобы добавить бас, нужно открыть меню, найти эквалайзер, выбрать низкие частоты и отрегулировать их ручкой. Пока добираешься до очередного нужного пункта, на твоём светофоре загорается зелёный, и настройку приходится откладывать до следующего светофора. Скорее всего, там придётся снова пробираться через всё меню. Зная, что интерфейс не дождётся следующего светофора, ты будешь вынужден настраивать звук прямо во время движения. Если избежать режимов в интерфейсе невозможно, хотя бы не используйте временные режимы. Если уж пользователь передумал настраивать телевизор или эквалайзер, пусть сам нажмёт «Закрыть». Изначально опубликовано на английском языке в 2013 году: https://ilyabirman.net/meanwhile/all/timed-modes/

Как я делаю дизайн, UI и UX Друзья, спешу поделиться с вами свежими приемчиками. Осваивал тонкое искусство производства интерфейсов и открыл для себя новый flow. Работает так - Берём какую-то идеи/задачу и описываем ее Клоду/Кодексу, просим собрать контекст. Дальше подключаем Mobbin MCP и просим агента найти релевантные интерфейсы. Изучаем что он там нашел и просим использовать генерацию картинок, для того что бы сделать прототип интерфейса. Вместе доводим до ума и дальше просим написать план по материализации проекта в код. Запускам план в ультра режиме - и готово! Намного подробнее и с примерами читайте в новом блог-посте: https://getsweat.ai/blog/from-mobbin-to-a-working-dashboard/

Дизайн без обучения: интерфейс, которому не нужна инструкция Илья Бирман, дизайнер и арт-директор Бюро Горбунова, в подкасте make sense сформулировал простую мысль: если интерфейсу нужно обучение — проблема в интерфейсе, а не в пользователе. Дизайн напрямую влияет на активацию: каждый экран с объяснениями отделяет пользователя от первой ценности. Коротко о принципе: 👉 Инструкции не читают. Онбординг-слайды, туры и подсказки поверх экрана пролистывают, не глядя. В итоге знание, ради которого пользователя заставили пройти обучение, к следующему запуску пропадает. 👉 Интерфейс объясняет себя сам. Если кнопка выглядит как кнопка, ссылка — как ссылка, а на поле ввода понятно, что в него вписать, — это будет работать. Если элементу нужна подпись «нажмите сюда» — элемент сделан плохо. 👉 Учит само действие. Человек разбирается в продукте, когда им пользуется, а не когда читает о нем. Duolingo не объясняет, как устроено приложение: новый пользователь выбирает язык и сразу проходит первый урок — еще до регистрации. Механику он понимает в процессе, а аккаунт создает, когда уже получил ценность. 👉 Обучение лечит симптом. Тултип объясняет непонятное поле, но поле остается непонятным. Перепроектировать дольше, зато чинится причина. Как применять: 👌 Перед тем как добавить подсказку или онбординг, спросите себя: нельзя ли убрать саму необходимость объяснять? Каждый лишний экран до первой ценности увеличивает time-to-value и отток в первой сессии. 👌 Проверяйте сценарии на людях, которые видят продукт впервые. Каждый вопрос «а что тут делать?» показывает, что нужен редизайн, а не текст. В воронке это тоже видно: шаг, на котором пользователи застревают, обычно содержит что-то непонятное для пользователя. 👌 Пустые состояния используйте как обучение: в пустом экране сразу показывайте первый шаг. Например, Notion встречает нового пользователя не пустой страницей, а документом Getting Started с чекбоксами — он учит работать с блоками, пока по ним кликаешь. Это напрямую влияет на активацию в первую сессию. 👌 Пишите кнопки глаголами и называйте результат — например, «Отправить счет» вместо «ОК». Понятное действие совершают чаще, а в поддержку приходит меньше вопросов «а что будет, если нажать?». Лучший онбординг тот, которого пользователь не заметил. 🎧 Больше идей для дизайна продукта — в 400-м выпуске подкаста make sense с Ильёй Бирманом. Там он рассказывает, почему интерфейс — это сценарий, а не набор кнопок, где удобство пользователя конфликтует с бизнес-метриками и почему A/B-тесты часто не работают. Про принцип «без обучения» — с 42:52.

Разложить прототип на макеты Когда-то рисовать макеты было легко, а делать прототипы — сложно, но постепенно все научились делать и прототипы. Недавно я писал, что не люблю прототипы и хочу видеть макеты: прототипы скрывают внутреннюю логику, а при проектировании меня интересует именно она. Даже то, как разложены макеты по холсту, уже многое говорит о том, чем он думал: https://ilyabirman.ru/meanwhile/all/designing-and-creating-explanations/ Сейчас благодаря нейросетям делать прототипы даже проще, чем рисовать макеты. Нейросеть просто выдаёт готовый кликабельный прототип; макетов в этом процессе в принципе не было и нет. Но что толку, что она его выдаёт? Как ты поймёшь, что там всё действительно по уму сделано? Я всё равно хочу видеть систему целиком, а не одно её измерение, поэтому всегда прошу нейросеть разложить мне все состояния по полочкам, показать связи между ними. Да, наглядно показать всю внутреннюю логику системы стало сложнее, чем просто сгенерировать что-то кликабельное. Но если ты хочешь сделать не просто «что-то», а сделать чётко, то без этого никак.

Визуальная простота Как-то раз оператор при изменении цены для клиента вместо цены в 25 рублей ввела цену 2 500 руб. Скорее всего кнопка с запятой заела или соскользнул палец. Новую цену потом согласовали коммерческий директор, финансовый директор и генеральный директор. Изменение цены заметил только кладовщик, который прикинул, что на этот объем товара стоимость уж слишком велика. Я тогда как раз отвечал за работу контролей, в том числе за контроль утверждения цены. Как можно было не заметить новую цену, которая должна была бы значительно выделяться из ряда чисел формата ##,## — мне было непонятно. Пока я не посмотрел на портал, в котором вводились эти цены: нет разделения разрядов, нет маски ввода, маленький шрифт, строчки идут вплотную друг к другу и так далее. Мы с ИТ переработали портал: сделали маску ввода, увеличили шрифт и расстояние между строчками и т.д. Сделали предупреждение об изменении цены более чем на 50 %. Если сотрудник меняет цену с 25 рублей на 40 — то система спросит, действительно ли вы хотите так изменить цену. После этих изменений ко мне подошла начальница управления по работе с клиентами и сказала спасибо. С новым порталом работать стало значительнее удобнее и проще. То есть, доработка портала помогла людям меньше уставать, а значит и меньше совершать ошибок. Кроме этого, у людей остается больше энергии на свою жизнь и другие дела. #ЧФ #когнитивная_нагрузка

Сайт как на Series D, когда ты на pre-seed Я в канале постоянно повторяю, что продукт сейчас можно собрать за выходные. Разработка подешевела настолько, что сама по себе больше не moat. Но если код больше не отличает стартапы друг от друга, то что отличает? Сайт? Тоже нет. Если любой может за вечер собрать симпатичный лендинг на Lovable, то симпатичный лендинг перестаёт что-то сообщать. Этот стиль все уже узнают с первого экрана: градиент, крупный заголовок по центру, три карточки с иконками, бенто-сетка. Когда так выглядит каждый второй сайт, это читается не как «аккуратно», а как «сделали за вечер». А качество продукта люди, как ни крути, оценивают по упаковке. Особенно в B2B, где за сайтом стоит вопрос: можно ли доверить этим ребятам наши деньги и данные? Недавно Георгий Курдин, сооснователь Monk, который уже привлёк $28M, назвал свой самодельный сайт большой ошибкой. Его совет: уже на pre-seed или seed потратить деньги и сделать единый визуальный стиль так, будто вы на Series D. Причём этот стиль должен проходить через продукт, презентации для продаж и все материалы. С другой стороны, на pre-seed на счету каждый доллар. Потратить деньги на дизайн вместо ещё одного месяца runway — решение совсем не очевидное. Поэтому хочу спросить вас. Верите в эту идею? Кто-то вкладывался в сайт на ранней стадии и видел, как это сказалось на продажах или разговорах с инвесторами? И правда ли сайты, собранные с Claude или ChatGPT, уже считаются плохим тоном? Делитесь опытом в комментариях Андрей Резинкин | Money For Startup

Обновление справочника за 20 октября 2026 Справочник обновился. Во-первых, добавились подробные статьи «Выключатель» и «Слайдер» в виде большого совета на сайте бюро: https://bureau.ru/soviet/20261020/ Во-вторых, появились ещё несколько терминов. В частности, разблокирована буква Э! Для тех, кому не нравились «Заусенцы» и «Пипка», теперь есть «Упячка». В паре мест добавились иллюстрации. Всё новое и дополненное разом показывает, если вписать в поиск заклинание «r02». В-третьих, при переходе по внутренним зелёненьким ссылкам стало сильно лучше понятно, куда тебе указывают, а также после таких переходов заработала браузерная кнопка «Назад». А ещё у справочника появился логотип: https://ilyabirman.ru/reference/

Включение и выключение Некоторые устройства можно включать и выключить, для чего на них есть кнопки или выключатели. Раньше выключатели физически замыкали и размыкали электрическую цепь. С появлением электронного управления возникли промежуточные состояния. Например, у некоторых телевизоров есть «жёсткий» выключатель на корпусе, и они включаются с пульта только когда он включён. Если выключить такой телевизор только с пульта, он переходит в режим ожидания (standby) и светит красным огоньком. У многих посудомоечных машин или электронных термометров есть отдельная кнопка включения. Всё, что она делает — включает возможность нажать следом кнопку стирки или измерения температуры. Необходимость управлять питанием — проявление технозависимости интерфейса. Задача пользователя — «посмотреть кино», «постирать посуду», «померить температуру», а не «подать питание на схему». Точно так же, как шахматную доску не нужно включать, чтобы сыграть, а стул — чтобы сесть, электронные приборы не должно быть нужно включать, чтобы просто пользоваться ими. Современная электроника может динамически переходить между разными режимами энергопотребления, не вовлекая в эти решения пользователя. Некоторые беспроводные наушники приходится включать и выключать вручную, чтобы они не разряжались зря. Эйрподсами просто пользуешься, когда нужно, а режим питания они выбирает самостоятельно. В случае с телевизором жёсткое отключение принципиально отличается от режима ожидания, но эти отличия несущественны для пользователя, поэтому многие современные телевизоры не имеют ни кнопки на корпусе, ни красного огонька и просто всегда управляются с пульта. Вероятно, такое повышение удобства потребовало некоторого внутренного усложнения. В случае же с термометром кнопка питания является проявлением инерции мышления, так как ровно то же, что она делает физически, может делать соседняя кнопка измерения. Ручное включение и выключение имеет смысл только тогда, когда с ним связаны сценарии использования. Например, пользователь может хотеть отключать камеру и микрофон физически для чувства безопасности. В приборах с неизвлекаемыми батареями физический выключатель — единственный способ гарантированно остановить действие прибора, и то, если он честно отключает всякое электропитание. Некоторые приборы шумят, светят огоньками или создают радиопомехи, что тоже может быть нежелательно и также давать пользователю повод прибор выключить жёстко. И всё же в таких случаях в первую очередь стоит думать об устранении вреда, и только если это невозможно, вводить кнопку питания.