Статьи
Все статьи журнала «Флагшток»: UX-исследования, интерфейсы, дизайн-системы, доступность, типографика и ИИ в работе дизайнера.
Google выкатила Create My Widget: Pixel собирает виджеты главного экрана по текстовому запросу
На Pixel 10 и 11 виджет главного экрана теперь собирается по текстовому описанию. Что генеративный интерфейс меняет для дизайнеров…
Информационная архитектура сайта: структура, карточная сортировка и tree testing
Структуру сайта проектируют до макетов: инвентаризация, карточная сортировка, дерево разделов и tree testing. Разберём метрики, метки и…
Google Messages тестирует новый главный экран: крупные аватары закреплённых чатов и поиск внизу
В бете Google Messages закреплённые чаты стали рядом крупных аватаров, а поиск переехал вниз. Что Google выигрывает и чем за это платит…
Дизайн лендинга: структура посадочной страницы, блоки и UX
Хороший лендинг — последовательность ответов на вопросы посетителя, которая ведёт к одному действию. Разберём первый экран, блоки, форму и…
Meta запустила Spaces в Muse: ИИ собирает мини-приложения по описанию — что это значит для дизайнеров
Meta добавила в Muse Spaces: агент собирает трекеры и планеры по описанию в чате. Разбираем, что генеративный интерфейс меняет для дизайнеров…
Дизайн таблиц данных в интерфейсе: паттерны и чек-лист
Удобная таблица строится от задачи пользователя: найти, сравнить, изменить или обработать пачкой. Разберём столбцы, выравнивание, фильтры и…
YouTube убрал вкладку «Подписки» из нижней навигации: что этот редизайн говорит дизайнерам
5 ноября YouTube начал выкатывать новую нижнюю панель: четыре кнопки вместо пяти, подписки ушли на главную. Разбираем решение и что из него…
UX личного кабинета: структура, статусы, формы
Личный кабинет — место, куда клиент возвращается чаще всего, и при этом его часто проектируют в последнюю очередь. Разберём, как построить кабинет от…
Figma отчиталась за третий квартал: ценность уходит от кода к дизайну
Выручка Figma выросла на 43%, MCP-использование — втрое, агентом пользуются 65% крупных клиентов. Разбираем, что это значит для дизайнеров…
Дизайн под iOS и Android: различия гайдлайнов и как их совместить
Чем отличаются Human Interface Guidelines и Material Design 3, что обязательно адаптировать под каждую платформу, а что оставить общим…
Canva сокращает и перестраивает 22% штата: что перестройка значит для продуктовых дизайнеров
Canva затрагивает 1271 сотрудника и сливает продукт, рост и платформу в одну организацию. Разбираем, что это меняет для дизайнеров…
Дизайн дашборда: правила, графики и чек-лист
Хороший дашборд отвечает на один главный вопрос своей аудитории за несколько секунд. Разберём метрики, иерархию, графики, цвет и…
Squarespace сокращает 19% штата перед запуском ИИ-платформы Forma: что это значит для дизайнеров
Squarespace увольняет около 300 человек и готовит ИИ-платформу Forma. Разбираем, как ИИ-конструкторы меняют рынок сайтов и работу дизайнеров…
Техническое задание на дизайн сайта: структура, пример и чек-лист
Хорошее ТЗ на дизайн — это не список пожеланий «стильно и современно», а набор проверяемых требований. Разберём разделы, пример и…
Figma и Canva обучили собственные модели для правки макетов: что это значит для дизайнеров
Figma рассказала, как обучала модель для своего агента, Canva представила Brush. Разбираем цифры, подход и что это меняет в работе с макетами…
Адаптивный дизайн сайта: подходы, брейкпоинты, сетка и проверка
Адаптив — это не три макета под телефон, планшет и ноутбук, а правила, по которым интерфейс перестраивается на любой ширине. Разберём, как…
Отчёт BIT: в Windows нашли 10 тёмных паттернов, которые удерживают пользователей в Edge
Behavioural Insights Team описала десять приёмов Windows, которые мешают уйти с Edge и тихо откатывают выбор браузера. Разбираем каталог и что из…
Редизайн сайта без потери трафика и заявок: пошаговый план
Редизайн теряет трафик не из-за нового визуала, а из-за незаметно изменённых адресов, текстов и сценариев. Разберём, как…
Онбординг в мобильном приложении: как довести пользователя до первой ценности
Хороший онбординг — это не карусель из пяти экранов, а кратчайший путь от установки до первого полезного результата. Разберём, как…
Firefox 159 вышел: анимации по скроллу на чистом CSS теперь работают во всех основных браузерах
27 октября вышел Firefox 159: анимации по прокрутке на CSS теперь работают в Chrome, Safari и Firefox. Что это меняет для дизайнеров и как описать…
Передача дизайна в разработку: как подготовить макеты и не потерять детали
Макет одобрен, задача ушла разработчикам — а через две недели на стенде другая сетка, кнопки без состояний и форма, которая молчит при ошибке.…
iPhone Duo поступил в продажу: что Apple требует от интерфейсов под складной экран
23 октября в продажу вышел iPhone Duo — первый складной iPhone с двумя экранами и шарниром посередине. Разбираем, что Apple записала в гайдлайны…
Прототипирование сайта: от вайрфрейма до кликабельного прототипа
Прототип — самый дешёвый способ найти дорогие ошибки сайта: лишний шаг в заказе, непонятное меню, форму, которую бросают на середине. Разберём, как…
Топ-10 компаний, которые делают сайты и приложения под ключ
Рано или поздно команда сталкивается с вопросом: кто доведёт макет до продакшена, если своих разработчиков нет или их не хватает. Разобрали 10…
Figma учит агента работать по дизайн-системе: Guidelines, примеры и навыки
23 октября Figma опубликовала практическое руководство о том, как подключить дизайн-систему к своему ИИ-агенту. Главная мысль: агент собирает…
Навигация в мобильном приложении: таб-бар, бургер-меню или жесты
Навигация — первое, что пользователь проверяет в новом приложении, даже не замечая этого: где я, куда могу попасть и как вернуться. Ошибка здесь…
Формы, которые заполняют: поля, ошибки, маски, автозаполнение
Форма — место, где интерес пользователя превращается в действие: регистрацию, заказ, заявку. И именно здесь чаще всего теряются люди. Разберём, как…
Тёмная тема без боли: поверхности, контраст, акценты
Тёмная тема кажется простой задачей: поменять фон на тёмный, текст — на светлый. На деле она требует пересобрать систему поверхностей, акцентов и…
WCAG 2.2 на практике: контраст, фокус и размер целей
WCAG 2.2 стала рекомендацией W3C в октябре 2023 года и добавила критерии, которые напрямую касаются повседневной работы дизайнера: фокус, размер…
ИИ в работе дизайнера: где ускоряет, а где мешает
Генеративные модели уже встроены в графические редакторы, инструменты прототипирования и среды разработки. Вопрос больше не в том, пользоваться ли…
Состояния компонента: hover, focus, disabled, loading, error, empty
Компонент в дизайн-системе — это не одна картинка, а набор состояний, через которые он проходит в реальной работе. Пропущенное состояние почти всегда…
UX-метрики: SUS, HEART, task success — что и как измерять
Фраза «стало удобнее» не убеждает ни продакта, ни бизнес, пока за ней нет цифр. Но и цифры без методики легко превращаются в шум. Разберём три самых…
Дизайн-токены: от палитры до продакшена
Дизайн-токены превращают решения о цвете, отступах и типографике в данные, которые одинаково читают Figma, веб и мобильные приложения. Разберём, как…
Моушн в интерфейсе: длительность, кривые, prefers-reduced-motion
Анимация в интерфейсе нужна не для красоты, а чтобы объяснять, что произошло: откуда появился элемент, куда он ушёл, что изменилось после действия.…
Юзабилити-тестирование на пяти пользователях: когда работает и когда нет
Правило «пяти пользователей достаточно» знают почти все, кто проводил юзабилити-тесты. Гораздо реже вспоминают, на каких допущениях оно построено.…
Сетка и отступы: система 4/8 pt без догм
Система отступов на базе 8 pt давно стала стандартом в продуктовом дизайне, но вокруг неё накопилось много догм. Разберём, что она реально даёт, где…
Как провести быстрый UX-аудит интерфейса за 30 минут
Полноценный аудит занимает дни, но первые и самые дорогие проблемы интерфейса обычно видны за полчаса. Ниже — жёсткий тайм-бокс, который помогает…
Типографическая шкала для интерфейса: размеры, интерлиньяж, трекинг
Типографическая шкала — это не набор красивых чисел, а договорённость команды о том, сколько уровней иерархии существует в продукте и как они…