Статьи
Все статьи журнала «Флагшток»: UX-исследования, интерфейсы, дизайн-системы, доступность, типографика и ИИ в работе дизайнера.
Формы, которые заполняют: поля, ошибки, маски, автозаполнение
Форма — место, где интерес пользователя превращается в действие: регистрацию, заказ, заявку. И именно здесь чаще всего теряются люди. Разберём, как…
Тёмная тема без боли: поверхности, контраст, акценты
Тёмная тема кажется простой задачей: поменять фон на тёмный, текст — на светлый. На деле она требует пересобрать систему поверхностей, акцентов и…
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 минут
Полноценный аудит занимает дни, но первые и самые дорогие проблемы интерфейса обычно видны за полчаса. Ниже — жёсткий тайм-бокс, который помогает…
Типографическая шкала для интерфейса: размеры, интерлиньяж, трекинг
Типографическая шкала — это не набор красивых чисел, а договорённость команды о том, сколько уровней иерархии существует в продукте и как они…