Основи проектування цифрових продуктів

5. Ідеація та пріоретизація,
раннє прототипування

Принципи проектування
та збір інформації

Що розглянемо?

Процеси ідеації та формування концепції
цифрового продукту.

Основні методики ідеації та пріоретизації ідей.

Особливості процесів раннього прототипування.

Процеси ідеації
та формування концепції

Ідеація

процес формування ідеї, база/основа для подальшого формування концепції майбутнього продукту. 

Концепція

загальна система (бачення), яка об'єднує в єдине ціле певний зміст/сенси/сутності, які несе в собі продукт для користувача.

Сама ж концепція може виражатися словами, наприклад, у вигляді принципів або ж бути візуалізована певним чином.

Концепт

певна форма вираження концепції, що набуває риси майбутнього продукту.

Тобто це первинна форма продукту, що розкриває головну його ідею. Основною функцією концепту
є можливість заключення цієї ідеї у певну форму
та надати можливість протестувати її.

Відтак це може бути прототип із певним ступенем деталізації.

Формування концепції суттєво допомагає зібрати
в єдину систему всі бачення та сенси/сутності
та  не забути/загубити ключові цінності продукту
при розробці концепту.


Також сформована концепція покращує командне бачення продукту та дає змогу співставити його
із очікуваннями користувача/замовника.

Важливою складовою при формуванні концепції
є формування дизайн-принципів, які розкривають основоположні якості майбутнього продукту.

 

Наприклад, при створенні концепції сервісу доставки їжі важливо врахувати принцип прозорості/контролю процесу, оскільки існують обмеження цифрового середовища щодо досвіду  традиційного замовлення...

Подальший аналіз дослідницької інформації
та формування наступних принципів, допоможуть закрити бар'єри і проблеми, пов'язані з майбутнім рішенням і утворять концепцію продукту.

В процесі вирішення завдань, в більшості випадків
у користувачів вже є сформовані очікування щодо рішення.


І якщо ваше рішення простіше або якісніше
цих очікувань, воно представляє додаткову цінність
для користувача.

Важливо спробувати сформувати ідеальне рішення
і на його підставі сформувати ключові переваги майбутнього продукту.


Частіше користуйтесь  питанням "Як?", щоб сконцентруватись на головних "фічах" продукту. 

При формуванні вже концепту варто розкрити "основний" сценарій та реалізувати його у вигляді певного прототипу, нарощуючи деталізацію за рахунок тестового підтвердження рішень.

 

Поступова реалізація деталізації wireframes
та фіналізація дизайн-концепту на рівні High-Level Wireframe допоможе створити орієнтир
для подальшого розвитку інтерфейсу продукту
та допоможе в майбутньому масштабувати його.

Для якісного процесу створення дизайн-концепту деталізуємо його поступово, тестуючі свої рішення.

 

Крім того концепт має відповідати вимогам щодо структури/форми (максимальна імітація готового продукту - ІС, функціонал, настрій тощо),
бути реальним (тестуємо на ЦА та долучаємо розробку)
та унікальним (створюємо унікальний досвід, не копіюємо конкурентів).

 

Методики ідеації
та пріоретизації ідей

Головним завданням воркшопів на даному етапі
є формування Projeckt Scope та занурення у специфіку проєкту (цілі, задачі, обмеження...).   

Варто запросити:

- PO;
- BA;
- Designer;
- SA;
- QA Lead...

При підготовці до воркшопу варто поділитися набутими артефактами та синхронізувати команду.


Експертність учасників у поєднанні із врахуванням набутих данних допоможе відразу відкинути нереальні варіанти ідей.

Методи ідеації:


- Brainstorming;

- Mindmapping;

- Storyboarding;

- Questioning assumptions...

Мозковий штурм

метод, що дозволяє здійснювати генерацію максимальної кількості ідей для обрання серед них найкращого варіанту.


Інколи важливо розпочинати не із "чистого листа",
а генерувати ідеї на підставі даних дослідження, інсайтів...

Mindmapping 

метод візуалізації (графічне представлення) сутностей у продукті.


Варто використовувати із Brainstorming для системтизації та структурування ідей.

Storyboarding

метод візуалізації історії, що деталізує чи пояснуює певне питання.


Зібрана інформація (фото, картинки, цитати, артефакти - CJM) формується на сторіборді.  

Questioning assumptions

методика пошуку нових можливостей, нестандартних рішень, що полягає у піддані сумніву певних встановлених канонів домену.

 

За результатами воркшопу має бути сформований попередній беклог, що містить певний функціонал майбутнього продукту.

Головне пам'ятати, що вони мають вирішувати реальні проблеми користувачів та закривати потреби замовника


Далі їх слід пріоретизувати...

Методики пріоретизації:


- Decision matrix;

- Mindmapping;

- Storyboarding;

- Questioning assumptions...

Decision matrix 

методика візуалізації пріоретизації завдань проєкту, що розподіляє всі пункти беклогу за такими критеріями:

- термінові та важливі;
- термінові та неважливі;
- важливі та нетермінові;
- неважливі та нетермінові.

важливі, термінові

важливі, нетермінові

неважливі, термінові

неважливі, нетермінові

Story Mapping

методика пріоретизації беклогу на основі користувацького шляху.

 

MoSCoW

методика пріоретизації беклогу на основі розбиття задач на такі категорії:

- Must have (обв'язкові критичні, без них релізу не буде)

- Should have (важливі, але не критичні)

- Could have (бажані, але не обов'язкові для релізу)

- Would have (можна реалізувати, але можна й перенести)

100 dollar method

методика пріоретизації беклогу на основі розподілення стейкхолдерами умовних 100 доларів між завданнями/вимогами.

Раннє прототипування

Прототипування

процес моделювання певного ступеня деталізації кінцевого продукту.

Формування ментальної моделі на основі аналізу UX-досліджень, воркшопів та зустрічей із замовником суттєво допомагає у знаходженні якісних проєктних рішень! 

Для її створення інколи варто запитати користувача:

"Уявіть свій ідеальних досвід взаємодії / закриття проблеми  у ідеальному продукті..."

"...як ви уявляєте таку взаємодію..."

"...який функціонал необхідний?..."

"...як?..."
 

Але користувачі не володіють експертністю, вони лише фантазують на певну тематику і точно не знають чого саме хочуть, тому ​збір такої інформації
є лише основою для побудови майбутньої моделі...

Storyframe

історія взаємодії користувача із продуктом,
що представлена у вигляді розповіді.

Накладання на ментальну модель досвіду дизайнера, технічних обмежень, вимоги бізнесу допоможуть створити яксну Storyframe та імплементувати її
у наявні артефакти (персону чи UJM).

Однак навіть при перетворенні (імплементації) Storyframe в UJM рівень абстракції доволі великий,
що не дає сформувати об'єктивну форму майбутнього продукту.


Тому подальші етапи роботи є такими:

- Paper prototyping / Sketches;

- Microframing;

- Wireframing;

- Visual design.

Дякую за увагу!