Як не наступити на граблі, замовляючи дизайн сайту?

Відео: Історія відносин. Чехарда зрад або скільки разів можна наступати на одні й ті ж граблі ?! Частина 1

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

Хочу попередити відразу, що мова піде про дизайн для серйозного проекту (корпоративного сайту, інтернет-магазину, порталу).

несерйозний підхід

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

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

З власного досвіду таких ситуацій можу сказати, що замовнику пощастить, якщо в результаті макет буде хоча б на 50% відповідати його очікуванням. Що далі? В процесі складних тривалих уточнень і роз`яснень макет кілька разів змінюється, правиться, "вдосконалюється", і в результаті все-таки з натяжкою затверджується. Дизайн натягується на движок, сайт виходить у відкритий доступ. А через 3-4 місяці замовник усвідомлює, що при розробці дизайну забули врахувати ще одну "деталь" - юзабіліті.

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

Професійний підхід

А тепер про те, як потрібно замовляти дизайн сайту в ідеалі.

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

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

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

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

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




6. Розробка та затвердження прототипів. На підставі ТЗ будується прототип кожної сторінки. Прототип - це схематичний макет без дизайну, який визначає розмір і положення елемента в макеті. Затверджені замовником прототипи передаються дизайнеру, починається останній етап робіт.

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

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

Що робити, якщо немає грошей на професійну студію, але не хочеться бути лузером?

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

Ваше завдання - не просто якомога детальніше описати вимоги до дизайну, але зробити документ чітким, структурованим і зрозумілим. Дуже важливо використовувати маркування пунктів, щоб при подальшому обговоренні ТЗ будь-яка зі сторін могла просто посилатися, наприклад, на пункт "4 B", а не пояснювати, що мова йде про момент, описаному на 3-й сторінці в другому абзаці знизу.

Отже, базове ТЗ на розробку дизайну сайту має містити:




1. Загальний опис сайту
Які мети сайту, хто є його цільовою аудиторією? Які відчуття він повинен викликати у відвідувачів - довіру, радість, солідність, оригінальність і т.д. З чим повинен асоціюватися? Чи повинен запам`ятовуватися? Іншими словами, в цьому пункті потрібно зосередити увагу на емоційні характеристики майбутнього дизайну. Не раджу зводити цей пункт до опису типу «Гарний дизайн, який повинен викликати позитивні емоції». Повірте, поняття краси і позитиву у вас і у дизайнера може дуже сильно відрізнятися.

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

3. Загальні побажання по дизайну:
- варіанти переваг за колірною гамою, бажано з прикладами, які можна генерувати за допомогою сервісу Colorscheme. ru-

- Розмір сайту (гумовий, фіксований, мультіразмерний) і дозвіл, під яке його потрібно буде адаптіровать-

- Базова структура сторінки: кількість колонок, наявність шапки і футера та інших наскрізних елементів-

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

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

Шапка: яке її цільове призначення? Повинна привертати до себе увагу, або навпаки - не кидатися в очі? Які Інфоблоки повинні там розміщуватися? і т.д. Футер - аналогічно шапці. Призначення, зміст, акценти.

Опис меню повинно містити перелік посилань (або блоків посилань) в порядку ієрархії. При необхідності потрібно уточнити, на яких пунктах має акцентуватися увага і які є побажання по оформленню і підсвічуванні посилань.

5. Опис кожної сторінки, для якої потрібно макет

Опис кожного макета має включати:

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

- список всіх елементів, які буде містити тематична частина (картинки, таблиці, текст, форма відгуків, форма пошуку і т.д.) -

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

- при необхідності - список елементів, на яких ви хотіли б акцентувати увагу відвідувачів (потрібно лише у випадках, коли для них передбачено пов`язані з цільовим призначенням сторінки, описаним вище).

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

Що робити, якщо вам потрібно скласти ТЗ на дизайн сайту, але ви навіть не уявляєте, з якого боку підійти до цього питання? Знайдіть компанію, яка допоможе визначитися з концепцією і структурою сайту і на підставі вашого бачення проблем цільової аудиторії складе виразне ТЗ. До речі, (у нас теж є така послуга).

На закінчення хочу сказати, що пошук адекватної компанії може бути довгим і болісним процесом. Чим більше у замовника досвіду, тим складніше йому вибрати web-студію, яка б ідеально відповідала його вимогам. Буває, що студію доводиться міняти вже в процесі розробки дизайну. Це непросто і неприємно, але успіху добиваєшся тільки тоді, коли виходиш за рамки буденного. джерело: lt;