🖥 40 основных элементов интерфейса, которые должен знать UX-дизайнер

Статья Евгения Шпилева с разбором базовых компонентов, из которых собираются практически все интерфейсы. По каждому элементу: описание, когда использовать и альтернативные названия

Внутри статьи:
– 11 навигационных компонентов;
– 16 помпонент для ввода данных;
– 7 компонентов обратной связи;
– 6 компонент для отображения данных.

📎 Ссылка на статью

☀️ Как составить персональный план развития карьеры?

Пошаговый гайд от Selectel с пояснениями о том, чем полезен план персонального развития для карьеры и как его составить самому.

Внутри статьи:
– Как выглядит PDP и кому он нужен;
– Как составить план развития карьеры;
– Этап 1: Анализ;
– Этап 2: Визуализация результатов;
– Этап 3: Выбор стратегии;
– Этап 4: Выделение конкретных целей;
– Этап 5: Подбор развивающих действий;
– Как оценить качество PDP;
– Как оценить свой прогресс.

📎 Ссылка на статью

✨ Как разработать персональный план развития для UX-дизайнера

Продолжение темы от Selectel — теперь конкретно про дизайнеров. Ксения Гаврилова, дизайн-менеджер команды продуктовых дизайнеров, делится опытом внедрения PDP в своей команде: с шаблонами, примерами целей и развивающих действий.

Внутри статьи:
– Что такое PDP и кому он нужен?
– В каком случае вам поможет PDP
– Зачем PDP в команде UX-дизайнеров
– Как выбрать цели для PDP
– Выбор стратегии PDP
– Как работать с PDP

📎 Ссылка на статью

🔄 Обновление Grid в Figma

Grid появился на Config 2025 как новая опция Auto Layout для двумерных сеток. Но без возможности Hug пользоваться им было больно — колонки и строки не подстраивались под контент. Сообщество жаловалось, похоже, Figma услышала.

➡️ Hug — контейнер, колонки и строки теперь автоматически подстраиваются под размер контента.

➡️ Fractional units — колонки и строки как доля от пространства (1fr, 2fr, 3fr) — как в CSS Grid.

➡️ Properties Panel — новая панель для настройки строк и колонок Grid-контейнера.

➡️ Keyboard control — перемещение объектов внутри Grid-контейнера с помощью клавиатуры.

📎 Ссылка на Playground
📎 Ссылка на Figma Learn

💎 12 когнитивных искажений пользователя: как они влияют на вас, ваш продукт, и что с этим делать?

Travel-tech через призму поведенческой психологии. Борис Юзефпольский, Head of UX Research Островка собрал 12 когнитивных искажений, которые встречаются на пути пользователя — с примерами, метриками и способами этичной работы с каждым.

Внутри статьи:
– 12 искажений: от якорения и FOMO до эффекта Даннинга–Крюгера;
– Как каждое проявляется в реальных сценариях;
– Как проверить через A/B-тесты и исследования;
– На какие метрики влияет (CR, NPS, Retention, CSAT и др.);
– Где граница между этичным UX и манипуляцией.

📎 Ссылка на статью

🎮 Архитектура дизайн-токенов: подход, который спасает от хаоса и сохраняет нервы

Статья про то, как выстроить структуру токенов, которая переживёт масштабирование и смену команды. Автор показывает четырёхуровневую структуру токенов как одну из вариаций организации Variables в проекте.

Внутри статьи:
– Зачем нужны уровни;
– Уровень 1 — Примитивы;
– Уровень 2 — Семантика;
– Уровень 3 — Dimensions;
– Уровень 4 — Типографика;
– Как оценить свои Variables.

📎 Ссылка на статью

🥸 Как понять, что продуктовый дизайнер работает неэффективно

Артемий Талалуев, Design Lead в Домклике, разбирает признаки неэффективности продуктового дизайнера в команде и что с ними делать — от корректирующих встреч до PIP и расставания с сотрудником.

Внутри статьи:
– 6 признаков неэффективности продуктового дизайнера;
– 3 меры для поднятия эффективности;
– Пример использования Performance Improvement Plan (PIP);
– Что делать, если методы не сработали.

📎 Ссылка на статью

🔄 Небольшое обновление AI в Figma

Figma накатила несколько обновлений в AI для работы с изображениями. Раньше для точечного редактирования картинок приходилось прыгать в Photoshop или другие редакторы, а потом импортировать обратно. Теперь всё можно делать прямо на канвасе в Figma.

➡️ Erase Object — выделяешь лассо любой объект на фото и удаляешь его. Фон восстанавливается автоматически. Убрать лишнего человека или отвлекающий элемент — секунды.

➡️ Isolate Object — выделяешь объект и работаешь только с ним: двигаешь, меняешь цвет, добавляешь размытие или тень. Фон остаётся нетронутым.

➡️ Expand Image — расширяет фон картинки под новые пропорции. Теперь можно не кропать изображение под ресайзы, а просто генерить недостающий фон.

Всё это собрали в новый тулбар вместе с Remove Background. Работает на AI-кредитах.

📎 Ссылка на анонс

🖥 «Невидимые» сервисы: как исследовать API, модули и иные интеграционные решения

UX-исследователи Контура написали гайд по исследованиям в «невидимых» продуктах: API, модули для 1С, интеграционные решения. Авторы собрали 9 барьеров, которые мешают командам проводить исследования, и на каждый дали решение с примером из практики.

Внутри статьи:
– Барьер 1: Продукт покупают — значит, проблем нет;
– Барьер 2: Это 1С! Пользователи приняли ограничения, мы НЕ можем влиять на их опыт;
– Барьер 3: Пользователи могут сами дорабатывать сервис под свои потребности, зачем тогда нам что-то изучать и дорабатывать;
– Барьер 4: С сервисом работают программисты, они НЕ пользователи;
– Барьер 5: Если нет интерфейса, то и исследовать НЕ нужно;
– Барьер 6: Не понятно, кто пользователь, к кому с какими вопросами идти;
– Барьер 7: Не понятно, как выстроить коммуникацию с пользователем из-за сложного контекста;
– Барьер 8: Не понятно, как выстроить коммуникацию с пользователем, так как есть инфраструктурные ограничения;
– Барьер 9: Слишком много ресурсов требуется для того, чтобы организовать такое исследование.

📎 Ссылка на статью

🎮 Помогаем китайцу не потерять лицо

Новая прожарка от Станислава Хрусталёва, автора проекта Hard Client. В этот раз разбирает интерфейсы китайского маркетплейса ДЭВУ (Poizon), который полгода назад зашёл на российский рынок.

Внутри статьи 30 моментов, которые можно улучшить. Очень много огрехов с локализацией и, к моему удивлению, нелогичных решений в CX и UX.

📎 Ссылка на статью