Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
webdesign_kg.doc
Скачиваний:
2
Добавлен:
01.04.2025
Размер:
2 Мб
Скачать
☆

Контрольні питання

  1. Як зазвичай побудовано сканер?

  2. Які характеристики сканерів існують?

  3. Які методи боротьби з муаром існують?

  4. Які рекомендації щодо сканування зображень ?

  5. Яку роздільну здатність слід обирати для різних застосувань?

  6. Як захищається авторське право на фотографії?

7 Розробка системи навігації

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

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

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

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

За місцерозташуванням гіперпосилання поділяють на: зовнішнє, внутрішнє, неактивне.

Зовнішнє гіперпосилання веде на файл, розташований поза даним сайтом; внутрішнє - на файл, розташований у даному сайті; неактивне гіперпосилання вказує на недоступний файл.

За видом гіперпосилання може бути:

  • текстовим – слово або фраза, яким призначена URL-адреса;

  • у вигляді рисунка, якому призначена URL-адреса.

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

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

Гіперпосилання може перебувати у чотирьох станах. Для кожного зі станів можна підібрати кольори, які використовуватимуться у веб-браузері.

  1. Гіперпосилання, що не використовувалось.

  2. Активне гіперпосилання — вибране в поточний момент.

  3. Переглянуте гіперпосилання — гіперпосилання, по якому вже було здійснено перехід.

  4. Гіперпосилання, які вказують, що відвідувач знаходиться на конкретній сторінці.

Строго кажучи, можна задавати тільки перші три стани гіперпосилання. Четвертий стан – колір тексту сторінки сайта.

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

Таблиця 7.1 - Порівняльні характеристики для гіперпосилань, реалізованих різними способами

Вид системи навігації

Текстові ролловери

Графічні ролловери

Низхідне меню

Максимальна кількість різних станів

60%

40%

30% - 40%

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

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

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

Рисунок 7.1 – Види розташування навігації

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

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

Інші приклади розташування навігації наведені на рисунку 7.1.

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

Розглянемо деякі структури навігації.

1. Лінійна структура. Сторінки сайта розташовуються строго одна за одною. Зручна для створення невеликого за кількістю сторінок сайта з малою кількістю гіперпосилань і послідовним викладом матеріалів.

Рисунок 7.2 – Лінійна структура

2. Структура у вигляді грат. Заснована на побудові системи навігації сайта, коли між вертикальними і горизонтальними елементами (сторінками) є взаємний зв'язок і можливість швидкого переходу з однієї сторінки на іншу без необхідності відвідування проміжних сторінок. Подібна структура приводить до зайвого збільшення гіперпосилань. Її застосування обмежене для великих сайтів, тобто сайтів із великою кількістю сторінок.

3. Ієрархічна (дворівнева) структура. При натисненні на одне з гіперпосилань відвідувач переходить в один з основних розділів сайта, в якому, аналогічно, можуть бути розміщені гіперпосилання на решту сторінок даного розділу. При дворівневій системі навігації, забезпечується можливість створення сайта, що складається менше ніж з 600-700 html сторінок. Ураховуючи, що на одній сторінці сайта можна розмістити 3-4 сторінки формату А4, загальна кількість інформації на сайті складе 2000-2500 сторінок формату А4.

Рисунок 7.3 – Структура у вигляді грат

Рисунок 7.4 – Ієрархічна (дворівнева) структура

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

Рисунок 7.5 – Заплутана система

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

Рисунок 7.6 – Глибока система

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

Таблиця 7.2 - Рекомендовані числа рівнів (глибина посилань) залежно від кількості сторінок

Число сторінок сайта

До 30-40

від 30-40 до 600-700

більше 600-700

Оптимальне число рівнів сайта

Однорівнева система навігації сайта

Дворівнева система навігації. Допустиме включення третього рівня для 10-15% сторінок

Трирівнева система навігації. Допустиме включення четвертого рівня для 10-15% сторінок

 

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

Число базових html сторінок сайта

Корисна площа сайта, що займає система навігації сайта, %

до 30

до 5

30-300

5-10

300-1000

10-15

більше 1000

15 і більше

 

Основні види навігації

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

2. Основна навігація сайта Посилання на найважливіші сторінки сайта або розділи.

