Просторовий дизайн веб-сторінок
Згідно з дослідженнями користувач найбільше часу приділяє розгляду Г-подібної області екрана (рис. 7.23), зазвичай зосереджується на виділених світлим кольором областях і майже не звертає уваги на ті, що мають інший колір.
Спочатку користувач розглядає верхню частину екрана по горизонталі, потім переводить свій погляд на текст, що завдовжки дещо менший за верхню частину. Ці дослідження свідчать про те, що відвідувачі сайту не читають веб-сторінок, а лише переглядають їх. Тому дуже важливо, щоб основна інформація була зосереджена на початку сторінки, а для виділення важливої інформації та привернення уваги відвідувача слід використовувати заголовки, списки та поділ тексту на абзаци.
Інформаційне наповнення веб-сторінки
Визначивши просторове розміщення елементів веб-сторінки, можна переходити до її наповнення інформацією. Розглянемо правила підбору та оформлення тексту у веб-просторі.
Підготовка текстів
Текст був і залишається головним джерелом інформації в мережі Інтернет. Його подання впливає на те, як читач сприймає веб-сайт. Основні правила написання текстів для Інтернету такі.
♦ Писати менше. Оскільки відвідувачі не читають, а лише переглядають веб-сторінки, тексту на них має бути небагато. Потрібно писати стисло, лаконічно і тільки найважливіше. Чим чіткішим буде викладення, тим текст краще сприйматиметься.
♦ Використовувати принцип «оберненої піраміди». Він полягає у тому, що спершу подають найважливіші відомості, які згодом пояснюють і деталізують. Ключова інформація має розміщуватись на початку тексту, абзацу, речення.
♦ Викладати найважливішу інформацію на початку сторінки. Цей принцип набуває особливої важливості, якщо матеріал не вміщується на екран, і потрібно використовувати прокручування. Якщо важлива інформація буде розташована нижче від першого екрана, відвідувач може її просто не побачити.
♦ Продумати заголовки. Вміло складені заголовки привертають увагу. Короткий, влучний, привабливий заголовок обов'язково буде помічений відвідувачем сайту. Крім того, заголовки допомагають структурувати матеріал на сторінці, підкреслюючи логіку його побудови.
- Структура веб-сайтів
- Створення та підтримка веб-ресурсів в автоматизованому режимі
- Форуми та чати на веб-сайтах
- Створення та ведення блогів
- Використання таблиць для розміщення об'єктів на веб-сторінці
- Використання зображень у веб-документах
- Вставлення зображень на веб-сторінку
- Ергономіка
- Просторовий дизайн веб-сторінок
- Вибір шрифтового оформлення
- Колір у веб-дизайні
- Текстури у веб-дизайні