UX и дизайн
Понятия дизайна пользовательских интерфейсов и пользовательского опыта: исследования, юзабилити, доступность, IA, прототипы, дизайн-системы, методологии и тёмные паттерны.
Atomic Design
Подход Брэда Фроста, в котором интерфейс собирается из иерархии «атомов», «молекул», «организмов», «шаблонов» и «страниц».
Mobile-first
Подход к проектированию, при котором сначала продумывают мобильную версию, а уже потом расширяют её до десктопа.
UX и UI: в чём разница
UX — про общий опыт взаимодействия с продуктом, UI — про внешний вид и поведение конкретного интерфейса.
WCAG (стандарт доступности)
Международный стандарт по доступности веб-контента от W3C: набор требований и уровней (A, AA, AAA).
Адаптивный дизайн
Подход, при котором интерфейс автоматически подстраивается под размер экрана: от мобильного до большого монитора.
Глубинное интервью с пользователями
Полу-структурированный разговор один на один с пользователем для понимания его задач, контекста и проблем.
Доступность (a11y)
Принципы и практики проектирования продукта, которым могут пользоваться люди с разными возможностями, включая нарушения зрения, слуха, моторики.
Дизайн-система
Единый набор переиспользуемых компонентов, правил и токенов, обеспечивающий консистентность интерфейса продукта.
Дизайн-токены
Именованные переменные дизайна (цвета, размеры, шрифты), которые единообразно используются и в макетах, и в коде.
Дизайн-мышление (Design Thinking)
Подход к решению задач, опирающийся на эмпатию к пользователю, итерации и проверку гипотез на прототипах.
Двойной алмаз (Double Diamond)
Модель процесса дизайна из четырёх фаз: исследование, фокус, идея, реализация — в виде двух последовательных алмазов.
Информационная архитектура
Структура и организация информации в продукте: разделы, навигация, иерархия, ярлыки, понятные пользователю.
Карточная сортировка (Card Sorting)
Метод исследования IA, при котором участники группируют карточки с понятиями так, как они логичны им.
Когнитивная нагрузка
Объём умственной работы, который интерфейс возлагает на пользователя при решении задачи.
Мокап интерфейса
Статичный высокодетализированный визуал интерфейса с финальным дизайном, но без интерактивности.
Пользовательские исследования (User Research)
Систематическая работа по изучению пользователей: их задач, контекста, мотивации и проблем с продуктом.
Прототип интерфейса
Интерактивная или статичная модель будущего продукта, на которой можно проверять идеи до разработки.
Стайл-гайд
Документ с правилами визуального языка продукта: палитра, типографика, иконки, использование логотипа, голос бренда.
Тестирование юзабилити
Метод исследования, при котором пользователи выполняют реальные задачи в продукте под наблюдением исследователя.
Тёмный паттерн (Dark Pattern)
Дизайн-приём, целенаправленно подталкивающий пользователя к действиям, выгодным бизнесу, но не самому пользователю.
Тепловая карта (Heatmap)
Визуализация активности пользователей на странице: где смотрят, кликают и скроллят.
Эвристическая оценка (эвристики Нильсена)
Метод экспертной проверки интерфейса по списку устоявшихся принципов юзабилити, прежде всего 10 эвристикам Якоба Нильсена.