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


Гео и язык канала: Россия, Русский
Категория: не указана


Подборки новостей за месяц. Дизайн, технологии, обучение, продукты, лучшие практики.
Один ежемесячный выпуск, вместо десятков каналов со спамом.
Канал курирует @lorrrem
По всем вопросам @denis_zelenykh

Связанные каналы

Гео и язык канала
Россия, Русский
Категория
не указана
Статистика
Фильтр публикаций


№34 · UX-текст
AI + UX‑писатель = AI‑редакция для 10+ команд
Единственный UX-писатель в traveltech-компании выстроил AI-редакцию из четырёх агентов — младший аналитик, старший ревьюер, локализатор и спарринг-партнёр — чтобы не быть бутылочным горлышком для 10+ команд. Статья честно разбирает три системных проблемы LLM в работе с текстом: сикофантия, стерильность tone of voice и модельный дрейф после 5–6 запросов. В качестве противовеса — промпт-инжиниринг с примерами «как надо / как нельзя», постоянная сверка с живыми людьми и изучение физического UX.


№33 · Презентации
Как разместить на слайде мобильные скриншоты с подписями?
Короткий совет о двух способах размещения мобильных скриншотов на слайде: аккуратный ряд без легенды — если нужно показать весь сценарий разом, и подписи под каждым экраном — если нужно прокомментировать отдельные шаги. Автор также рекомендует показывать анализ живьём, а слайды оставлять как напоминалку.


№32 · Практика
Проектируем лучший интерфейс для оформления подписки
Разбор типичных провалов интерфейса подписки: непрозрачная выгода, мелкий текст с условиями и отсутствие визуального сравнения вариантов. Предлагается конкретный набор приёмов: зелёные бейджи с процентом экономии, визуальное отображение количества товара, чек-лист преимуществ на 3–4 пункта, карточка подписки крупнее альтернативы и динамическое обновление цен. Цель — убрать калькулятор из головы пользователя и дать мгновенный ответ на вопрос «зачем мне подписка?».


№31 · Дизайн и AI
3 коротких принципа руководства из практики дизайн-директора Авито
По данным исследования Figma State of the Designer 2026, большинство дизайнеров, начавших активнее применять AI в работе, отмечают его положительное влияние: 91% фиксируют улучшение качества дизайна, а 89% говорят о росте скорости работы. Статистика отражает заметный сдвиг в профессиональном восприятии искусственного интеллекта как инструмента, а не угрозы. Тренд указывает на трансформацию роли дизайнера — от исполнителя к создателю продукта с помощью AI-инструментов.


№30 · Язык
§ 138. Кофе — оно
Обычная индийская скороварка поднимает вопрос продуктового дизайна: как продукт сообщает о своём внутреннем состоянии, когда пользователь не видит процесса напрямую? Без экрана, таймера и уведомлений — только шипение и свисток. Статья использует этот бытовой пример как отправную точку для разговора о feedback-петлях в цифровых интерфейсах.


№29 · Продукт
How Does a Pressure Cooker Know When to Whistle? (Eng)
Обычный индийский скороварка поднимает вопрос продуктового дизайна: как продукт сообщает о своём внутреннем состоянии, когда пользователь не видит процесса напрямую? Без экрана, таймера и уведомлений — только шипение и свисток. Статья использует этот бытовой пример как отправную точку для разговора о feedback-петлях в цифровых интерфейсах.


№28 · Практика
Segmented button – Material Design 3
Segmented buttons позволяют выбирать опции, переключать виды или сортировать элементы. Компонент поддерживает иконки, текстовые метки или их комбинацию.


№27 · Инструменты
Новая отечественная Figma — Linia
Linia.pro — браузерный Figma-подобный редактор, около года разрабатываемый московской командой: те же хоткеи, автолейауты, компоненты, SVG-редактирование, экспорт в WebP и импорт Figma-файлов до 200 МБ. Из заметных недостатков — баг с выравниванием (объекты выравниваются по артборду, а не друг к другу), нет прототипирования и переменных. Главный эксклюзив — Linia Flow: нодовый нейросетевой редактор для автоматизации дизайн-процессов (генерация изображений, текста, видео, кадрирование) с классическим чат-агентом и оплатой токенами.


№26 · Карьера
Как прокачать проектирование и презентацию в юай‑юикс‑дизайне?
Проектирование и презентация прокачиваются вместе: думать о том, как будешь рассказывать о проекте, нужно с самого начала работы над ним. Понимание аудитории — заказчика, разработчиков, читателей портфолио — напрямую влияет на проектные решения, а не только на финальный питч. Практический приём: сразу расставляйте макеты в Figma в том порядке, в котором будете их презентовать.


№25 · UX
Как избежать ошибки ввода на миллиарды долларов
В 2022 году трейдер Citigroup ввёл сумму в долларах в поле «Количество акций» — вместо продажи на $58 млн ушёл ордер на $444 млрд, штраф составил $79 млн. Корень проблемы — одновременный показ двух взаимоисключающих полей ввода: решение — переключатель, который показывает только одно поле. Дополнительные слои защиты: подсказки с форматом, чекбокс подтверждения вместо игнорируемого модального окна и единая блокировка лимитов на всех платформах и локациях.


