Для чого потрібне ТЗ при створенні веб ресурсу

Вперше стикаючись із поняттям "технічне завдання", ті, хто тільки занурюється в IT, як і в будь-яку іншу сферу, може недооцінити важливість цього етапу під час роботи з проєктом. Якщо ви на словах домовилися з клієнтом про функціонал і дизайн нового сайту, це не означає, що ви мислите на одній хвилі. Існує ймовірність того, що ви по-різному зрозуміли завдання, а на фінальній стадії проєкту, клієнт побачить не те, на що він розраховував. Як результат - конфлікт. Тож давайте детально розберемося, що ж таке "технічне завдання" з чим його їдять і чи "їстівний" він в цілому як для розробника, так і для клієнта.

Що таке техзавдання

Перш ніж переходити до більш детальних моментів, торкнімося азів. Для початку потрібно розібратися в самому понятті "технічне завдання". Адже ТЗ буває різним, залежно від сфери діяльності. Техзавдання - це затверджений замовником і спеціалістами документ, в якому детально фіксуються всі вимоги до сайту. Чим детальніше сформовано технічне завдання - тим менше ризик непорозуміння і недомовленостей.

Які переваги ТЗ для замовника і виконавця

Розробка веб ресурсу - процес складний. Тому, щоб уникнути постійних змін і виправлень, технічне завдання може принести користь як клієнтові, так і розробнику, в результаті чого, кожен залишиться задоволеним результатом.

Переваги для замовника

• Наявність чіткої структури. Клієнт бачить, як буде виглядати його сайт у майбутньому, які елементи будуть перебувати на його веб ресурсі, а також яка робота буде виконана.
• Розуміння бюджету. Замовник зможе побачити бюджет проєкту в цілому, а також детальну інформацію щодо вартості кожного процесу.
• Можливість уберегти себе від некомпетентних виконавців. Технічне завдання дає можливість пройтися по всім пунктам після того, як розробники надали вам готовий сайт. Ви зможете перевірити, наскільки ефективно був виконаний план і чи всі пункти ТЗ були враховані.
• Перевірити компетентність виконавця. Навряд чи у клієнта виникнуть претензії до тих, хто детально і зрозуміло розписав технічне завдання. Саме завдяки цьому замовник може легко переконатися в тому, що він зробив правильний вибір і найняв фахівців, а не шахраїв.

Переваги для виконавця

• Наявність продуманого плану. В інтересах розробників розписувати техзавдання за всіма пунктами. Адже цей документ може стати опорою під час створення сайту.
• Знання побажань клієнта. Якщо ТЗ погоджено з клієнтом, то в руках у виконавця з'являється путівничок побажань замовника. Завдяки цьому, розробнику не потрібно буде кожен раз просити менеджера уточнювати деталі або ж додумувати їх самостійно (що дуже не рекомендується).
• Захист від неочікуваних побажань клієнта. Багатьом знайома ситуація, коли угоду з клієнтом було досягнуто, всі деталі обговорені, а пізніше виявляється, що замовник хотів ще "це, це і ось це". Саме в таких ситуаціях ТЗ стане вашим "щитом", адже якщо воно узгоджувалося з клієнтом спочатку і він затвердив всі побажання, питань виникати не повинно.
• Маленький спосіб заробити. Багато компаній також оплачують роботу зі створення технічного завдання, що є приємним бонусом.

Хто повинен складати техзавдання: замовник чи виконавець?

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

Основні вимоги до стилю документа

Тепер, коли ми знаємо, що таке технічне завдання і які його переваги для кожної зі сторін, давайте пройдемося по основним вимогам до документа. А вимога тут одна - пишіть точно і ясно. Заливання води по вінця призведе до того, що замовник прочитає цікаву п'єсу в трьох діях, у кінці якої запитає: "Цікаво. А як щодо сайту? " ТЗ - це не художній твір, а спланований до дрібниць документ, де структуровано викладаються всі моменти, що стосуються майбутнього сайту.

Яку інформацію має містити технічне завдання

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

Загальна інформація: цілі та завдання проєкту

Не варто нехтувати загальною інформацією, так як в майбутньому над цим проєктом можуть працювати не тільки розробники, але також і маркетологи, SEO фахівці або менеджери. Тому обов'язково в декількох реченнях вкажіть сферу діяльності компанії і цільову аудиторію (ЦА).

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

Увага: не пропустіть етап пояснення різних складних термінів, щоб клієнтові не доводилося шукати інформацію самостійно. Самонавчання - завжди прекрасна ідея, але клієнт звернувся до вас не за цим.

Вимоги до хостингу

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

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

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

Технічні вимоги до сайту

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

Не полінуйтеся вказати в технічному завданні, що веб сайт повинен якісно відображатися у всіх браузерах і на всіх пристроях. Також варто згадати про вимоги до швидкості завантаження сайту, так як це впливає і на SEO просування.

Структура сайту

Вказівка ??структури сторінок в ієрархічній послідовності дозволить більш детально і зрозуміло зобразити майбутню структуру сайту. Однак також не забудьте вказати, які елементи є наскрізними, а які з них - унікальними сторінки.

До наскрізних елементів відносимо: шапку і підвал сайту, бічні панелі, спливаючі форми і вікна - ті деталі, які з'являються на кожній сторінці сайту. Унікальні ж сторінки називаються саме так, оскільки вони вимагають більше часу і сил з боку дизайнера і розробника. Саме на їх базі будуть створюватися, а також множитися сторінки веб ресурсу.

Приклад опису сторінки:

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

Макет кожної сторінки

Загального опису сторінок ніколи не буває достатньо для того, щоб клієнт кивнув і сказав: "Зійде! Роби". Кожен замовник хоче повністю зрозуміти задум виконавця. Саме для цього і потрібні макети кожної сторінки сайту. Завдяки створенню прототипів сторінок, клієнт зможе самостійно вивчити структуру свого майбутнього веб сайту і вказати на те, що б він хотів змінити або додати, а що його повністю влаштовує.

Функціональні особливості

Якщо у вас залишилися які-небудь функціональні особливості, які складно віднести до конкретної сторінки, виведіть їх в окремому розділі. Дуже популярним прикладом служить розділ коментарів. Детально опишіть процес модерації та публікації коментарів, вкажіть всі, навіть найнезначніші, елементи, які будуть присутніми в цьому розділі.

Вимоги до дизайну сайту

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

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

Блог

• Фон сайту - білий.
• Фірмовий колір - синій.

На закінчення

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