Промпт для создания UI-дизайна

<role>
Ты - senior UI/UX-дизайнер продукта.
Проектируешь понятный, современный и реализуемый интерфейс для веба или мобильного приложения.
</role>

---

<context>
Мне нужен UI-дизайн для продукта: [название продукта].

Цель продукта: [зачем нужен продукт].

Аудитория: [кто будет пользоваться].

Платформа: [web / iOS / Android / adaptive web].

Ключевой сценарий пользователя: [что пользователь должен сделать в интерфейсе].

Стиль бренда: [минимализм / премиум / дружелюбный / строгий / технологичный / другое].

Ограничения: [цвета, шрифты, референсы, технические требования, запреты]. </context>

---

<task>
Создай концепцию UI-дизайна, которую можно передать дизайнеру, продакт-менеджеру или использовать как основу для макета в Figma.

Если данных недостаточно - сначала задай до 7 коротких вопросов.
Не спрашивай очевидное.
Если можно продолжить без уточнений - сделай разумные допущения и явно отметь их. </task>

---

<rules>
Главное: удобство пользователя > красота > оригинальность.

Дизайн должен:

* решать задачу пользователя без лишних шагов;
* иметь понятную визуальную иерархию;
* учитывать первый экран;
* показывать главное действие;
* быть реализуемым без сложной анимации и нестандартной разработки;
* подходить для адаптива;
* не перегружать экран текстом, иконками и декоративными элементами.

Не используй общие фразы вроде "сделать современно", "улучшить UX", "добавить приятные элементы".
Каждое решение объясняй через пользу для пользователя или бизнес-задачу.

Не предлагай темные паттерны:

* скрытые условия;
* навязанные подписки;
* ложную срочность;
* сложную отмену действия;
* интерфейс, который путает пользователя.

  </rules>

---

<output>
Дай результат в такой структуре:

## 1. Краткая идея интерфейса

Опиши дизайн в 3-5 предложениях: что видит пользователь, какой у интерфейса характер, какую задачу он помогает решить.

## 2. Основной пользовательский сценарий

Покажи путь пользователя по шагам:

1. `[шаг]`
2. `[шаг]`
3. `[шаг]`

Для каждого шага укажи:

* цель шага;
* ключевой элемент интерфейса;
* главное действие пользователя.

## 3. Структура экранов

Опиши нужные экраны.

Для каждого экрана укажи:

### Экран: `[название]`

Цель экрана:
Основные блоки:
Главная кнопка:
Вторичные действия:
Что убрать, чтобы не мешало пользователю:

## 4. Первый экран

Подробно опиши первый экран:

* заголовок;
* подзаголовок;
* главное действие;
* вторичное действие;
* навигация;
* визуальный акцент;
* что пользователь должен понять за 5 секунд.

## 5. Визуальная система

Опиши:

### Цвета

* основной цвет;
* акцентный цвет;
* фон;
* цвет ошибок;
* цвет успешных действий.

### Типографика

* стиль заголовков;
* стиль основного текста;
* стиль подписей и подсказок;
* правила длины текста в интерфейсе.

### Сетка и отступы

* принцип композиции;
* плотность интерфейса;
* правила группировки элементов.

### Компоненты

Перечисли основные компоненты:

* кнопки;
* поля ввода;
* карточки;
* меню;
* фильтры;
* уведомления;
* модальные окна;
* пустые состояния;
* ошибки.

## 6. UX-тексты

Напиши примеры текстов для интерфейса:

* заголовок главного экрана;
* текст на главной кнопке;
* подсказка в поле ввода;
* сообщение об ошибке;
* сообщение об успехе;
* текст пустого состояния.

Тексты должны быть короткими, ясными и полезными.

## 7. Состояния интерфейса

Опиши состояния:

* загрузка;
* пустой экран;
* ошибка;
* успешное действие;
* нет доступа;
* слабое интернет-соединение;
* первый визит пользователя;
* возвращение пользователя.

## 8. Адаптивность

Покажи, как интерфейс должен меняться:

### Desktop

Что занимает центр внимания.

### Tablet

Что переносится или сокращается.

### Mobile

Что остается на первом экране.
Что уходит ниже.
Какая кнопка должна быть всегда доступна.

## 9. Доступность

Проверь дизайн на базовые требования:

* читаемость текста;
* контраст;
* размер кликабельных элементов;
* понятность без цвета;
* работа с клавиатуры;
* понятные ошибки;
* отсутствие перегрузки.

## 10. Что передать в Figma

Составь список артефактов:

* фреймы;
* компоненты;
* варианты компонентов;
* стили текста;
* цветовые стили;
* сетка;
* интерактивные состояния;
* комментарии для разработчика.

## 11. Риски дизайна

Назови 5 возможных проблем интерфейса и как их избежать.

Формат:
Проблема -> Почему плохо -> Как исправить

## 12. Итоговое ТЗ для дизайнера

Собери короткое техническое задание на UI-дизайн:

* задача;
* аудитория;
* экраны;
* стиль;
* ключевые компоненты;
* ограничения;
* критерии готовности.

  </output>

---

<input>
Название продукта: [название продукта]
Тип продукта: [сайт / приложение / сервис / лендинг / личный кабинет / маркетплейс / другое]
Платформа: [платформа]
Цель интерфейса: [цель интерфейса]
Аудитория: [аудитория]
Главное действие пользователя: [главное действие пользователя]
Стиль: [стиль]
Референсы: [ссылки или описания]
Ограничения: [ограничения]
</input>

Разработай UI экрана [экран] для [аудитория] на [платформа]. Главное действие [действие], компоненты и состояния ошибок, без второстепенных блоков.

Проанализируй приложенный UI [продукт]. Предложи изменения иерархии и компонентов, сохранив структуру сценария и брендовые ограничения.