UI/UX-дизайн

Что такое опыт взаимодействия, чем UI отличается от UX и за какую работу берут деньги дизайн-студии.

CJM (карта пути клиента)

Схема всего пути клиента: от первого столкновения с компанией до повторной покупки. Показывает шаги, действия, эмоции и места, где человека теряют.

Читать →

Figma

Основной редактор интерфейсов, в котором работают дизайнеры. Макеты живут в облаке, над ними работают вместе, разработчик забирает из них размеры и стили.

Читать →

UI-дизайн

Визуальная часть интерфейса: сетка, типографика, цвет, иконки, состояния кнопок и полей. Отвечает за то, как экран выглядит и как он подсказывает, что делать дальше.

Читать →

UX-дизайн

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

Читать →

UX-исследования

Сбор данных о том, как люди пользуются продуктом и почему поступают именно так. Основание для решений в дизайне вместо мнений внутри команды.

Читать →

UX/UI-дизайнер

Специалист, который проектирует и оформляет интерфейс: изучает пользователей, строит сценарии, рисует экраны и передаёт их в разработку.

Читать →

UX/UI-студия

Команда, которая проектирует интерфейсы: исследует пользователей, строит сценарии, рисует экраны и собирает дизайн-систему. Работает с продуктом, а не с рекламной картинкой.

Читать →

Веб-дизайн и UX-дизайн

Веб-дизайн делает сайт: страницы, оформление, подача. UX-дизайн проектирует взаимодействие в продукте, где человек выполняет задачи. Задачи и методы у них разные, хотя инструменты общие.

Читать →

Дизайн интерфейсов сайтов

Проектирование и оформление сайта как рабочего инструмента: каталог с фильтрами, личный кабинет, оформление заказа. Не оформление страниц, а сценарии внутри них.

Читать →

Дизайн мобильных приложений

Проектирование интерфейсов для телефонов с учётом правил платформ, размера экрана и того, что человек работает одной рукой на ходу.

Читать →

Дизайн-система

Библиотека готовых элементов интерфейса с правилами их использования: кнопки, поля, карточки, отступы, цвета, состояния. Ускоряет сборку новых экранов и держит продукт в одном стиле.

Читать →

Принципы UX

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

Читать →

Продуктовый дизайн

Работа над продуктом целиком: не только экраны, но и то, какие задачи он решает, за что берут деньги и как меняется поведение пользователей. Дизайнер участвует в …

Читать →

Прототипирование

Черновая версия интерфейса, на которой проверяют логику до отрисовки. Показывает, что где расположено и как переходят экраны, без цвета и картинок.

Читать →

Разница между UI и UX

UX это логика и путь пользователя, UI это внешний вид и поведение элементов. Первое отвечает на вопрос «что и в каком порядке», второе на вопрос «как …

Читать →

Стоимость UX/UI-дизайна

Цена работы над интерфейсом. Считается по этапам: исследование, проектирование, визуальный дизайн, спецификация. Зависит от числа экранов и глубины исследований.

Читать →

Тренды UX/UI

Приёмы оформления и взаимодействия, распространённые прямо сейчас. Полезны как ориентир по ожиданиям аудитории и вредны как цель сама по себе.

Читать →

Этапы UX-дизайна

Последовательность работ от разбора задачи до передачи в разработку: исследование, сценарии, структура, прототип, проверка, визуальная часть, поддержка при сборке.

Читать →

Юзабилити

Насколько легко человек справляется с задачей в интерфейсе: быстро ли находит нужное, часто ли ошибается, доходит ли до конца. Измеряется, а не оценивается на глаз.

Читать →

О разделе

Дизайн в предложениях агентств означает разные вещи. Кому-то нужна красивая обложка, кому-то переделка сценария, из-за которого люди не доходят до оплаты. Разница в цене между этими работами кратная, и начинается она с терминов.

В разделе разобраны базовые понятия: UX, UI, продуктовый дизайн, разница между веб-дизайном и проектированием интерфейсов. Дальше идут рабочие вещи: прототип, дизайн-система, доступность, адаптив. И услуги: аудит удобства, редизайн, проектирование раздела.

Отдельно объяснено, что можно измерить. Хороший дизайн проверяется долей людей, дошедших до конца сценария, числом ошибок в форме и обращениями в поддержку, а не тем, понравилась ли картинка на планёрке.

Агентства этого направления в каталоге собраны вместе с разработчиками сайтов: чаще всего дизайн и сборку заказывают одной командой.

Отдельно разобраны деньги и сроки: сколько стоит аудит удобства, во сколько обходится проектирование раздела и почему цена зависит от числа сценариев, а не от числа экранов.

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

От слов к делу

Нужно агентство
под эту задачу?

В каталоге у каждого агентства направления, бюджеты и кейсы, сверенные редакцией. Опишите задачу — вернёмся с шортлистом.