20 промтов для UX/UI дизайнера: от исследования до финального макета

Шпаргалка

UX/UI дизайн — это не только про красивые макеты. Это исследование, структура, логика, тексты интерфейса, обоснование решений. AI берёт на себя документационную и текстовую часть, пока вы занимаетесь визуальным мышлением.

1. Гайд для UX-интервью

Продукт / фича которую исследую: [описание]. Целевой пользователь: [описание]. Составь гайд для UX-интервью (45–60 минут): — Разогрев: кто они, как проводят день — Контекст использования: когда / где / зачем — Текущее поведение: как решают задачу сейчас (шаг за шагом) — Боли и фрустрации — Реакция на концепт (если есть прототип) Правила: открытые вопросы, без упоминания нашего решения, без "вам нравится?"

2. Синтез пользовательских интервью

Вот конспекты [N] интервью: [тексты]. Синтезируй для дизайн-документа: — Паттерны поведения (что делают большинство) — Ключевые инсайты (что удивило) — Цитаты которые лучше всего иллюстрируют боли — Jobs To Be Done (что пытаются выполнить) — Топ-5 болей в порядке приоритета — Противоречия (где пользователи говорят одно, делают другое)

3. Персона пользователя

На основе этих данных о пользователях: [данные исследований]. Создай персону: — Имя и короткое описание (кто это) — Демография — Цели (что хочет достичь) — Боли (что мешает) — Поведение (как использует продукт / альтернативы) — Цитата которая резюмирует их отношение — Что для неё важно при принятии решений Персона должна быть живым человеком, а не набором демографии.

4. Карта эмпатии

Персона: [описание пользователя]. Ситуация: [контекст использования продукта]. Заполни Empathy Map: — Что думает и чувствует (страхи, желания, мысли) — Что видит (окружение, альтернативы, рынок) — Что говорит и делает (поведение, слова) — Что слышит (от коллег, друзей, медиа) — Боли (барьеры, страхи, фрустрации) — Выгоды (чего хочет достичь)

5. Структура навигации

Продукт: [описание]. Целевые пользователи: [описание]. Контент / функции которые нужно разместить: [список]. Предложи структуру навигации: — Основные разделы (не более 5–7 в главном меню) — Иерархия страниц — Что вынести на главную — Что спрятать в вторичную навигацию — Обоснование каждого решения

6. User flow

Задача пользователя: [что хочет сделать]. Точка входа: [откуда начинает — главная / уведомление / поиск]. Опиши user flow: — Каждый экран / шаг — Действие пользователя на каждом шаге — Что происходит в системе — Альтернативные пути (happy path и edge cases) — Точки выхода Формат: нумерованный список шагов.

7. Карта пользовательского пути (Customer Journey Map)

Пользователь: [персона]. Задача: [что пытается выполнить]. Точка начала: [первый контакт]. Точка конца: [достижение цели]. Составь CJM: — Этапы пути — Действия пользователя на каждом этапе — Мысли и эмоции — Точки контакта с продуктом — Боли и барьеры — Возможности для улучшения UX

8. Microcopy для интерфейса

Элемент интерфейса: [описание — кнопка / сообщение / placeholder / заголовок / пустое состояние]. Контекст: [что происходит в этот момент]. Пользователь чувствует: [эмоция / задача]. Напиши 5 вариантов текста для этого элемента. Требования: кратко, ясно, на языке пользователя (не технический), активный залог, глагол в начале для кнопок.

9. Сообщения об ошибках

Ошибка: [техническое описание что пошло не так]. Пользователь пытался: [что делал]. Напиши сообщение об ошибке которое: — Говорит что произошло (не "Ошибка 404") — Объясняет почему (кратко, если полезно) — Говорит что делать дальше (конкретное действие) — Не обвиняет пользователя — Не пугает техническими деталями Предложи 3 варианта: краткий / средний / подробный.

10. Пустые состояния (Empty States)

