Що таке промпт: 20 готових промтів для дизайнерів

Ти senior UX-дизайнер з 10 роками досвіду в продуктових командах. Проведи аудит екрана за 10 евристиками Нільсена. Опис екрана: [встав опис або прикріпи скріншот]. Продукт: [тип продукту]. Основна дія користувача на цьому екрані: [дія]. Для кожної знайденої проблеми вкажи: яку евристику порушено, критичність за шкалою від 1 до 4 і конкретний спосіб виправлення. Відсортуй проблеми від критичних до косметичних. Якщо за якоюсь евристикою екран чистий, так і напиши, проблем не вигадуй.

Створи специфікацію компонента [назва: кнопка, дропдаун, поле вводу] для дизайн-системи продукту [опис продукту]. Опиши: анатомію компонента, усі стани (default, hover, focus, active, disabled, loading, error), варіанти розмірів, поведінку на мобільних екранах, вимоги доступності (контраст, фокус, керування з клавіатури) і 3 ситуації, коли цей компонент використовувати не можна. Формат: структурований документ, який я передам розробнику без усних пояснень.

Проаналізуй скріншот інтерфейсу [прикріпи скріншот] і витягни з нього основу дизайн-системи: палітру кольорів з hex-кодами та ролями (основний, акцент, фон, текст, межі), типографіку (шрифти, розміри, накреслення), відступи й сітку, радіуси заокруглень, стилі тіней. Подай результат таблицею токенів: назва, значення, де застосовується. Якщо якесь значення на скріншоті роздивитись неможливо, познач його як припущення.

Розроби адаптивну стратегію для сторінки [тип сторінки] продукту [опис]. Брейкпоінти: 360, 768, 1024 і 1440 px. Для кожного опиши: як змінюється сітка, що відбувається з навігацією, які елементи ховаються або трансформуються, мінімальні розміри тап-зон. Окремо перелічи 5 місць, де верстка найімовірніше зламається, і для кожного дай спосіб запобігти проблемі.

Ти UX-райтер україномовного продукту [опис продукту]. Напиши мікрокопі для [екран або флоу]: тексти кнопок, повідомлення про помилки, порожні стани, підказки. Тон: [дружній / нейтральний / діловий]. Правила: кнопка називає дію; повідомлення про помилку пояснює, що сталося і що робити далі; без «Упс» і вибачень. Для кожного тексту дай 2 варіанти і поясни різницю між ними одним реченням.

Проведи аудит доступності екрана [опис або скріншот] за WCAG 2.2 рівня AA. Перевір: контраст тексту й інтерактивних елементів, розміри тап-зон, текстові альтернативи для зображень, логіку фокуса, випадки, де колір лишається єдиним носієм інформації. Для кожної проблеми вкажи номер критерію WCAG, кого з користувачів вона зачіпає і як її виправити. Формат: таблиця з колонками проблема, критерій, серйозність, виправлення.

Створи текстовий wireframe екрана [назва екрана] для продукту [опис]. Користувач приходить на екран, щоб [задача користувача]. Опиши структуру блоками зверху вниз: що в кожному блоці, яка ієрархія заголовків, де основна дія, що другорядне. Кожному блоку признач пріоритет за трьома рівнями. Після структури постав мені 5 питань, відповіді на які зроблять wireframe точнішим.

Побудуй user flow для сценарію [сценарій, наприклад: реєстрація з підтвердженням пошти] у продукті [опис]. Спершу опиши основний шлях покроково: екран, дія користувача, реакція системи. Потім додай гілки для edge cases: помилка мережі, невалідні дані, повторна дія, вихід посередині флоу, повернення через день. Для кожної гілки вкажи, що бачить користувач і як він повертається на основний шлях.

Підготуй гайд для інтерв'ю з користувачем. Продукт: [опис]. Мета дослідження: [що хочемо дізнатись]. Сегмент: [хто ці люди]. Структура: розігрів на 5 хвилин, основний блок з 8-10 відкритих питань про реальний досвід і поведінку, завершення. Правила: питання про минулі дії людини замість питань про наміри; без формулювань, що підказують відповідь; після кожного основного питання додай 2 уточнювальні проби. Розрахунок на 30 хвилин розмови.

Ось нотатки з [кількість] інтерв'ю з користувачами: [встав нотатки]. Зроби перший прохід синтезу: згрупуй спостереження в теми, для кожної теми порахуй, у скількох інтерв'ю вона зустрічається, і наведи 1-2 цитати як доказ. Окремими списками винеси: несподіванки, суперечності між респондентами, питання для наступних інтерв'ю. Працюй лише з тим, що є в нотатках. Якщо висновок тримається на одному згадуванні, познач його як гіпотезу.

