Інформаційна структура сайту

модуль «Веб-технології»

Урок 3

​

Повторюємо

1. Скільки груп сайтів ви можете класифікувати?
2. Що таке сайт-візитка?
3. Що входить до соціальних проектів?
4. Які різновиди комерційних сайтів ви знаєте? Наведіть приклади.
5. Що таке цільова аудиторія сайта? Назвіть іі�основні характеристики.
6. Які основні групи цільової аудиторії сайта? ��

Навігація сайтом

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

�

Для користувача простота навігації сайтом досить важливий чинник

Структура повинна бути максимально зручною, щоб користувач міг швидко знайти потрібну йому інформацію.

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

Різновиди структур сайтів

Довільна

Лінійна

Ієрархична

Лінійна структура

Найпростіша структура, де кожна сторінка посилається на наступну.

Застаріла та практично не використовується ☺

Ієрархічна (деревоподібна) структура

Навігація з головної сторінки на будь-яку зі сторінок другого рівня, і звідти – на певну сторінку третього рівня.

Третій рівень

Перший рівень

Другий

рівень

Другий

рівень

Другий

рівень

Третій рівень

Третій рівень

Третій рівень

Третій рівень

Другий

рівень

Найбільш поширена структура ☺

Довільна структура («matrix»)

Навігація здійснюється в довільному порядку

​

Яскравий приклад такої структури - Вікіпедія. �

Сторінка 3

Типи сайтів з різними структурами

• Сайт візитка
• Комерційний сайт
• Інтернет магазин
• Інформаційний сайт

​

Структура сайту-візитки

Головна

Про компанію

Контакти

Прайс-лист

Наша продукція

Структура комерційного сайту

ЛЕНДІНГ (landing page) - посадкова сторінка

Сторінка-вітрина розробляється з врахуванням психології відвідувачів.

Вона має чіпляти й не відпускати їх до самого моменту покупки (або реєстрації).

Це може бути передплатна сторінка, завдання якої зводиться до отримання електронної адреси користувача, який зайшов на сторінку ( таким чином збирається база потенційних покупців)

Складність структури сайта

Складність структури сайта визначається двома параметрами: рівнем вкладеності і збалансованістю.

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

Не рекомендується, щоб це значення було більше від 3.

Збалансованість визначають «на око», оцінюючи кількість документів усередині розділів і рубрик. Не повинно бути сильних перекосів, коли в одному розділі 100 документів, а в іншому 25 .

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

Розробка структури сайту-портфоліо на папері

X-mind

X-mind безкоштовна програма для побудови інтелект-карт, структур і діаграм різних процесів.

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

�

Draw.io

Безкоштовний онлайн-сервіс для створення структур і діаграм (необхідна наявність пошти від Google).

В арсеналі містить більше інструментарію, ніж у X-mind, є ціла низка технічних і інженерних шаблонів, можливість завантаження результату на Google-диск та інші сервіси.

Створення структури сайту за допомогою сервісу Draw.io

Аналізуємо. Обговорюємо

1. Що таке інформаційна структура сайта?
2. Назвіть параметри складності структури. Як вони розрізняються?
3. Яка структура характерна для будь-якого сайта?
4. Що таке посадкова сторінка? Яка мета її створення?
5. Обґрунтуйте, чим важлива структура сайта? �

Домашнє завдання

Створіть за допомогою будь-якого онлайн-сервісу структуру інформаційного сайту або інтернет-магазину.�

Автори презентації:

Речич Наталія

Гімназія №178 м.Києва

Коваленко Оксана

СЗОШ №2 м.Чернігова