Карта сайту та індекс що це таке і для чого це потрібно

[ виправити ] текст може містити помилки, будь ласка перевіряйте перш ніж використовувати.

скачати

Chiara Fox

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

Вам все тут зрозуміло?

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

Карти відображають або загальну (тільки верхні рівні), або докладну (всі рівні) структуру сайту. Елементи, включені в карту сайту, повинні відповідати елементам глобальної навігації. У даному прикладі з сайту "LL Bean" (рис. 1), жовті елементи відповідають головним глобальним навігаційним категоріям сайту: "Home," "Shop," "Explore the Outdoors," "My Account," і "Customer Service." Збігаються не тільки назви категорій, але ще і порядок їх відображення. Кожна з цих категорій має у своєму складі підкатегорії, виділені синім кольором (наприклад: "Men's", "Outdoor Tips & Gear", "FAQs"). Третій рівень ієрархії сайту вже представлений простими текстовими посиланнями.

Представлена ​​карта відмінно справляється з показом різних розділів сайту LL Bean. А візуальний дизайн карти ще більше підкреслює ієрархію сайту. Легко зрозуміти, що до чого відноситься: "Men's" є частиною розділу "Shop", а Log In / Register "- частиною" My Account ". Все виглядає охайно і впорядковано, незважаючи на те, що ми бачимо цілих три рівні ієрархії. Окремі посилання додатково пояснюють значення підкатегорій, в яких вони містяться. Наприклад, категорії "Footwear," "Active Clothing," і "Casual Clothing" більш докладно пояснюють, що мається на увазі під назвою розділу "Women's".

На противагу до цього карта сайту Гарвардського університету не відповідає ні структурі сайту, ні навігації по ньому. Усього лише два розділи збігаються з такими ж в глобальній навігації ("Campus Life" та "Admissions"). Два інших розділу є варіаціями на тему кількох розділів глобальної навігації. Наприклад, "Admissions" співвідноситься з пунктом меню "Admissions & Financial Aid" глобальної навігації, а "Libraries and Museums" взагалі присутній в глобальній навігації у вигляді двох окремих елементів. Частина, що залишилася елементів карти сайту використовує інші назви, або взагалі не присутня в числі елементів глобальної навігації.

Перший розділ карти "About Harvard" - є пунктом, який зустрічається лише в "підвалі" сайту. Підкатегорії розділу "About Harvard" фактично не відповідають тим, що розташовані на самій сторінці "About Harvard". З 10 посилань розділу "About Harvard" половина веде назад до сторінки "About Harvard" замість того, щоб вести до якоїсь конкретної сторінці по темі посилання.

Карта сайту Гарвардського університету надає слабку допомогу користувачеві в розумінні структури ресурсу. Змішуючи глобальну навігацію і "підвальні" елементи, вона не дозволяє користувачеві зрозуміти значимість і взаємне логічне розташування елементів. Крім того, користувач позбавлений можливості знову відшукати потрібні елементи, покинувши карту і перебуваючи десь у надрах сайту. Де була ця посилання: в глобальній навігації, або ж я бачив її в "підвалі"? Назви одного й того ж елемента в карті, глобальної навігації (а іноді і на одній і тій же сторінці) різні. Через це користувачеві важко переконатися, що він потрапив на потрібну сторінку. Назви посилань, які є схожими, але не однаковими, змушують користувача думати про те, чи потрапив він на потрібну сторінку чи ні. Це змушує зайвий користувача зайвий раз замислюватися про прості речі.

Просто, як абетка

На відміну від карти сайту, яка показує його структуру, індекс сайту забезпечує доступ до певних сторінок і розділів. Індекси найбільш зручні для пошуку чогось конкретного, вже відомого користувачеві. Як писав Фред Лейзі (Fred Leise), "через індекси користувач отримує доступ до вмісту сайту, спираючись на власний словник понять, а також він може знайти речі, обговорювані, але не згадуються в тексті". Крім того, індекси забезпечують більш тонку ступінь деталізації матеріалів сайту, так як вони на відміну від карт можуть вказувати на конкретні згадки про людей, місця і речі, а не на загальні розділи. Індекси матеріалів сайту надають можливість працювати з матеріалами методом "від часткового до загального", "знизу вгору".

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

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

