Про користь точності темплейтів

Юрій Шиляєв

Мінськ

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

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

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

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

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

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

Спробуємо виділити, ніж потрібно точність темплейтів:

Точність виконання правил звичайного світу

Мається на увазі, що якщо 2х2 = 4, то й на Темпле заради економії часу не можна писати 2х2 = 2. У замовника можуть виникнути питання, і він попросить переробити.

Точність опису даних у Темпле

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

Точність опису функціональності

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

Візуальна чіткість

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

Акуратність

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

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

Малюнок 1. Поганий темплейт

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

Малюнок 2. Хороший темплейт

Зручний для замовника, тому що дозволяє відразу бачити всі елементи майбутнього сайту в реальному вигляді. Дизайнеру не буде потрібно довго розбиратися з описом шаблону, щоб зробити ескіз. Посилання на опис блоків допоможуть не заплутатися в описі темплейти.

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

Точність і акуратність виконання темплейтів виправдовується надалі.

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

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

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

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

Список літератури

Для підготовки даної роботи були використані матеріали з сайту http://software-testing.ru/