Пустое состояние для: [раздел / список / дашборд]. Ситуация: [пользователь только зарегистрировался / удалил все данные / нет результатов поиска / нет доступа]. Напиши текст для empty state: — Заголовок (1 строка) — Описание (1–2 предложения) — CTA (если уместен) Тон должен быть поддерживающим, не скучным "Здесь пока ничего нет".

11. Онбординг тексты

Продукт: [описание]. Целевой пользователь: [описание]. Ключевая ценность которую нужно донести за первые 3 шага: [ценность]. Напиши тексты для онбординга (3–5 экранов): — Заголовок каждого экрана — Описание (2–3 предложения) — CTA кнопка Прогрессия: от общей ценности к первому конкретному действию.

12. Обоснование дизайн-решения

Дизайн-решение которое я принял: [описание]. Альтернативы которые рассматривал: [варианты]. Помоги сформулировать обоснование: — Почему выбрал именно это — Какие данные / исследования поддерживают решение — Какие компромиссы я принял — Что проверим в тестировании Формат: для презентации стейкхолдерам.

13. Design critique комментарии

Мне нужно дать фидбэк на дизайн коллеги. Дизайн: [описание или ссылка / скриншот]. Напиши структурированный фидбэк: — Что работает хорошо (конкретно, не "красиво") — Что вызывает вопросы (с объяснением почему) — Предложения по улучшению (не "сделай иначе", а "рассмотри вариант...") Тон: коллегиальный, без оценок личности.

14. Презентация дизайна для разработчиков

Я хочу презентовать дизайн команде разработки. Что нужно передать: [ключевые решения, поведение, состояния]. Помоги структурировать презентацию: — Контекст (зачем эта фича) — User flow (основной сценарий) — Состояния (все варианты экранов) — Edge cases — Что важно не потерять при реализации — Открытые вопросы для обсуждения

15. Сценарии для юзабилити-тестирования

Фича / прототип: [описание]. Задачи которые пользователь должен выполнить на экране: [список]. Составь сценарии для юзабилити-тестирования: — Для каждой задачи: контекст задания (без подсказок как делать) — Что наблюдать (поведение, вербализация) — Критерий успеха / неуспеха — Последовательность задач (от простых к сложным)

16. Анализ результатов тестирования

Вот наблюдения с юзабилити-тестирования [N] участников: [данные]. Синтезируй: — Критические проблемы (блокируют выполнение задачи) — Серьёзные проблемы (сильно затрудняют) — Незначительные проблемы — Позитивные наблюдения — Топ-3 приоритета для итерации Формат: actionable insights, не просто список проблем.

17. Accessibility checklist

Интерфейс / фича: [описание]. Составь чеклист доступности (accessibility) для дизайн-ревью: — Контрастность цветов (WCAG стандарты) — Размеры тач-зон — Наличие текстовых альтернатив — Навигация с клавиатуры — Читаемость для скринридеров — Анимации и вестибулярные расстройства Для каждого пункта: что проверить и как.

18. Design system: документация компонента

Компонент: [описание — кнопка / карточка / модальное окно / форма]. Напиши документацию компонента для design system: — Описание (когда использовать) — Варианты (все состояния и модификации) — Примеры использования (правильные и неправильные) — Правила (do / don't) — Технические спецификации (отступы, цвета, типографика)

19. Конкурентный UX-анализ

Фича которую исследую: [описание]. Конкуренты / приложения для анализа: [список]. Для каждого проанализируй: — Как реализована эта фича — UX-паттерны которые используют — Что делают хорошо — Что делают плохо — Что можно позаимствовать В конце: синтез лучших практик для нашего решения.

20. Briefing для иллюстратора / моушн-дизайнера

Задача: [создать иллюстрации / анимацию для чего]. Контекст: [продукт, аудитория, стиль]. Техническое задание: — Что именно нужно создать (список) — Стиль и настроение (с референсами если есть) — Цветовая палитра — Что должно передавать (эмоция, идея) — Форматы и размеры — Что точно не нужно — Дедлайн