Індекс складається їх список усіх тем, висвітлених на сайті W3C. Головні теми (такі як "architecture"), розбиті на підкатегорії (наприклад, "Design Issues") та допомагають користувачеві звузити фокус пошуку. Слово "See" ("Дивись") допомагає користувачеві знайти те, що йому потрібно, "переводячи" поняття зі словника користувача в слова, які використовуються на сайті. На рис. 3 ніде не зустрінеш термін "annotations" ("анотації"), але замість нього є кілька посилань на категорії, пов'язані з анотаціями ("Annotea", "Amaya", і "Ruby Annotation"). Це говорить користувачеві про те, що те, що він шукає, є на сайті, але під трохи іншими назвами. Крім цього є покажчики "see also" ("дивися також"), відправляють користувача за додатковою інформацією з даного терміну, на який він зараз дивиться. На рис.3 в розділі "Annotea" можна бачити два покажчика на "Semantic Web" і "Amaya". Покажчики, подібні "See" і "See also", не будуть зайвими і для вашого індексу. Але головне - не перестаратися, а то за ними не стануть видні головні терміни списку.

Незважаючи на досить хорошу якість, дещо в індексі сайту W3C можна поліпшити. Наприклад, оглядова замітка (пояснення того, що ж все-таки включено до індексу), розташована в нижній частині сторінки. Було б краще помістити її вгорі, так, щоб користувачі з самого початку знали, що ж із себе представляє вміст індексу. Крім того, W3C непогано було б замкнути перехресні посилання. Раз вже "Annotea" посилається на "Amaya", то і "Amaya" повинна мати посилання на "Annotea". Логічно припустити, що якщо одне відноситься до іншого, то є й зворотний зв'язок, і користувачеві будуть цікаві обидва пов'язаних терміна.

Індекси бувають декількох різновидів. Перший тип - індекс охоплює всі розділи сайту, прикладом тому - індекс з сайту W3C. Також існують індекси товарів, відсортовані за алфавітом або по інвентарному номеру. Такі списки-індекси особливо корисні на сайтах, що представляють велику кількість продуктів або складні їх набори. Сайти університетів, подібні Гарвардському або Єльському, могли б розмістити індекс своїх дочірніх сайтів-сайтів окремих факультетів, коледжів, клубів, що входять до складу університету.

Корпоративний сайт компанії PeopleSoft, Inc. використовує обидва типи індексів: індекс сайту та індекс продукції. Індекс цього сайту, який отримав нагороду "Web Index Award for 2002-2004" австралійського суспільства "Australian Society of Indexers", охоплює всі головні теми, освітлені на сайті, включаючи інформацію про компанію PeopleSoft та контактні дані. Назви товарів в індекс не включені, так як для цього створено спеціальний індекс товарів. Тим не менш, в індекс сайту включені основні "лінійки", що випускається, це зроблено для тих користувачів, які можуть не здогадатися про існування переліку товарів окремим списком.

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

Так що ж мені вибрати?

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

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

Рішення про використання індексу також залежить від того, якого роду інформація розміщена на сайті. Чи має сенс сортувати вміст вашого сайту за алфавітом? Для сайту LL Bean, наприклад, індекс нічим не допоможе користувачам, так як вони звикли шукати одяг за категоріями (наприклад, "Men's", "Camping", "Active wear"), а не відшукуючи її в алфавітному списку. Для такого сайту найкраще підходить саме карта, а не індекс.

Де розташувати?

Що б ви не вибрали для свого ресурсу: карту або індекс, або і те і інше, користувач повинен мати до них доступ з будь-якого закутка вашого сайту. Розташовуйте посилання завжди в одному і тому ж місці, наприклад в підвалі "сторінки" або серед інших елементів вторинної навігації. Якщо на вашому сайті є розділ допомоги, дозволите посилання і туди теж - тому що загубився користувач може не помітити посилання в її основному місцезнаходження. Непогано розмістити посилання на карту або індекс на сторінці з результатами пошуку по сайту, особливо вони стануть в нагоді, якщо при пошуку нічого не знайдено.

