[Systems.Education] Кликабельный прототип приложения с помощью ИИ в Cursor [Ксения Теселкина]

[Robot]

Ссылка на картинку

Цель обучения:

Создать кликабельный прототип приложения за 4 часа

Уровень Middle/Senior:

• Для системных аналитиков, которые хотят быстро согласовать требования с заказчиками на понятных макетах
• Для системных аналитиков, которые хотят дать разработчикам структурную основу
• Для бизнес-аналитиков, которые хотят протестировать пользовательские флоу до дизайна
• Для дизайнеров, которые хотят быстро собрать понятный концепт без лишней «красоты», но со структурой и логикой переходов

Используем:

• Zoom
• Cursor (desktop) для генерации юзкейсов и HTML/CSS
• Miro (командная доска с кейсами)

Что получите:

1. Построите диаграмму навигации простого продукта за 40 минут
2. Создадите юскейсы в LLM и сгенерируете под них HTML-прототипы в Cursor
3. Синхронизируете визуальные и текстовые требования с помощью LLM.
4. Подготовите кликабельный прототип приложения для заказчика/разработки с переходами и мок-данными.

Программа:

Модуль 1. Погружение и навигация приложения

• Введение: цели воркшопа, знакомство и распределение по командам
• Навигация как основа пользовательского опыта
• Типы экранов и сценарии переходов
• Глубина и логика пользовательских путей
• Построение навигационной схемы приложения
• Обратная связь и анализ решений команд

Модуль 2. UX-паттерны и проектирование интерфейсов

• Хорошие и плохие UX-паттерны в реальных примерах
• Выбор ключевых сценариев использования (use cases)
• Определение структуры страниц и элементов взаимодействия
• Разработка логики пользовательских флоу

Модуль 3. Генерация и доработка интерфейсов с ИИ

• Создание прототипов с помощью Cursor и промптов для ИИ
• Формирование структуры HTML-страниц по навигации
• Добавление базового CSS для визуальной читаемости
• Ревью и улучшение структуры интерфейсов
• Презентация готовых прототипов, фиксация инсайтов и рекомендаций по применению подхода в реальных проектах

Формат: Воркшоп — формат быстрого освоения мини-компетенций.

Читать далее...

Показать больше