3. Глобальна навігація сайта. Включає посилання на сторінки, які повинні бути доступні з будь-якої сторінки сайта. Наприклад, посилання на домашню сторінку. Останнім часом популярним став такий хід: не розробляти глобальну навігацію в рамках однієї системи управління сайтом і єдиного шаблону візуального інтерфейсу, а як мінімум повністю розділяти шаблони для мовних версій, і навіть більш того - розділяти не тільки шаблони, але і взагалі сайти, виносити їх на різні домени, наприклад, "імя_сайта.uа" і "site_name.com".

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

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

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

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

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

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

7. Довідкова навігація сайта дозволяє його відвідувачу зрозуміти, в якому розділі сайта він знаходиться.

8. Навігація сайта, що "відкривається". Реалізується у вигляді різних низхідних меню. Найчастіше використовується для економії місця.

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

10. Навігація по URL. Дозволяє зрозуміти, в якому місці URL-структури ви знаходитеся.

Про визначенні довжини гіперпосилань системи навігації сайта важливо знати:

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

  2. Чим довша назва гіперпосилання, тим суттєвішою буде зміна її довжини при перегляді відвідувачами сайта з різним розміром шрифту, установленим у своєму браузері (дрібний, середній, великий і т.д.).

  3. Як правило, дизайн компонування сторінок сайта тестуються на можливість їхнього перегляду без спотворення із середнім і дрібним шрифтом (10 або 12 пт.).

  4. Оптимальна довжина гіперпосилання системи навігації сайта - 15-20 знаків, включаючи пробіли. Перевищення числа знаків більше 22-24 може серйозно вплинути на спотворення компонування сторінок сайта при перегляді сайта з крупнішим шрифтом. Тут і далі мова, у першу чергу, іде про систему текстових гіперпосилань.

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

  6. Заборона на можливість відвідувачеві сайта самостійно змінювати розмір шрифту у своєму браузері - одна з типових помилок. Не у всіх відвідувачів сайта 100% зір.

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

Наприклад, у сайті, присвяченому продажі металопрокату, гіперпосилання замість довгої назви «Сталь арматурна періодичного профілю класу А-3» доцільно назвати «Арматури А-3».

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

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

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

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

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

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

Виділення системи навігації серед іншого наповнення сайта здійснюється найрізноманітнішими способами. Це може бути підкреслення, курсив і жирне накреслення, маркований список, колірна заливка й накладення тіней, зміна параметрів конкретного пункту навігаційного меню й т.д., і т.п. Слід зазначити, що наявність пояснювального напису типу "Меню навігації" або "Зміст" поруч із пунктами навігаційної системи - наслідок небажання розробників показати найважливіший елемент сайта у вигідному для відвідувача варіанті. Для ілюстрації цього твердження візьмемо звичайний пульт дистанційного керування телевізором: при першому ж погляді на нього стає зрозуміло, що кнопки "1, 2, 3, 4, 5..." відповідають певному телевізійному каналу. При цьому на жодному ПДУ не присутні пояснення типу "Кнопки перемикання каналів".

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

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

Як же варто будувати навігаційну ієрархію? Насамперед, необхідно виділити ті розділи сайта, які містять інформацію, що представляє найбільший інтерес для потенційного відвідувача. Наприклад, на сайті, присвяченому послугам мобільного зв'язку, можуть бути такі розділи: "Відправлення SMS", "Форум", "Мелодії" і "Каталог телефонів". Зважаючи на те, що такий сайт відноситься до категорії контент-проектів, можна затверджувати, що найбільший інтерес для користувача буде представляти розділ, де подані моделі телефонів. Функцією відправлення коротких текстових повідомлень, як правило, користуються на сайтах самих стільникових операторів, або на спеціалізованих серверах з SMS-шлюзом. Пошук мелодії можна віднести до розряду розваг, на відміну від пошуку моделі телефону або відправлення SMS. Форум буде цікавий тим, що надає можливість задати питання, які цікавлять користувача, поділитися досвідом або просто поспілкуватися. Таким чином, з огляду на прогнозовані користувацькі переваги, систему навігації можна побудувати в такому порядку

:

Каталог телефонів

Відправлення SMS

Мелодії

Форум

Рисунок 7.7 – Приклад меню

У наведеному прикладі пункт навігаційного меню "Форум" варто виділити від трьох попередніх, тому що його зміст може прямо не відноситися до тематики сайта.

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

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

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

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

