Розробки в галузі ВЕБ-дизайну

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

Бездоганний графічний дизайн не завжди веде до хорошого дизайну інтерфейсу. Сайт, який виглядає надзвичайно, але заплутує користувача, – це провальний сайт.

Кожен сайт говорить з певною аудиторією. Немає єдиного рецепту по дизайну будь-якого сайту.

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

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

Чітко сформулював усі важливі аспекти побудови сайту Дж. Гарретт [8], він відмітив, що для того, аби створити сайт, дружній для користувача, значить подбати про те, щоб на сайті з користувачем не відбувалося нічого, що заздалегідь не було заплановано розробником сайту. Для цього треба врахувати всі можливі дії, які користувач може зробити на сайті, і передбачити його відчуття на кожному етапі роботи з сайтом. Завдання начебто здається важким, і в деякому сенсі це так. Однак, якщо розділити весь процес розробки сайту на складові елементи, можна краще зрозуміти його вцілому. Дж. Гарретт відмітив важливість розуміння структури веб-сайту при його створенні.

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

Поверхня. На поверхні видно набір веб-сторінок, які складаються з графіки і тексту. За деякими із зображень можна клікнути (англ. click – клацання) і виконати тим самим будь-яку дію. Інші ж зображення є лише ілюстраціями, наприклад, малюнок книги або логотип сайту.

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

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

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

Стратегія. Рамки проекту задаються стратегією сайту. На стратегічному рівні визначається не тільки те, що отримають від сайту його власники, але те, що повинні отримати від сайту його користувачі. У прикладі книжкового магазину, котрий нам приводить Дж. Гаррет, деякі стратегічні цілі видно цілком ясно: користувачі хочуть купити книги, а власники сайту їх продати.

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

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

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

Рішення, що приймаються на кожному рівні, впливають на набір рішень, які можна прийняти на наступних рівнях. Цей «хвильовий ефект» означає, що вибір якогось рішення на нижньому рівні зажадає повторного переосмислення рішень на верхніх рівнях.

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