На основі синтезу дослідження [встав теми й інсайти] опиши 2-3 поведінкові персони. Для кожної: назва-архетип за поведінкою, ключова цитата з реальних даних, що людина намагається зробити, що їй заважає, як вона ухвалює рішення, які висновки для дизайну з цього випливають. Заборонено вигадувати вік, стать, місто, посаду і зовнішність. Якщо даних на окрему персону бракує, напиши про це прямо.

Підготуй сценарій модерованого юзабіліті-тесту прототипу [опис]. Перевіряємо задачі: [3-4 задачі]. Для кожної напиши: формулювання для респондента без слів з інтерфейсу, критерій успіху, за чим спостерігати, уточнювальні питання після виконання. Додай вступний скрипт модератора з проханням думати вголос і поясненням, що помилки під час тесту вказують на проблеми інтерфейсу. Розрахуй таймінг на 45-хвилинну сесію.

Стейкхолдер дав фідбек на дизайн: [встав фідбек дослівно]. Переклади його в конкретні дизайн-задачі. Для кожної фрази визнач: чого людина хоче досягти, яка проблема може стояти за формулюванням, які 1-2 дизайн-рішення це закривають. Розмиті фрази на кшталт «зробіть сучасніше» розклади на питання, які я поставлю стейкхолдеру, щоб зʼясувати справжню потребу. Формат: таблиця з колонками фраза, інтерпретація, дія.

Допоможи підготуватись до дизайн-рев'ю. Я показую [що показуєте] аудиторії: [хто буде присутній]. Рішення, які я ухвалив, і їх причини: [перелічи 3-5 рішень]. Згенеруй 10 найімовірніших складних питань від цієї аудиторії та короткі відповіді на основі моїх аргументів. Окремо назви 2-3 слабкі місця в моїх рішеннях, які варто визнати самому раніше, ніж про них спитають.

Поясни дизайн-рішення [опиши рішення] людині без дизайнерського бекграунду: [хто це - клієнт, власник бізнесу, керівник відділу]. Без термінів UX і назв евристик. Побудуй пояснення через вплив на бізнес: як рішення змінює [конверсію / швидкість роботи / кількість звернень у підтримку]. Обсяг до 150 слів. Додай одну побутову аналогію, яка робить логіку очевидною.

Підготуй handoff-документацію для розробників по екрану [назва]. Вхідні дані: [опис екрана і його логіки]. Опиши: усі стани екрана включно з завантаженням, помилкою і порожнім станом; логіку взаємодій; правила валідації форм; анімації з тривалістю; поведінку на брейкпоінтах; тексти для всіх станів. Наприкінці склади список питань, які розробник поставить найпершими, і дай на них готові відповіді.

Допоможи структурувати кейс для портфоліо. Проєкт: [опис]. Моя роль: [роль]. Тривалість: [строк]. Результат: [метрики, якщо є]. Побудуй кейс за схемою: контекст і проблема, обмеження, процес з 2-3 ключовими рішеннями та їх обґрунтуванням, результат у цифрах, висновки. Постав мені питання про деталі, яких бракує для сильної історії. Прибери з мого опису все, що звучить як перелік обовʼязків.

Ось текст вакансії: [встав вакансію]. Ось моє резюме: [встав резюме]. Порівняй їх за трьома списками: які вимоги вакансії вже закриті в резюме; що є в моєму досвіді, але в резюме цього не видно; яких навичок бракує насправді. Потім перепиши блок досвіду: релевантні проєкти першими, формулювання перегукуються з мовою вакансії, кожен пункт починається з дії і містить результат у цифрах, де вони є. Досвід не вигадуй.

Ти design lead, який проводить співбесіду на позицію [позиція] в компанії типу [продукт / агенція / аутсорс]. Мій досвід: [опиши 2-3 кейси з портфоліо]. Постав мені 12 питань, які реально ставлять на таких співбесідах: про процес, про конкретні рішення в кейсах, про роботу з фідбеком і конфлікти в команді. Задавай по одному питанню за раз. Після кожної моєї відповіді розбирай її: що прозвучало сильно, що непереконливо, як посилити.

Оптимізуй мій профіль LinkedIn під позицію [позиція]. Поточний заголовок: [встав]. Розділ About: [встав]. Напиши 3 варіанти заголовка до 220 символів з навичками, за якими рекрутери шукають таких фахівців, і новий About на 4-5 речень: чим займаюсь, з якими продуктами працював, результати в цифрах, чим корисний команді. Без пафосу і без слів «пристрасний» та «креативний».