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

В даній статті я поділюся своїм досвідом вибору 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-студію, яка б ідеально відповідала його вимогам. Буває, що студію доводиться міняти вже в процесі розробки дизайну. Це непросто і неприємно, але успіху добиваєшся тільки тоді, коли виходиш за рамки буденного.

З ув., Олена Камська.

Опубліковано: 03/10/12 @ 10:13
Розділ web дизайн

SEO Блог