Не економте на інформаційній архітектурі сайту, Комерція, Різне, статті

Making Cents from Information Architecture
автор: Alan K “necht

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



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


Чому люди воліють зрізати кути і йти найкоротшим шляхом? Безліч розробників вважає, що вони знають, що таке ИА, і тому будують і тримають архітектуру сайту в голові, а не на папері. Інші в дійсності знають, що таке ИА, але все ще тримають її в голові. Це може спрацювати для трехстраничного сайтик, але як бути, якщо сайт починає рости, або до розробки підключається ще один веб-розробник, якого теж треба присвятити в архітектуру сайту, або, скажімо, на веб-сайт треба додати ще матеріалів або нові функції? Додаткові витрати злетять до небес, і дуже швидко. Перефразовуючи відому рекламну фразу: «Ти або платиш сьогодні, або завтра – але вже більше».


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


Мені подобається одне з визначень, яке належить Матті Лангенбергу (Mattie Langenberg):


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


Я ж застосовую більш струнку формулювання, коли роз’яснюю сутність ІА клієнтам:


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


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


Бібліотеки, що використовують картотеки, можуть здатися архаїчними, але насправді вони дуже сучасні. Давно минули ті часи приватних книжкових зібрань, в яких книги реєструвалися за правилами, придуманим самим власником. Найчастіше при реєстрації записувалися ім’я автора, назва, тема або навіть літературний жанр (п’єса, роман і т.п.). Відвідувач такої бібліотеки чи знайшов би потрібну йому книгу без допомоги укладача цієї самої бібліотеки. Але сучасні бібліотеки швидко пристосували під свої потреби систему, названу Десяткової системою Дьюї (Dewey Decimal System – DDS) на ім’я створив її в 1876 році бібліотекаря Мелвіл Дьюі (Melvil Dewey). Його ідея сортувати книги по десяти категоріях зробила революцію в бібліотечній справі. Система DDS стала першим кроком на шляху створення високоорганізованої і гнучкої схеми інформаційної архітектури для книг.


Бібліотекарі взяли DDS за основу і приступили до створення витонченої системи організації книг, причому такий, щоб їй міг користуватися будь-хто. Кожній книзі в бібліотеці привласнюється номер (відповідно з DDS), і створюється кілька карток – одна для назви книги, інша – для імені автора, ну і ще дещо по необхідності. Кожна картка містить одну і ту ж інформацію, але проіндексована по різним ключовим полям. Користувачеві всього лише потрібно знати ім’я автора або назву книги, за якими легко знайти її в бібліотеці. За цими картками можна швидко відшукати будь-яку книгу серед сотень тисяч інших.


Ця концепція інформаційної архітектури прекрасно працює, якщо вам відома назва книги або ім’я автора. Що щодо більш загального пошуку? Індекс в DDS розподіляє інформацію за первинними категоріями (Від однієї до десяти) і потім ділить їх на все більш дрібні і дрібні підкатегорії таким чином, що користувачеві ясно, де розташована конкретна книга по конкретній темі. Ця система, розроблена задовго до появи комп’ютерів, але в неї немає жодних проблем із сучасними книгами з комп’ютерної тематики.


Така продуманість і гнучкість, те, що потрібно, коли мова заходить про розробку ИА для веб-сайту. Уявіть, у що б перетворилися бібліотеки, якби система DDS не змогла вмістити в себе все нові теми і підтеми, що з’явилися на світ за минулі 125 років. Скільки часу бібліотекарям довелося б щоразу витрачати на реорганізацію їх каталогів і перестановку їх карток? Може здатися дурним, але … скільки разів ви ламали голову над тим, як поміняти положення матеріалів на сайті або як втиснути додатковий пункт у вже готове меню навігації?


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


Тепер, розібравшись в суті Інформаційної Архітектури, запитаємо себе, яке її значення в Web-розробці? Повернемося до прикладу з бібліотекою, ИА це не зовнішній вигляд бібліотеки, не то, як і де розташовані полки і з чого вони зроблені. ІА – це те, як розсортовані книги. А картки картотеки – це ефективний інструмент навігації, який допомагає користувачам знайти те, що вони шукають.


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