Найчастіше посилання на карту сайту так і називають - "Карта сайту". За даними дослідження групи Нільсена-Нормана (Nielsen Norman Group), що проводилися в 2002 році, "... така назва застосовувалася і відмінно працювало на шістдесяти трьох відсотках сайтів" з числа досліджуваних. Не застосовуйте назву "Індекс сайту", якщо тільки мова не йде про алфавітному списку. Якщо у вас є індекс перелік товарів, подбайте про те, щоб його назва та короткий вступне опис відрізняли його від індексу всього сайту.

На сайті PeopleSoft користувачі користуються індексом сайту та індексом товарів частіше, ніж картою сайту. І тому є декілька пояснень. По-перше, індекс сайту дає більш повний огляд в порівнянні з картою, надаючи більше конкретної інформації, ніж просте перерахування основних розділів і підрозділів сайту. Всі терміни дані по кілька разів на різних варіантах зі взаємними посиланнями на той випадок, якщо користувачі будуть шукати термін "jobs", а PeopleSoft воліє термін "careers". По-друге, служба підтримки компанії спеціально відсилає користувачів до індексу сайту в ситуаціях, коли ті не можуть чогось на ньому знайти. У цьому випадку індекс грає роль списку "ярликів" і таким чином користувачеві не треба глибоко впроваджуватися в нетрі ієрархії сайту в пошуках потрібної інформації. І нарешті, індекс популярний через те, посилання на нього завжди на очах. Посилання на карту і індекс є в "підвалі" кожної сторінки, в розділі "Допомога", і на сторінці з результатами пошуку. Але посилання на індекс сайту присутній також поряд з пошукової формою в лівій навігаційній панелі. Через це посилання на індекс сайту завжди знаходиться вгорі сторінки і тому частіше привертає увагу.

Полегшите собі життя

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

У компанії PeopleSoft наша система управління сайтом - Interwoven's TeamSite - дозволяє нам використовувати одну й ту ж карти, індекс сайту і індекс товарів на всіх наших корпоративних сайтах. Завдяки цьому інформаційна архітектура на всіх сайтах одна й та ж: на корпоративному сайті, на сайтах для наших клієнтів і на сайтах для наших партнерів. Вся інформація, призначена для загального користування, доступна на веб-сайтах для наших клієнтів. На сайтах ж для наших партнерів присутня та ж сама інформація плюс додаткова інформація, призначена тільки для партнерів. Кожне ключове слово в індексі ми позначаємо особливим тегом видимості, керуючись якими система показує або ховає це ключове слово в залежності від того, який користувач зайшов на сайт.

У грудні 2002 року система сайтів компанії PeopleSoft складається з 21 сайту для різних країн світу. Інформаційна архітектура цих сайтів подібна до тієї, що використана на основному корпоративному сайті, а вміст переведено на місцеві мови та адаптовано до місцевої торговельної політики фірми: в індексах представлені тільки ті товари, які продаються в цих країнах. Ми поступово оновлюємо шаблони, які використовуються для створення індексів цих сайтів, так щоб з допомогою тегів описувати назви наших товарів для кожної з країн. Це дозволить нам перейти від двадцяти двох окремих індексів (для кожного сайту) до десяти (по одному для кожної мови). Кожен індекс буде містити англійська назва товару і його місцеве найменування. Це дозволить користувачеві знайти будь-який товар в індексі користуючись або рідним або англійською мовою.

Висновок

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

Додати в блог або на сайт

Цей текст може містити помилки.

Програмування, комп'ютери, інформатика і кібернетика | Реферат
32.8кб. | скачати


Схожі роботи:
Твори на вільну тему - Для чого потрібно вчитися 1
Твори на вільну тему - Для чого потрібно вчитися 2
Толстой л. н. - Для чого жити і що таке я
Омар Хайям - Чого таке людина
Що таке ціна товару з чого вона складається
Що таке аускультація перкусія пальпація Прилади для аускультації Що таке ЕКГ місце електрод
Цвєтаєва m. і. - Що потрібно людині для щастя
Що потрібно людині для щастя по ліриці М І Цвєтаєвої
Для чого потрібні щеплення
© Усі права захищені
написати до нас