Портфоліо → Працевлаштування: UX/UI інтенсив

Вступ та мета модуля

Мета: забезпечити практичну, структуровану підготовку до ролі Product Designer через серію кейсів і mentor sign-off. Нижче — детальний перелік матеріалів, шаблонів і чеклістів, які ви отримаєте і які потрібно буде виконати.

Контент (довгий перелік)

• Research pack: шаблон research brief (structure + examples), interview guide (20 прикладів питань, screening checklist), consent script, tips для запису інтерв'ю.
• Synthesis: affinity mapping workflow, матриця інсайтів, шаблон personas, CJM template, як правильно формулювати hypothesis statements.
• Design phase: flow templates (user flow, task flow), wireframe kit (low → mid → hi), design tokens starter (color, spacing, typography), component checklist для Storybook.
• Prototyping: interaction specs (click states, transitions), micro-interaction guide, accessibility notes (keyboard, ARIA, contrast checklist).
• Testing & Handoff: usability test plan + script, recording & synthesis template, handoff pack (specs, assets, export guide for dev).

Чеклісти та приклади

У модулі ви знайдете приклади перевірених deliverables з поясненням, чому вони проходять на level 7–10. Також — кроки для поліпшення роботи до mentor sign-off.

Практичні вправи

1. Провести 5 інтерв'ю за шаблоном; зібрати цитати та кластеризувати інсайти.
2. Створити flows і wireframes для ключової user-journey, включаючи edge-cases.
3. Зібрати design token set і компонент у Storybook (POC).
4. Прототипувати інтерактивну флоу і провести мінімальний usability test (3 користувачі).

Поради для оцінювання

Як краще підготуватися до mentor review: 1) короткий executive summary вгорі кейсу; 2) measurable outcomes; 3) чіткі acceptance criteria. Усі шаблони включають очікувані критерії оцінювання.

Щотижневий розклад (приклад)

• День 1: лекція + демо (1.5–2 год).
• День 2: workshop / lab (2–3 год).
• Дні 3–7: self-study, tasks, peer-review, підготовка deliverable.

Комунікація та підтримка

Модулі передбачають асинхронні рев'ю, peer-review сесії, а також optional mentor 1:1 для ключових checkpoint'ів. Рекомендований час виконання — 8–12 год/тиждень (залежно від рівня).

Materials & tools

Рекомендуємо Figma, Notion (case study), Zoom/recording tool, а також Storybook для компонентів. Усі шаблони — у текстовому вигляді в модалці syllabus.

Оцінювання по 5 критеріях: Research • Interaction • Visual • Accessibility • Handoff. Для кожного критерію — опис рівнів 0–10 та конкретні приклади, що очікується на кожному рівні.

Приклад: Research

0–3: Немає синтезу, немає зв'язку з рішеннями.
4–6: Є інсайти, але слабке обґрунтування рішень.
7–8: Чіткий синтез, зв'язок із product decisions.
9–10: Глибокий synthesis + measurable impact.

Приклад: Interaction

Оцінюється: completeness of flows, edge-cases, error states, keyboard navigation, mobile behaviors.

Як готуватися до рев'ю

1. Підготувати коротке summary (1 абзац) з measureable outcome.
2. Додати checklist з acceptance criteria.
3. Показати evidence: user quotes, analytics, before/after metrics (якщо є).

Мета тижня

Побудувати research foundation: чіткі цілі, screening, interview guide і перші інтерв'ю.

Контент і шаблони

• Research brief (template + приклади заповнення).
• Interview guide (open + probing questions, 20 прикладів).
• Consent script, recording checklist, short report template.

Deliverables

1. Research brief (1 стор.) з acceptance criteria.
2. Транскрипти 5 інтерв'ю + key quotes.
3. Початковий affinity map + hypotheses.

Поради та чеклісти

Поради для інтерв'ю: як ставити питання,як працювати з мовними бар'єрами, як витягати цінні цитати, і як швидко кластеризувати дані.

Фокус

Побудова повних користувацьких потоків, wireframes для основних сценаріїв і опис interaction specs для розробки.

Матеріали

• Flow templates (task flow, user flow, happy & unhappy paths).
• Wireframe checklist (labels, accessibility hints, states).
• Interaction spec template (click, hover, transitions, delays).

Deliverables

1. User flows + edge-case list.
2. Low → Mid fidelity wireframes.
3. Interaction specs для critical path.

Фокус

Design tokens, компонентна бібліотека, accessibility notes, та Storybook POC.

Контент

• Design token examples (colors, spacing scale, type scale).
• Component checklist (states, props, accessibility, responsive).
• Storybook POC guide (stories, knobs, accessibility addon).

Deliverables

1. Token set + documentation.
2. Component examples (button, input, card) + storybook stories.
3. Accessibility notes and keyboard interactions.

Фокус

Інтерактивний прототип, usability testing, test report та actionable recommendations.

Матеріали

• Test plan template (tasks, metrics, recruit criteria).
• Script для тестування та guidelines для фасилітації.
• Report template (findings, severity, recommendations, quick wins).

Deliverables

1. Clickable prototype з interaction specs.
2. Usability test report з findings і рекомендаціями.
3. Actionable roadmap для продукту.