Web-розробникам слід пам’ятати, що ИА – це скелет сайту, “движок” (бази даних, javascript, cgi і т.п.) – м’язи, і HTML код – шкіра. В якості іншої аналогії можна взяти будівлю будинку. В цьому випадку ІА – це план-креслення будинку, з якого починається будь-яке будівництво. База даних – це фундамент, запити до неї – каркас, і HTML – штукатурка і фарба. Без архітектурного плану гарний будинок не побудувати.


Чому ж тоді багато розробників починають з розробки зовнішнього вигляду? Це те питання, на який потрібно відповісти самим розробникам, і який потрібно роз’яснити клієнтам. Багато хто вважає, що пара сторінок сайту, намальованих дизайнером в Фотошопі, це і є інформаційна архітектура. Але це не так, насправді це візуальна архітектура (presentation architecture), тобто те, що інформація, взята з ИА, буде показана. Це – майже еквівалент юзабіліті. Повертаючись до прикладу з бібліотеками, візуальна архітектура – це всього лише питання, того як виглядають картки каталогу. Але насамперед треба подбати про те, щоб інформацію на картках (Web-сторінках) можна було легко знайти і легко прочитати.


Коли мова заходить про засоби і часу (коефіцієнт окупності інвестицій – ROI), необхідних для досліджень, документування, і розробку ИА, менеджери й самі інформаційні архітектори весь час кажуть в загальних словах, описуючи загальну картину. І зовсім рідко згадують вигоди й економію від ИА. Так як ІА розглядається лише як порожня трата грошей, а всі сили і засоби віддаються створенню гарного інтерфейсу, не дивно, що часто ИА відсувають на задній план, а то й зовсім викреслюють із плану робіт за проектом. Щоб вам легше було відстоювати свою позицію по ИА в цьому непростому світі, ми наведемо кілька аргументів на користь ІА:


Положення в рейтингу пошуковиків – Розбиваючи Web-сайт на правильні розділи (з логічно обгрунтованими заголовками), ІА допомагає виставити на перший план ті ключові елементи, які використовуються пошуковими серверами при обчисленні релевантності сторінок (сюди входять назви сторінок, ключові слова, назви каталогів і файлів). Хіба погано для компанії, якщо посилання на її Web-сайт виявиться в числі перших 10-20 результатів пошуку?


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


Розміщення файлів – Ті, кому доводилося обслуговувати великий веб-сайт, знають, як багато часу йде на пошук файлу, який треба оновити. Чим краще ИА, тим швидше ви знайдете цей файл. Хороша ІА визначає категорії, за якими можна розбити інформацію. Як веб-розробник, ви повинні просто дотримуватися цих категорій, створюючи структуру каталогів і привласнюючи імена файлів. Тоді, для внесення змін вам не доведеться йти на сайт, і шукати потрібну сторінку тільки для того, щоб по її URL-у визначити ім’я файлу. Тепер ви можете викликати будь-який файл сайту зі свого редактора навіть не знаючи шляху до нього. Пам’ятайте, що структура іменування каталогів і файлів, побудована на ІА також використана пошуковими серверами для ранжирування сторінок (див. пункт № 1). Хіба це не знизить витрати на розробку в майбутньому? Важко сказати точно на скільки саме, але приблизно це може скласти економію від 1 до 5%, залежно від частоти та природи внесених змін.


Немає потреби в редизайні – Як часто вам доводилося міняти цілі розділи сайту тільки через те, що треба було додати щось нове. Приділивши належну увагу ИА, як і у випадку з системою Dewey Decimal System, ви з легкістю зможете додавати будь-які нові матеріали і при цьому вам не доведеться повністю переробляти сайт. Скільки це допоможе заощадити грошей скажемо за пару років? Тисячі і тисячі доларів, залежно від розмірів і складності сайту.


Скорочення часу розробки – Виділивши заздалегідь час на розробку продуманої ИА Web-сайту, загальний час розробки сайту можна скоротити на 10-25%.


Інформаційна Архітектура це цілком певна, зрозуміла і цінна дисципліна в мистецтві Web-розробки. Web-розробники просто зобов’язані оволодіти цією дисципліною і не забувати про неї в будь-якому проекті. Якщо ж вам потрібен “крутий” інформаційний архітектор, загляньте в бібліотеку, вам підійде будь-який її працівник, який закінчив вуз за фахом «бібліотечна справа» (Library Science degree).


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*