№24 · Генеративный UI
Generative UI in 2026: The Biggest Shift in Interface Design
В 2026 году базовое предположение UI-дизайна разрушается: интерфейсы больше не обязаны быть полностью спроектированы заранее — они могут генерироваться в реальном времени на основе цели и контекста пользователя. Generative UI отличается от традиционного подхода тем, что система собирает интерфейс прямо во время сессии, а не адаптирует контент внутри фиксированной структуры. Такой переход стал возможным благодаря зрелым дизайн-системам с надёжными библиотеками компонентов и токенами, без которых генерируемые интерфейсы быстро превращаются в хаос.


№23 · Дизайн-системы
Idempotency: More Than Just Safe Retries (Eng)
Идемпотентность — не про безопасные ретраи, а про то, чтобы повторный запрос не менял состояние системы после первого выполнения. Статья разбирает разницу между safe, idempotent и exactly-once операциями, объясняет, почему at-least-once delivery — практический дефолт, и показывает реальный кейс: на платформе VxChange двойная отправка блокчейн-транзакции при таймауте была исправлена через запись намерения в БД до обращения к чейну. PATCH, GET с побочными эффектами и другие примеры показывают, что метод HTTP описывает намерение, а реализация решает всё.


№22 · Исследования
Я ускорял исследования с помощью ИИ — а оказалось, дело вообще не в скорости
Продуктовый маркетолог из M2 разобрал, как выстроить цикл пользовательского исследования с ИИ: ТЗ и дизайн исследования отдать модели, гайд дорабатывать руками, транскрибацию делать через локальный Whisper со словарём терминов. Главный вывод — ИИ экономит не столько время, сколько снимает рутину и помогает саммаризировать интервью в рамках заранее сформулированного вопроса, в том числе по методологии JTBD. Экспертиза исследователей при этом остаётся незаменимой: живые специалисты ловят то, что ни автор, ни модель не видят.


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


№20 · Практика
Как упростить сложную сортировку данных
Разбор трёх проблем типичной сортировки данных: технический язык в названиях, скрытые опции в выпадающем списке и слишком грубые критерии. Вместо выпадающего списка предлагается использовать переключатель (radio button) — он делает все варианты видимыми и сводит взаимодействие к сканированию и одному клику; для мобильных устройств выпадающий список остаётся предпочтительным. Детализацию критериев обеспечивает вторичная сортировка по времени, которая появляется контекстно только при выборе критерия ранжирования.


№19 · Дизайн-процесс
Как устроены дизайн-файлы и Figma в Дринкит — Дизайн на vc.ru
В Дринките провели реорганизацию работы команды в Figma: дизайнер, пришедшая в июне 2025 года, опросила разработчиков и выяснила, что макеты передавались бессистемно. Проекты разделили на три папки — продукт, дизайн-система и маркетинг, — а дизайн-систему вынесли в отдельный проект с доступом на всю компанию. Внутри продуктовой папки появилось девять разделов с чёткими зонами ответственности: концепты, ресурсы и другие категории с разграничением того, что идёт в разработку, а что остаётся рабочим пространством дизайнеров.


№18 · Практика
Federal pressure may force design education to rethink its identity (Eng)
Новая система accountability Минобразования США обяжет программы с 2027 года подтверждать, что выпускники зарабатывают больше обладателей школьного диплома — иначе программа теряет доступ к федеральным займам. Для дизайн-образования риск двойной: многие программы классифицированы как художественные, хотя их выпускники работают в технологиях и бизнесе, а значит, оценка по заработку может не отражать реальный рынок труда. Автор ставит более широкий вопрос: финансовый возврат от степени — неполный, но не нерелевантный критерий, и дизайн-образованию стоит разобраться со своей идентичностью до того, как это сделает регулятор.


№17 · Дизайн-система
Как мы создали ИИ-агент для дизайн-системы
Команда дизайн-системы FinAI в Сбере построила ИИ-агент для навигации по документации: база знаний включает более 50 файлов по атомарным компонентам, 25 файлов по таблицам и 20+ дизайнерских руководств. Конвертация документов из Pixso и Confluence в формат MD с помощью GigaCode ускорила работу в 3–4 раза по сравнению с ручным переводом. Ключевыми практиками стали карта ссылок на источники, самопроверка GigaCode на галлюцинации и FAQ-раздел с эталонными ответами.


№16 · Компоненты
Расскажите о списке
Подробный разбор компонента «список» (listbox): одиночный и множественный выбор, поведение клавиш-модификаторов, HTML-атрибуты size и optgroup. Отдельно разобраны проблемы смешения выбора и выделения в списках с множественным выбором и почему для большинства задач лучше подходят радиогруппа, чекбоксы или выпадающий список. Описан паттерн с двумя списками и переосмысление компонента для тач-устройств после появления iPhone.


№15 · Дизайн
Хвиттор — Денис Зеленых
Денис Зеленых — дизайнер, специализирующийся на привычных вещах, ведущий авторский канал с аудиторией около миллиона подписчиков. Он публикует статьи, фото и другие материалы на собственном сайте zelenykh.ru и в Telegram. Профиль представляет собой личную страницу-визитку с навигацией по разделам блога.

Показано 20 последних публикаций.