Крім цього, якщо Інтернет-проект присвячений спеціалізованій тематиці (наприклад, "Гідрофобізовані теплоізоляційні матеріали" або "Система керування дебіторською заборгованістю"), то треба, по можливості, уникати складних термінів і формулювань у назві розділів сайта (або принаймні мінімізувати їхню кількість), пам'ятаючи про те, що аудиторію сайта, крім фахівців у даній області, можуть становити й люди непосвячені, які тільки починають роботу в цій галузі, для яких сприйняття подібних найменувань буде утруднено.

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

Незайвим буде додати, що спільне використання зрозумілих і простих найменувань і підказок за допомогою HTML-тегів ALT і TITLE стане основою складання ефективної й інформативної назви пунктів системи навігації.

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

Цьому критерію повністю відповідає текстова навігація, тому що звичайний текст відображається всіма існуючими браузерами - незалежно від версії й наявності програмних надбудов (plug-ins). У випадку відсутності в браузері підтримки стильових таблиць CSS або відключення цієї опції самим користувачем текстові посилання будуть відображатися відповідно до настроювань, установлених за замовчуванням, однак меню буде доступним для використання.

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

Реалізація навігації за допомогою HTML-форм також практично позбавлена будь-яких обмежень. Єдине, що варто пам'ятати розробникові, - це те, що деякі браузери (за винятком MSIE) можуть некоректно обробляти HTML-код низхідних меню, який не розміщується у парі тегів <FORM></FORM>. А керування навігацією через HTML-форм за допомогою різних сценаріїв повинне виключати наявність програмних помилок (також, якщо навігацією управляє JavaScript-сценарій, існує ймовірність того, що така опція буде відключена в браузері користувача).

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

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

Деякі розроблювачі переконані, що їхній потенційний користувач використає Microsoft Internet Explorer 6, у якому постійно включена підтримка графіки й Java і встановлений Macromedia Flash Player останньої версії. Тим часом як і раніше більшість користувачів Інтернету користується доступом, який має повільні або середні за швидкістю лінії, що найчастіше позбавляє їх можливості переглядати Flash-ролики й Java-апплети, і відключає підтримку графіки. До того ж частина з них користується браузерами інших виробників.

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

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

  1. Система навігації сайта відволікає увагу відвідувачів від товарів і послуг.

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

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

  4. Надзвичайно глибока система навігації.

  5. Неможливість перегляду системи навігації сайта при відключенні перегляду графіки відвідувачем сайта.

  6. Недостатня або надлишкова кількість гіперпосилань на веб-сторінці.

  7. Авангардне (нетрадиційне) місце розташування системи навігації сайта. Оптимальне місце розташування системи навігації в сучасних багатосторінкових бізнесах-сайтах - вертикально ліворуч.

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

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

  10. Неможливість змінити розмір шрифту в системі навігації сайта.

  11. Дуже довгі назви кнопок керування системи навігації.

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

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

  14. Відсутність сторінки "допомоги "на сайтах із великою кількістю html сторінок. Бажано дати можливість відвідувачеві сайта ознайомитися з тим, як організована система навігації сайта. Особливо актуально це у випадках, коли число html -сторінок сайта становить від кількох сотень.

  15. Недостатня кількість гіперпосилань на головній сторінці сайта, що забезпечує швидкий доступ до основних сторінок сайта. Бажано щоб головна сторінка сайта містила  гіперпосилання, які забезпечують перехід із цієї сторінки на не менше ніж 90% сторінок сайта, але не більше ніж 150-200 гіперпосилань. Можна зустріти рекомендації, згідно з якими на сторінці сайта повинно бути не більше 7 ± 2 гіперпосилань. Замовляючи розробку сайта, у якому повинно бути більше 100 сторінок, важливо піклуватися про те, наскільки швидко відвідувачі сайта зможуть у ньому розібратися.

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

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

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

Замовникові немає необхідності розбиратися в оптимізації системи навігації сайта. Це повинен робити професійний веб-дизайнер.

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

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

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

У випадках, коли сайт складається з кількох сотень html сторінок, загальне число гіперпосилань (кнопок керування) може досягати декількох десятків тисяч. Тільки теоретично при розробці сайта можна відразу визначити оптимальне число його гіперпосилань.

При редизайні навігації важливо знати, що:

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

  2. не маючи відразу всього контента сайта, розробити оптимальну систему навігації веб-дизайнеру складно.

  3. оптимізація навігації сайта може коштувати недешево. Часто буває, що вартість оптимізації навігації сайта може коштувати половину й більше від вартості розробки власне самого сайта.

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

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

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]