95% користувачів не читають 80% вашого контенту (до таких висновків прийшли розробники CWsites)
Той, хто займається публікацією контенту в мережі (пише блоги, публікує матеріали на сайті) має знати, що існують правила з оформлення сайтів. Правила, звісно "неписані" - твій блог (сайт), як хочеш, так собі і оформлюй. Але ж, кінцева мета - текст має бути прочитаний. Згодні? Тоді перед початком публікації варто ознайомитися з рекомендаціями з оформлення сайту.
Переглянула купу матеріалу з цього приводу, відібрала та узагальнила найбільш важливі, як на мене, рекомендації. Результатом ділюся з вами :)
Шрифт
Використовуйте лише стандартні шрифти (Arial, Verdana, Times New Roman, Georgia, Trebuchet MS). Найкращим з них, на мій погляд є Verdana (яким написано даний текст), бо він без закарлюк, є строгим і читаним.Розмір шрифту
Рекомендовано встановлювати розмір шрифту 12 або 14 пунктів (як даний текст).Крім того, необхідно дотримуватися оптимального співвідношення між розміром шрифту (font-size) і висотою рядка (line-height). Оптимальним значенням є співвідношення 1x1,5 (значення висоти рядка в 1,5 рази більше значення розміру шрифту). Наприклад, якщо розмір шрифту 12 пікселів, то висота рядка буде 12х1,5=18 пікселів.
Не зловживайте використанням ЗАГОЛОВНИХ ЛІТЕР. Крім того, що вони менш читабельні, їх використання асоціюється лише з криком.
Заголовки
Використовуйте підзаголовки (теги h1…h6). Це корисно не лише для візуального сприйняття інформації читачем, а й для пошукових серверів.Пам'ятайте - в заголовках крапка не ставиться.
Для заголовків можна застосовувати вирівнювання по центру.
Не "відривайте" заголовок від тексту зайвим відступом.
Виділення тексту
Не використовуйте більше 3-х шрифтів на сторінці. Причому, враховується не тільки шрифт, а й колір та виділення (жирним, курсивом, підкресленням).Загальний текст має бути написаний звичайним шрифтом (не курсивним, не жирний, не підкресленим).
- Жирний - для заголовків (хоча, тут є різні погляди, все ж таки, більшість джерел радять використовувати жирний шрифт саме так).
- Курсив – для привернення уваги читача до окремого елементу тексту (хоча, особисто я схильна виділяти важливий текст саме жирним, а не курсивом… Мабуть, доведеться прислухатися до порад).
- Підкреслення – для посилань.
Звісно, ви можете використовувати виділення й не лише за цими правилами. Головне – не виділяти забагато тексту одночасно!
Посилання
Де факто встановився стандарт, згідно з яким посилання повинні використовувати синій колір (# 00f / # 00C або # 369 / # 069), підкреслений текст, який має ставати червоним при натисканні і пурпуровим для відвіданих посилань (визначайте стилі для псевдо класу :visited).Абзац
Для оформлення абзаців в Інтенет-текстах використовується не відступи від лівого краю, як зазвичай, це робимо в друкованих текстах, а за допомогою інтервалу між абзацами.Вирівнювання тексту
Вирівнюйте абзац по лівому краю (це - найбільший удар по моїй уяві в оформленні контенту)!Якщо в друкованих виданнях, в основному, застосовують вирівнювання тексту по ширині сторінки, то в електронних склалася традиція застосовувати вирівнювання по лівому краю. До того ж, існує думка, що в цьому випадку підвищується швидкість читання, тому що читач швидше знаходить початок наступного рядка.
Обсяг тексту
Розбивайте текст на невеликі параграфи - читач не має прокручувати тест більше ніж на 2,5-3 екрани.Майте на увазі, що оптимальна довжина рядка тексту - 9-10 слів. Намагайтеся уникати використання дієприслівникових та дієприкметникових зворотів.
Навігація по сайту
Прагніть досягнення такого правила - кожен документ сайту повинен бути доступний з 3-х клацань миші.В меню верхнього рівня не повинно бути більше ніж 7 пунктів. Людина просто не може сприймати більшу кількість пунктів одночасно. Тому, на верхньому рівні необхідно розташовувати тільки найважливіші сторінки. Тут діє правило - "чим менше - тим краще".
- зліва розташовуються головні пункти, якими найчастіше користуються,
- праворуч - маловідомі й нові сторінки.
Це правило є дуже важливим для сайтів, де інформація поділена на декілька смислових блоків.
Складіть для користувачів карту сайту з посиланнями на найбільш важливі його розділи. Якщо на карті сайту занадто багато посилань, можна розбити її на кілька сторінок.
Контент
Подумайте, за якими ключовими словами користувачі будуть шукати ваші сторінки і включіть ці слова в текст на сайті.Перед публікацією ретельно перевіряйте текст на помилки. Переконайтеся, що всі посилання працюють.
- контактних даних (адреса, номери телефонів, електронна пошта), які розміщуються праворуч;
- зовнішніх посилань, які залишають посередині;
- рекламних оголошень і слоганів, які знаходяться зліва.
Логотип
Перше, що бачить користувач, який зайшов на сайт - його логотип (якщо, звісно, в його розмістили). Розташування цього важливого елементу залежить від популярності ресурсу. А саме:- якщо сайт ще не користуються великою популярністю, то логотип необхідно виставляти у правому верхньому куточку сторінки;
- якщо сайт вже досить «розкручений», то - в лівому верхньому кутку.
Робиться це тому, що зображення у верхньому правому куті екрану запам'ятовуються людиною несвідомим чином.
