Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-декабрь 2024.
Курс «Паттерны дизайн-менеджмента»
1 марта стартует тринадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.
На первых двенадцати отучились более 800 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Avon, Badoo, BandLab, BBC, Билайн, БКС, Brainrocket, Брусника, ВТБ, Chatfuel, Clay, Cloud.ru, Газпром и Газпромнефть, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, Домклик, ДОМ.РФ, EPAM, Exness, Foodplex, Group-IB, HeadHunter, Heads & Hands, Hoff, inDriver, Joom, Kaspi, Klarna, Комитет, Красцветмет, Купер, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, Магнит, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Netcracker, НЛМК, Okko, OneTwoTrip, OpenWeb, Opera, Островок, Открытие, ОТП Банк, Ozon, PayPal, Петрович, ПИК, Pinkman, ПСБ, QIWI, Qlean, Работа.ру, Райффайзен Банк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, РЕСО-Гарантия, restore, Росбанк, Россельхозбанк, Ростелеком, Rutube, S7, Самолёт, Сбер, Сибур, Ситимобил, Совкомбанк, Sokolov Jewelry, Спортмастер, Сравни.ру, Столото, Selectel, Semrush, Skyeng, Social Discovery Group, Softline, Tele2, Tengri News, Тинькофф, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралсиб, Уралхим, Финам, ЦИАН, Эвалар, Эксмо, Uzum, Voximplant, Wargaming, Wildberries, Winline, Wrike, X5, Юрент, Yappy, Yota, Яндекс и многих других.
Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли (проверяю всё сам). Получается синхронно-асинхронный коучинг.
Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.
На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп 🙂
Crypto Design Club
Галерея красивых сайтов крипто-компаний.
ToS about
Сайт собирает и анализирует пользовательские соглашения популярных интернет-компаний.
Дизайн-системы и гайдлайны
Top 6 Examples of AI Guidelines in Design Systems
Подборка дизайн-систем, которые описывают принципы дизайна для ИИ. IBM, Emplifi, SAP, PatternFly, ServiceNow, Microsoft.
Тёмная тема оформления
Please Don’t Force Dark Mode
Vishnu Haridas советует помнить не только о минимальном контрасте цвета, но и о максмальном. Иначе многе сайты с тёмной темой оформления выжигают глаза.
Your first component
D’Amato пытается разобраться, почему большинство дизайн-систем начинаются с компонента кнопки. И приводит критерии, по которым это лучший первый шаг.
Три кита Ozon: BX, SX и Warehouse, или Как происходит работа с дизайн-системами и UI-kit в разных структурах Ozon
Арина Курилкина рассказывает о дизайн-системе Ozon. Точнее, о связке трёх локальных дизайн-систем в разных частях компании для покупатеелй, продавцов и складов.
Storybook 8.5 — Accessibility at your fingertips
В Storybook появилось встроенное тестирование компонентов на accessibility.
Токены цвета для приложения ― Как создать, использовать и передать в разработку
Инструкция Захара по определению цветовых токенов в Figma и экспорту в код.
Design Systems 103: Documentation That Drives Adoption
Figma собрали советы дизайн-команд по созданию и поддержке «живых гайдлайнов» дизайн-системы.
Информационная архитектура, концептуальное проектирование, контент-стратегия
How the emotional journey map helps to shape the Tone of Voice
Ирина Моторина из Туту.ру показывает, как использовать карту эмоционального пути пользователя для выбора правильной тональности текстов в продукте.
Новые инструменты дизайна интерфейсов
Figma
Можно улучшить качество изображения с помощью ИИ и зафиксировать соотношение сторон почти любого объекта. Также добавили комфорта работе с фреймами.
Плагины
- QuickFill: Подставляет тестовые данные в макеты: тексты, аватары, логотипы, стоковые фото, флаги и т.п.
Structura
Онлайн-инструмент для создания wireframes и карт сайта.
ITOA ― Image to ASCII Converter
Сервис превращает картинку в ASCII-графику.
Пользовательские исследования и тестирование
Managing what we know — Lessons from the Atlassian Research Library (Think Tank)
Alison Jones рассказывает об устройстве базы знаний и инсайтов из пользовательских исследований в Atlassian. Она даёт совет не пытаться собрать все отчёты в едином месте, а ориентироваться на их каталог (т.е. хранилище ссылок).
UX Research Briefing Template
Maaike Mintjes обновила свой шаблон брифа на проведение пользовательского исследования.
Как составить сценарий юзабилити-тестирования
Памятка по составлению сценария юзабилити-тестирования от Юлианы Шевчук из Контура.
How we built AI in Dovetail — Channels
Dovetail рассказывают, как у них работает выделене тем в базе знаний и инсайтов из пользовательских исследований с помощью ИИ.
Designing Recruitment Posters That Work
Ariel Wang показывает пример плакатов для поиска респондентов для пользовательских исследований. Они могут размещаться в общественных пространствах, где есть целевая аудитория.
Testing Accessibility with Screen Readers
Подробная памятка Shruti Kapoor о тестировании accessibility с помощью экранных дикторов.
Визуальное программирование и дизайн в браузере
Relatively New Things You Should Know about HTML Heading Into 2025
Что нового ждёт HTML и CSS в 2025 году, чем могут воспользоваться дизайнеры.
New Front-End Features For Designers In 2025
Обзор нововведений в CSS от Cosima Mielke. Они улучшают представление дизайна в вебе.
Дизайн-менеджмент и DesignOps
The path to design principal — Mastering archetypes and defining success
Val Head рассказывает, как устроена карьерная ветка развития дизайнеров в сторону «эксперта» (principal). Они выделяют 6 «архетипов», куда может склоняться такой лидер по экспертизе.
Prioritizing usability design is a win-win for customers and the business
Jhilmil Jain, Owen C. и Madhur K. рассказывают о цельном подходе к решению дизайн-долга в команде монетизации Facebook. Как они организовали «fixathon» для первого рывка и наладили процесс дальше.
Studioworks — Business management software for creative studios
Сервис для управления креативной студией от Jessica Hische и Chris Shifflet.
UX Team Charter
Шаблон описания устава команды в Figma от Nielsen/Norman Group.
Командное взаимодействие
Fist to Five Voting, Upgraded as a Visual Collaboration Tool
Stephen P. Anderson описывает интересный метод для рабочих сессий — «fist to five». Участники высказывают своё отношение к идее или решению не через «да/нет», а шкалу.
Продуктовый менеджмент и аналитика
Jake Knapp & John Zeratsky — Click
Новая книга от Jake Knapp и John Zeratsky «Click». Она посвящена методу «foundation sprint», который предваряет дизайн-спринты от этих же авторов. Небольшая выдержка из неё от Lenny Rachinsky.
Кейсы
Designing for clarity — How we restructured Intercom’s Information Architecture
Pranava Tandra рассказывает о переосмыслении информационной архитектуры Intercom. Как ставили цель, делали концепты и проверяли их с пользователями.
Как превратить работу над продуктом в настольную игру
Татьяна Кацубо превратила процесс работы над продуктовой задачей в Авито в игру. Она показывает, как проходила стандартный процесс от discovery до delivery в этой логике.
Брендинг цифровых продуктов
Wise Refresh
Vanessa Grixti рассказывает о поддержке ребрендинга Wise со стороны дизайн-системы. Как она помогла обновить бренд в куче точек контакта в срок.
How did we build 3D animations in mobile apps?
Yağız Gürgül рассказывает, как фирменные анимированные 3D в бренде Wise реализовали в мобильных приложениях с помощью кода.
Dropbox Brand Guidelines
Обновлённый сайт гайдлайнов бренда Dropbox.
Тренды
2025 Cooper Hewitt National Design Award Winners
Премия за лучший дизайн 2025 года от американского музея Cooper Hewitt.
CES 2025
Год в дайджесте традиционно стартует переписи крутячки (или шизячки) с выставки CES 2025 — она прошла с 7 по 10 января в Лас-Вегасе. Собрал то, что имеет прямое или косвенное отношение к интерфейсам.
Гибкие и складные экраны
Экран ноутбука Lenovo выдвигается наверх и становится больше. Ещё одно шикарное реальное применение гибких и растягивающихся дисплеев.
Компьютеры
Ноутбук Lenovo Yoga с камерой, спрятанной под экраном. Впервые это сделали Samsung на Galaxy Z Fold, наконец-то технология пришла в компьютеры.
Клавиатура AutoKeybo, у которой автоматически выдвигаются клавиши, тачпад или мышь, когда пользователь приподнял кисти рук.
Очки и шлемы
Шлем DotVision помогает слепым и слабовидящим. Он даёт лёгкие вибрирующие подсказки.
Очки Halliday с ИИ-помощником и кольцом для управления. И похожие RayNeo, Xreal One Pro и Even Realities.
Планшеты
Новое поколение технологии NXTPAPER от TCL, которая на стыке электронной бумаги и обычных экранов.
ТВ, проекторы и мониторы
Мульти-фокусный монитор Breylon добивается эффекта в духе шлемов дополненной реальности без нужды напяливать что-то на голову. Это первое устройство на рынке с этой важнейшей технологией, которое можно купить — за свои 30″ даёт ощущение 122″. На старте космос по деньгам, но за несколько лет должно подешеветь.
Беспроводные телевизоры Displace TV, которые сами приклеиваются к стене, поступают в продажу.
Авто
Большая панель статуса под лобовым стеклом и проекция на него в BMW Panoramic iDrive.
Умный дом на колёсах AC Future и прицепы RollAway и Pebble Flow.
Носимые устройства
Персональные помощники
Продвинутая трость для слепых WeWalk Smart Cane 2 помогает обходить препятствия, даёт поэтапную навигацию и голосового помощника.
Умный дом
Робот-пылесос, который может таскать на себе кучу вещей от освежителя воздуха до мини-стола. Другие могут шагать по лестнице, подбирать предметы и превращаться в обычный ручной пылесос.
Устройства Google прокачались с помощью Gemini. Правда, местами крипово в плане приватности.
Крейзота
Карманный Nutrix cortiSense и Hormometer определят выгорание (главное, чтобы оплата у психолога прошла).
Шляпа EcoFlow Solar с солнечными панелями заряжает устройства. И пальто плюс пляжный зонтик Anker с такой же идеей.
В этом году много прагматичного — вчерашние концепты можно купить, а не только послушать про фантастические планы. А главное «змеиное масло» последних лет всё тоже — нелепые ИИ-нашлёпки ко всему на свете.
Алгоритмический дизайн
DeepSeek
Китайская языковая модель бодро пошумела. 20 января появились мобильные приложения для работы с ней и в течении недели они сначала взлетели на первое место по скачиваниям по всему миру. А потом уронили акции компаний вокруг ИИ — по их словам, они смогли добиться этого кардинально меньшими деньгами. По ходу этих безумных недель они выпустили генератор изображений Janus Pro, рассуждения и кучу других обновлений.
Adobe Firefly Bulk Create
Можно редактировать сразу пачку изображений: менять размер с генерацией недостающей части, вырезать фон, перекрасить цвета.
Publishing in the Generative AI Age
Luke Wroblewski развивает свой алгоритмический поиск по сайту. Оказывается, он постепенно отвечает на вопросы пользователей, на которые пока не было ответов.
Как создать виртуальный мир в Patchwork Midjourney
Памятка по работе с инструментом Patchwork в Midjourney от Валерии Ильиной.
Adobe TransPixeler — Advancing Text-to-Video Generation with Transparency
Экспериментальный генератор видео-объектов на прозрачном фоне по текстовому запросу или картинке от Adobe. Интерфейс.
Krea 3D
Можно сгенерировать 3D-объект на основе изображения и управлять им.
Luma Ray2
Новая модель для генерации видео от Luma — её можно использовать в Dream Machine. Быстрое последовательное движение и сверхреалистичные детали, длина – 20 секунд.
The quest for usable AI
Mike Gower из IBM рассуждает на примерах о том, как правильно отмечать в интерфейсе контент и функции на базе ИИ.
Adobe introduces major new updates in Premiere Pro (beta)
Adobe Premiere может искать по содержимому видео и автоматически переводить субтитры.
Horsey Horseless and the Challenge of AI-native Products
Jorge Arango размышляет на тему смены технологического уклада и его влияния на пользовательское взаимодействие. В частности — что произойдёт с встраиванием ИИ в привычные интерфейсы.
Redefine Your Design Skills to Prepare for AI
Советы Pablo Fernández Vallejo из Neilsen/Norman Group о том, как адаптировать навыки дизайнеров под эпоху ИИ-инструментов.
Hailuo AI — Transform Idea to Visual with AI
Генератор видео на основе фото.
Hunyuan3D
Генератор 3D-моделей на основе изображения или текстового запроса.
Alibaba Qwen
Китайская ИИ-модель, которая общается в чате, генерирует изображения и управляет компьютером.
Codename Goose
ИИ-агент для разработчиков, который решает много утилитарных повседневных задач и работает прямо на компьютере.
Google Automotive AI Agent
Google запустили ИИ-агента для автопроизводителей. Одна из первых интеграций — в информационную систему Mercedes MBUX. О технологии.
ChatGPT Operator
OpenAI выпустили ИИ-агента Operator для ChatGPT. Он может выполнять задачи в браузере — например, заказать билеты или публиковать в соцсети.
UI-TARS
ИИ-агент для управления компьютером от ByteDance.
Perplexity Assistant
ИИ-агент для Android от Perplexity, который частично может управлять телефоном.
LipDub AI
Генератор дубляжа видео на разных языках с синхронизацией мимики.
Riffusion
Генератор музыки по текстовому описанию.
Как iPhone заставил UX и интерфейс в авто меняться и почему концерны до сих пор не могут оправиться от этого?
Максим Корольков показал, как автомобильные интерфейсы эволюционировали в сенсорные экраны и обратно.
Для общего и профессионального развития
Coaching-as-a-Service
Stephen P. Anderson размышляет о том, как можно подавать методы дизайна в формате а-ля современные игры, которые объясняют принципы использования по ходу дела. На рынке выше крыши методов, но ими зачастую не умеют пользоваться.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.
