20 промптов ChatGPT для UX и UI-дизайна: исследования, прототипы, юзабилити

ChatGPT не заменяет Figma или пользовательское тестирование, но резко ускоряет этапы исследования, требований и документации. Собрали 20 промптов для реальных задач UX/UI-дизайнеров — от аудита конкурентов до написания UX-копирайтинга.

Исследования и анализ

UI-требования для приложения:
Сгенерируй список UI-требований для [мобильное / веб-] приложения [описание: тип, целевая аудитория, ключевые функции]. Структура: функциональные требования по экранам/разделам, нефункциональные (доступность, производительность, адаптивность), требования к состояниям (empty state, loading, error, success). Формат: numbered list с приоритетом.

Анализ конкурента по отзывам пользователей:
Проведи UX-анализ продукта [название: цифровые часы / приложение / сервис] на основе паттернов в публичных отзывах пользователей. Сфокусируйся на: юзабилити (что вызывает трудности), навигации, скорости, эмоциональном отклике. Выяви топ-3 проблемы и топ-3 сильные стороны. Что мы можем сделать лучше в своём продукте?

Исследование пользователей — гайд для интервью:
Создай гайд для пользовательского интервью о [тема: онбординг / конкретная функция / сценарий использования] для [тип приложения]. Включи: 5 разогревающих вопросов, 10 основных (открытые, по сценарию использования), 3 вопроса о болях и обходных путях. Добавь инструкции модератору: что наблюдать, что не делать.

Персоны пользователей:
Создай 3 UX-персоны для [продукт/сервис]. Аудитория: [общее описание]. Для каждой персоны: имя, возраст, профессия, цитата отражающая отношение к продукту, цели при использовании, страхи и барьеры, технический уровень, устройства, сценарий «день из жизни». Используй для дизайн-решений, а не маркетинга.

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

Бургер-меню — все UI-состояния:
Перечисли все UI-состояния которые нужно учесть при проектировании [бургер-меню / модального окна / дропдауна / тоста]. Для каждого состояния: описание, триггер появления, ожидаемое поведение, анимация, ARIA-атрибуты для доступности, крайние случаи (очень длинный текст, медленная сеть, ошибка). Формат: таблица.

Гамификация для приложения:
Предложи 5 механик гамификации для [тип приложения: обучение / фитнес / финансы / продуктивность]. Для каждой механики: название, описание, почему работает с психологической точки зрения, как реализовать в интерфейсе, потенциальные риски (навязчивость / манипуляция). Приоритизируй по сложности реализации.

Как conveying trust and authority:
Как спроектировать [тип сайта: юридическая фирма / медицинский сервис / финтех] так, чтобы интерфейс передавал доверие и авторитет? Дай конкретные рекомендации по: цветовой палитре (с HEX-кодами), типографике, иконографике, расположению social proof, micro-copy, фотографиям. Что делать нельзя — тоже укажи.

Типографическое руководство стиля:
Создай типографическое руководство для [тип приложения: мобильное / веб] в [тематика: финтех / медицина / e-commerce / образование]. Включи: выбор шрифтов (заголовки + тело текста) с обоснованием, шкалу размеров (в rem) для всех уровней, межстрочный интервал, межбуквенный интервал для каждого стиля, правила использования жирного/курсива. Формат: таблица + примеры.

Микровзаимодействия для платформы:
Предложи 8 микровзаимодействий для [тип платформы: образовательная / e-commerce / SaaS]. Для каждого: триггер (действие пользователя), действие (что происходит), обратная связь (визуальная/тактильная/звуковая), длительность анимации, зачем это улучшает UX. Сфокусируйся на состояниях: успех, ошибка, загрузка, пустой список.

Онбординг и флоу

Флоу онбординга для fintech-приложения:
Спроектируй флоу онбординга для [fintech / healthtech / edtech] приложения. Ключевой вопрос: как построить доверие и вовлечение за первые 5 минут. Включи: каждый экран (название, цель, ключевые UI-элементы), точки принятия решений, что откладываем на потом (не грузим сразу), метрики успеха онбординга.

План юзабилити-тестирования:
Составь план юзабилити-тестирования для [e-commerce сайт / мобильное приложение / конкретный флоу]. Включи: 5 задач для участников (сформулированных как сценарии, без подсказок), метрики для каждой задачи (время / успешность / клики), вопросы для пост-тест интервью, критерии что считать «провалом» задачи, рекомендуемое количество участников и их профиль.

Empty states для приложения:
Разработай концепцию empty state (пустых состояний) для [тип приложения] для 5 ключевых экранов: [перечислить экраны]. Для каждого: иллюстрация (описание концепта), заголовок (до 5 слов), подзаголовок (до 15 слов), CTA-кнопка, тональность (дружелюбная / мотивирующая / нейтральная). Пустые состояния должны вести к целевому действию.

UX-копирайтинг

Микрокопи для ключевых моментов:
Напиши UX-микрокопи для [приложение/сервис] для следующих ситуаций: 1) ошибка валидации email, 2) успешная отправка формы, 3) предупреждение перед удалением данных, 4) экран загрузки (3 варианта), 5) 404 страница. Тон: [дружелюбный / профессиональный / с юмором]. Без «произошла ошибка» и «что-то пошло не так».

Таблица UX-копирайтинга для команды:
Создай шаблон таблицы для UX-копирайтинга команды из 3 человек. Столбцы: ID элемента, экран/компонент, тип (кнопка / ошибка / подсказка / label / заголовок), оригинальный текст, предложение ред. 1, предложение ред. 2, финальный вариант, статус (черновик / согласовано / в разработке). 10 примеров строк.

Формулировки для форм — лучшие практики:
Дай рекомендации по UX-копирайтингу для форм регистрации [тип сервиса]. Для каждого поля: плейсхолдер, label, подсказка (helper text), сообщение об ошибке валидации. Поля: имя, email, пароль, телефон, дата рождения, согласие с условиями. Принципы: конкретность, без технического жаргона, тон [дружелюбный].

Доступность и системы дизайна

Аудит доступности компонента:
Проведи аудит доступности (accessibility) для [компонент: форма / навигация / модальное окно / таблица]. Проверь по WCAG 2.1 AA: контрастность, keyboard navigation, ARIA-атрибуты, focus management, screen reader support. Для каждой проблемы: описание, критичность, конкретное исправление с кодом.

Дизайн-система — токены и компоненты:
Разработай базовую структуру дизайн-системы для [тип продукта]. Включи: цветовые токены (primary, secondary, semantic: error/warning/success/info, neutral scale), spacing-токены (4px / 8px шкала), список базовых компонентов с приоритетом разработки, правила наименования (naming convention). Формат: Markdown-документ для Confluence/Notion.

Обратная связь по дизайну — фреймворк:
Создай фреймворк для конструктивной обратной связи по дизайну для команды. Включи: структуру дизайн-ревью (что проверяем в какой последовательности), шаблон для комментариев (проблема → обоснование → предложение), правила что делать нельзя на ревью, систему приоритизации правок (must / should / nice to have).

Чек-лист перед передачей в разработку:
Составь чек-лист для UX/UI-дизайнера перед передачей макетов разработчикам. Разбей по категориям: состояния компонентов (все ли описаны), адаптивность (все брейкпоинты), доступность, анимации (задержки, easing), ассеты (имена файлов, форматы), документация (что не очевидно из макета). Формат: checklist с sub-items.

Используйте эти промпты как отправную точку, добавляя контекст вашего проекта. ChatGPT отлично генерирует структуры, чек-листы и первые черновики — а финальные решения принимайте на основе реальных данных пользователей.