Інформаційна архітектура в Інтернеті частина 2

Продовжую викладати конспект книги. Перша частина тут.

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

Назва

Назва — найбільш наочний спосіб показати користувачеві, як організований сайт, і прояснити систему навігації по ньому.

Щоб уявити собі, наскільки вдалим може виявитися цю розмову, подивіться на головну сторінку, наприклад, вашого сайту і задайте собі кілька питань:

  • Кидаються в очі, головні позначення цієї сторінки? Якщо так, то чому? (Часто виявляється, що вдалі позначення не видно – вони залишаються непоміченими.)
  • Якщо позначення нове, несподіване або збиває з пантелику, то чи є до нього пояснення? Або для того, щоб отримати додаткові відомості, треба виконати якусь дію, наприклад клацнути кнопкою миші?

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

Позначення

Звичайно, в Інтернеті зустрічаються два типи позначень: текстові і у вигляді значків.

Розглянемо їх докладніше:

Контекстні посилання

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

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

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

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

Тому перш ніж створювати контекстну посилання і давати їй позначення, необхідно поставити питання: «Яку інформацію буде розраховувати отримати користувач у результаті переходу за посиланням?».

Заголовки

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

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

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

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

Читайте також  Чистота в майстерні гика. Частина 2

В сутності, позначення повинні повідомляти користувачам, звідки почати, де продовжити і яка дія буде виконуватися на кожному проміжному кроці

Позначення в системах навігації

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

Користувачі покладаються на «розумну» поведінку системи навігації, яка повинна рівномірно розміщуватися і виглядати на сторінці: позначення повинні вести себе так само. Ефективне застосування позначень необхідно для створення відчуття комфорту, тому вони не повинні змінюватися від сторінки до сторінки.

Піктограми

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

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

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

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

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

Створення позначень

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

Слід завжди пам’ятати про наявність синонімів та омонімів, а так само про вплив контексту на сприйняття сенсу конкретних термінів. Але, навіть прийняті стандарти не безперечні: абсолютно не можна бути впевненим, що посилання «Головна сторінка» правильно інтерпретують 100% користувачів сайту.

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

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

Так що ж зробити, щоб позначення (імена) були менш двозначними і більш репрезентативними?

Корисно дотримуватися наступних двох правил:

1. По можливості звузьте область дії сайту:

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

Читайте також  Shader — це не магія. Написання шейдерів у Unity. Введення

2. Розробляйте не позначення, а їх послідовні системи.

Послідовність визначається багатьма обставинами:

1. Стилем
Несистематичне застосування пунктуації і регістра символів – поширений недолік систем позначень. Його можна зробити менш помітним або взагалі усунути, спираючись на керівництва з вибору стилів.

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

3. Синтаксисом
Часто доводиться зустрічатись зі змішаним вживанням позначень, заснованих на дієсловах (наприклад, «Причеши свою собаку»), іменників (наприклад, «Дієта для собаки») або питаннях (наприклад, «Як привчити собаку до чистоти?»). Виберіть єдиний синтаксис для кожної конкретної системи позначень і намагайтеся дотримуватися його.

4. Ступенем деталізації
У рамках однієї системи позначень корисно, щоб вони були представлені приблизно з однаковим ступенем конкретності. За деякими винятками (наприклад, покажчики), неприємно зустрічати набори позначень, що належать до різних рівнів деталізації. Ось приклад: «Китайські ресторани», «Ресторани», «Ресторани мексиканської кухні», «Ресторани швидкого харчування», «Ресторани Burger King».

5. Повнотою
Користувачів можуть спантеличити явні прогалини в системі позначень. Наприклад, якщо на сайті торгівлі одягом є «брюки», «галстуки», «взуття», але чомусь пропущено «сорочки», виникає подив. У них дійсно немає сорочок чи допущена помилка? Повнота охоплення не тільки сприяє однаковості, але і допомагає користувачам швидко побачити і збагнути вміст, який пропонується на сайті.

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

Створення нових систем позначень

Ваш власний сайт

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

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

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

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

Автори вмісту

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

Представники користувачів і експерти в предметній області

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

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

Читайте також  Правила дизайну, вихід на новий рівень і дизайн-мислення

Набагато важче виявилося скласти список термінів для неспеціалістів. Ідеального словника ми не знайшли, а взяти позначення з вмісту сайту не могли, тому що його ще не було. Тому нам дійсно довелося почати з чистого аркуша.

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

Ми вивчили загальні потреби і виділили з них кілька головних:

  1. Користувачу потрібна інформація щодо виниклої проблеми, хвороби чи стану.
  2. Проблема пов’язана з певним органом або частиною тіла.
  3. Користувач хоче дізнатися про діагностичних процедурах або тестах, які будуть проводитись медичними фахівцями для вивчення проблеми.
  4. Користувачу потрібна інформація про лікування, ліки або рішення, які будуть йому запропоновано.
  5. Користувач хоче знати про систему оплати за медичне обслуговування.
  6. Користувач хоче знати, як йому підтримувати стан свого здоров’я.

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

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

Налаштування і доведення

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

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

По друге, треба відредагувати список, щоб досягти однаковості застосування, пунктуації, регістра букв і т. д., врахувавши міркування щодо дотримання однаковості.

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

Якщо система позначень сайту організована за темами, спробуйте вгадати, які теми ще не охоплені сайтом. Ви можете з подивом виявити, що додавання таких «уявних» тим зробить істотний вплив на систему позначень і, можливо, навіть вимагатиме змінити вже прийняті угоди.

Степан Лютий

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

You may also like...

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *