# Анатомія роадмапи: п'ять компонентів і приклад

> П'ять частин, без яких не обійдеться корисна роадмапа (бачення продукту, бізнес-цілі, теми, часові горизонти й дисклеймер), яку роботу виконує кожна, і приклад роадмапи: перша односторінкова роадмапа Котокорму від Sofia та шаблон, який можна заповнити.

- Курс: [Продуктові роадмапи, орієнтовані на результат](https://productovi.com/uk/courses/outcome-based-roadmaps.md)
- Модуль: Чому роадмапи варто переосмислити
- Урок 3/15, ~41 хв
- Джерело: https://productovi.com/uk/courses/outcome-based-roadmaps/roadmap-components

## Що має бути в роадмапі продукту

**Alex Tutor:** Знову в Котокормі: сторінку роадмапи для Ian і далі пишеш ти.

**Sofia:** Уже четвер. У мене є результати, є клініки Brandon, є проблема Ian з відтоком. Але я досі не знаю, як має виглядати сама сторінка.

**Alex Tutor:** Єдиного шаблону немає, але кожна корисна роадмапа розповідає ту саму коротку історію: куди ми йдемо, як зрозуміємо, що наближаємося, що має стати правдою, у якому порядку, і нагадування, що все зміниться.

**Alex Tutor:** Кожна частина цієї історії — компонент. Обов'язкових п'ять: **бачення продукту**, **бізнес-цілі**, **теми**, **часові горизонти** і **дисклеймер**. Пропустиш один — в історії з'явиться діра. Наприкінці отримаєш приклад на одну сторінку і шаблон.

![Плакат із п'яти шарів: далека зірка, мішень, ряд дорожніх вказівників, три колонки, дедалі менш чіткі, і маленька складена картка внизу.](https://productovi.com/courses/outcome-based-roadmaps/inline/roadmap-components-illustration-2.webp)

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

**Alex Tutor:** Перш ніж пройти їх по черзі, зістав кожен компонент із запитанням читача, на яке він відповідає.

> **Вправа:** Зістав кожен обов'язковий компонент із запитанням, на яке він відповідає.

**Sofia:** П'ять. Це вміщається на одну сторінку.

**Alex Tutor:** Так і має бути. Підемо згори донизу, починаючи з бачення. **Бачення продукту** — це майбутнє, до якого рухається продукт: хто отримує користь і як змінюється життя цих людей. До нього зводиться кожен інший пункт.

**Sofia:** Для Котокорму… «Власникам котів ніколи не доводиться думати, що закінчиться потрібний корм»?

**Alex Tutor:** Добра чернетка, відшліфуємо її в модулі 2. Далі — **бізнес-цілі**: вимірювані результати, яких компанія чекає від продукту. Вони пояснюють, чому роадмапа варта грошей.

**Ian:** Наступного року мене цікавлять дві речі: виручка від підписки, тобто треба розібратися з відтоком, і канал ветклінік. Усе інше — другорядне.

> **Вправа:** Що з цього — **бізнес-ціль** (business objective), а не бачення, тема чи фіча?

## Теми: що має стати правдою

**Alex Tutor:** Ось і твої цілі: збільшити виручку від підписки, довше утримуючи підписників, і розвивати канал ветклінік. Двох-трьох цілком досить; десять цілей означають, що пріоритетів немає.

**Sofia:** А куди подіти мої вчорашні результати?

**Alex Tutor:** У **теми** (themes). Тема відповідає на запитання: що має стати правдою, щоб ми наблизилися до бачення й досягли цілей? Це потреба чи проблема клієнта, сформульована як результат, а не як рішення.

**Alex Tutor:** «Підписники не залишаються без корму між доставками». «Клініки поповнюють запас лікувальних кормів без дзвінків нам». «Нові власники обирають правильний корм із першого замовлення». Кожна тема збирає багато можливих фіч під однією потребою.

**Sofia:** А фічі з таблиці?

**Набір даних (CSV):** [Таблиця запитів Котокорму](https://productovi.com/datasets/outcome-based-roadmaps/roadmap-components/catchow-requests.csv)

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

- `id`: Номер рядка
- `request`: Запит так, як його записали в таблиці
- `source`: Хто попросив: продажі (sales), підтримка (support) чи засновники (founders)

**Alex Tutor:** Вони стають можливими рішеннями під темою, якщо взагалі з'являються. Нагадування, повторне замовлення в один клік і гнучкі дати доставки — усе це під темою «не залишатися без корму». Команда обиратиме з них пізніше.

**Alex Tutor:** Одне правило: кожна тема має підтримувати хоча б одну бізнес-ціль. Тема, що не служить жодній, — це хобі.

> **Вправа:** Які з цих формулювань — добре сформульовані **теми** (themes) для роадмапи Котокорму? Познач усі правильні.

## Часові горизонти замість дат

**Lucy:** Перш ніж розкладати це по колонках: будь ласка, не став мені місяць для кожного пункту. Про «зараз» я можу говорити. «Далі» можу припустити. «Пізніше» — туман.

**Alex Tutor:** Lucy щойно ідеально описала **часові горизонти** (timeframes). Замість дат — широкі проміжки: квартали, півріччя або **Now / Next / Later**. Сам порядок уже каже, що найважливіше.

**Alex Tutor:** Що далі в майбутнє, то ширші й розмитіші проміжки: Now детальний і досить певний, Later — лише напрям. Це чесно, бо відповідає тому, що команда справді знає.

![Дорога тягнеться до горизонту, попереду синій фургон; поблизу видно кожен камінь, а далі дорога ширшає й розчиняється в тумані.](https://productovi.com/courses/outcome-based-roadmaps/inline/roadmap-components-illustration-3.webp)

*Now — детально й досить певно; Later — лише напрямок.*

**Sofia:** Ian спитає, що означає Now у календарному вимірі.

**Alex Tutor:** Тоді напиши це на сторінці: наприклад, Now — цей квартал, Next — наступні один-два, Later — усе, що далі. Точні дати ставлять лише на жорсткі зовнішні події, як-от конференцію, де відбувається запуск.

![Now — цей квартал, детально й досить певно; Next — наступні один-два квартали, припущення; Later — усе, що далі, лише напрям.](https://productovi.com/courses/outcome-based-roadmaps/diagrams/m1-l3-now-next-later-uk.png)

*Широкі проміжки, що відповідають тому, що команда справді знає.*

> **Вправа:** Який пункт роадмапи Котокорму може обґрунтовано мати точну дату?

## Дисклеймер

**Sofia:** А п'ятий — дисклеймер. Хіба це не просто юридичний дрібний шрифт?

**Alex Tutor:** Не тільки. **Дисклеймер** прямо каже, що це поточний план і він змінюватиметься, коли ми дізнаватимемося більше. Він захищає команду від «ви ж обіцяли» і попереджає читачів не будувати власні плани на Later.

**Alex Tutor:** Для внутрішньої роадмапи достатньо дати й одного чесного речення. Версії для клієнтів на кшталт PurrPoint потрібне суворіше формулювання, а публічна компанія узгодила б його з юристами.

**Brandon:** Стоп, тобто цю роадмапу можна показати «PurrPoint»?

**Alex Tutor:** Не цю версію. До зовнішніх роадмап дійдемо в модулі 5. Поки вона для людей Котокорму.

> **Вправа:** Дисклеймер потрібен лише на роадмапах, які побачать клієнти.

**Alex Tutor:** Два дисклеймери для однієї сторінки. Який із них справді прочитають?

> **Вправа:** Який дисклеймер виконує свою роботу у внутрішній роадмапі Котокорму?

## Що необов'язкове

**Sofia:** А фічі, статуси, рівні упевненості? Lucy їх захоче.

**Alex Tutor:** Це додаткові елементи: імовірні фічі, стадія розробки, рівень упевненості, цільові клієнти, продуктові напрями. Додавай їх лише тоді, коли вони потрібні конкретній аудиторії. Розберемо їх у модулі 3.

**Alex Tutor:** А деяка інформація взагалі не належить до роадмапи: графіки проєкту, бюджети, архітектура. Від тебе чекатимуть, що ти це знаєш, але місце цього — в інших документах.

**Sofia:** Отже: п'ять обов'язкових частин, додаткове — на вимогу.

**Alex Tutor:** Так. Роадмапа, перевантажена доповненнями, знову починає скидатися на план проєкту, а ми щойно від нього втекли.

**Alex Tutor:** У Lucy прохання щодо додаткових елементів. Що їй відповісти?

> **Вправа:** Lucy просить Sofia додати на сторінку роадмапи для Ian виконавців завдань, номери спринтів і бюджет кожної команди. Яка відповідь найкраща?

## Перевіряємо ланцюжок

**Alex Tutor:** Перш ніж записувати, одна перевірка. Візьми будь-який пункт і пройди вгору: під якою він темою, якій цілі служить ця тема і як це веде до бачення?

**Sofia:** Нагадування: під темою «не залишатися без корму», вона служить виручці від підписки, а та веде до «власникам не доводиться думати, що корм закінчиться». Працює!

**Alex Tutor:** А темний режим?

**Sofia:** …Ні під чим. Хай лишається в таблиці.

**Alex Tutor:** Саме так. Перевірка забирає хвилину на пункт, і це найшвидший спосіб розчистити таблицю побажань.

![Від зірки звисає ланцюжок кілець; одна маленька картка зачеплена за нижнє кільце, а інша висить поруч, не маючи за що зачепитися.](https://productovi.com/courses/outcome-based-roadmaps/inline/roadmap-components-illustration-4.webp)

> **Вправа:** Розстав ці пункти Котокорму від найширшого до найконкретнішого.

## Пишемо дисклеймер

**Lucy:** Одне прохання: зроби дисклеймер таким, щоб його справді читали, а не сірим текстом, якого ніхто не помічає.

**Alex Tutor:** Слушно. Розмісти його там, де всі побачать, пиши по-людськи, додай дату останнього оновлення й скажи, як часто роадмапу переглядають.

**Sofia:** Щось на кшталт «Ми помилятимемося й виправлятимемо»?

**Alex Tutor:** Близько. Скажи, що це, чим воно не є і коли змінюється.

**Sofia:** А писати, як часто ми її переглядаємо?

**Alex Tutor:** Так. Щомісячний перегляд показує читачам, що роадмапа жива, і підказує, коли повертатися по новини.

> **Вправа:** Напиши дисклеймер для внутрішньої версії роадмапи Котокорму (1–3 речення).

## Тема для клінік

**Brandon:** А де на цій сторінці мої клініки? Якщо PurrPoint там немає, у мене проблеми.

**Sofia:** Вони там як тема, а не як фіча. Дай-но я сформулюю як слід.

**Alex Tutor:** Пам'ятай правила: потреба клієнта, сформульована як результат, без назви рішення, прив'язана до однієї з цілей Ian.

**Brandon:** І, будь ласка, щоб це звучало так, як я зможу пояснити директорці клініки.

**Alex Tutor:** Слушне прохання. Якщо директорка клініки не впізнає в темі свою проблему, тему написано з нашого боку, а не з їхнього.

> **Вправа:** Сформулюй одну тему для клієнтів-ветклінік Котокорму. Вкажи саму тему, бізнес-ціль, яку вона підтримує, часовий горизонт (Now, Next чи Later) і один сигнал, що покаже прогрес.

## Перша роадмапа від Sofia

**Alex Tutor:** Тепер збери все докупи. Це перша версія роадмапи Котокорму; ми вдосконалюватимемо її до кінця курсу.

**Sofia:** Одна сторінка, п'ять компонентів, жодної діаграми Ганта.

**Alex Tutor:** І жодних 40 фіч. Використай те, що ми з'ясували цього тижня: цілі Ian, клініки Brandon, Now / Next / Later від Lucy й результати з таблиці.

**Sofia:** А рядки, які нікуди не підходять, просто не включаю?

**Alex Tutor:** Не включай і одним рядком поясни чому. Коли хтось спитає, куди поділася його ідея, у тебе буде відповідь, краща за «не пам'ятаю».

> **Вправа:** Накидай першу версію роадмапи Котокорму з усіма п'ятьма обов'язковими компонентами.

## Приклад роадмапи продукту й шаблон на одну сторінку

**Alex Tutor:** Ось приклад роадмапи, з яким можна звірити свій начерк: одна з версій сторінки Котокорму на тих самих фактах. Твої цільові значення можуть відрізнятися. Головне, щоб кожен рядок вів до якоїсь бізнес-цілі.

> **Роадмапа продукту Котокорму, версія 1**
>
> **Бачення продукту (чернетка):** власникам котів і ветклінікам ніколи не доводиться хвилюватися, що закінчиться потрібний корм.
>
> **Бізнес-цілі:** (1) щомісячний відтік підписників із 9% до 6%; (2) партнерських клінік із 54 до 80, усі 14 клінік PurrPoint залишаються з нами.
>
> **Часові горизонти:** Now — цей квартал; Next — наступні один-два квартали; Later — усе, що далі, лише напрям.
>
> | Коли | Тема (ціль) | Сигнал | Можливі фічі |
> |---|---|---|---|
> | Now | Підписники не залишаються без корму між доставками (1) | Скасування через те, що корм закінчився: 30% → 15% | Нагадування про повторне замовлення, гнучкі дати доставки |
> | Now | Клініки поповнюють запас лікувальних кормів без дзвінків нам (2) | Випадків нестачі: 6 на місяць → 1 | Портал замовлень для клінік або автоматичні повторні замовлення; потрібна нова складська система |
> | Next | Нові власники обирають правильний корм із першого замовлення (1) | Дзвінків «який корм обрати?»: 250 на місяць → 100 | Квіз-підбір корму |
> | Later | Давні підписники мають причини лишатися не лише через ціну (1) | Визначимо, коли тема перейде в Next | Бали лояльності, якщо відтік лишиться високим |
>
> **Не включено:** темний режим і привітання з днем народження не служать жодній цілі; мобільний застосунок — рішення, яке ще шукає проблему.
>
> **Дисклеймер:** Оновлено 2 жовтня. Це наш поточний план, а не зобов'язання щодо фіч чи дат. Ми переглядаємо його щомісяця; Next і Later змінюватимуться.

**Sofia:** А можна взяти цю схему для іншого продукту, наприклад для книгарні?

**Alex Tutor:** Так. Ось вона як порожній шаблон роадмапи. Заповнюй згори: бачення, потім цілі, потім теми. Фічі йдуть останніми і лише як приклади.

> **Шаблон роадмапи продукту на одну сторінку**
>
> **Бачення продукту:** [хто отримує користь] може [що змінюється в їхньому житті].
>
> **Бізнес-цілі (2–3):**
> 1. [Ціль]. Сигнал: [метрика] з [початкового значення] до [цільового значення]
> 2. [Ціль]. Сигнал: [метрика] з [початкового значення] до [цільового значення]
>
> **Часові горизонти:** Now — [цей квартал]; Next — [наступні один-два]; Later — [усе, що далі, лише напрям].
>
> | Коли | Тема: потреба клієнта, сформульована як результат | Ціль | Сигнал | Можливі фічі (приклади) |
> |---|---|---|---|---|
> | Now | | | | |
> | Now | | | | |
> | Next | | | | |
> | Later | | | | |
>
> **Не включено, і чому:** [рядок]: [не служить жодній цілі / за ним ще немає проблеми]
>
> **Дисклеймер:** Оновлено [дата]. Це наш поточний план, а не зобов'язання щодо фіч чи дат. Ми переглядаємо його [щомісяця]; Next і Later змінюватимуться.

## Що варто запам'ятати

**Sofia:** Здається, Ian це сподобається більше, ніж 40 дат. Він бачить, у що ми цілимося і навіщо.

**Alex Tutor:** А всі інші бачать, де їхнє місце. У цьому й робота п'яти компонентів.

> **Головне**
>
> - Корисна роадмапа має п'ять обов'язкових компонентів: **бачення продукту**, **бізнес-цілі**, **теми**, **часові горизонти** й **дисклеймер**.
> - Теми — це потреби клієнтів, сформульовані як результати; кожна підтримує хоча б одну бізнес-ціль, а фічі з'являються лише як можливі рішення під ними.
> - Часові горизонти — широкі проміжки на кшталт Now / Next / Later, що ширші й розмитіші, то далі; точні дати — лише для фіксованих зовнішніх подій.
> - Короткий датований дисклеймер допомагає всім читати роадмапу як план, що змінюватиметься.
> - Додаткові елементи (фічі, стадія розробки, рівень упевненості, цільові клієнти, продуктові напрями) додають лише тоді, коли вони потрібні аудиторії.

**Alex Tutor:** На цьому модуль 1 завершено. У модулі 2 розберемося з «навіщо» за роадмапою: вхідними даними, баченням продукту та цілями з ключовими результатами.

- Попередній урок: [Результати (outcome) важливіші за вихід (output)](https://productovi.com/uk/courses/outcome-based-roadmaps/outcomes-over-outputs.md)
- Наступний урок: [Збираємо вхідні дані: життєвий цикл, ринок, клієнти, стейкхолдери](https://productovi.com/uk/courses/outcome-based-roadmaps/gathering-inputs.md)

---
Productovi Learning. Безкоштовно, читати можна без реєстрації.