Юзабилити – оформление текста на сайте
Понятие юзабилити сочетает в себе удобство и полезность. Это важный момент, который необходимо учитывать на начальном этапе планирования веб проекта. Разработчики «Siterrier» уделяют этому моменту особое внимание, ведь, например, создание сайтов Донецк, а в частности его жители, воспринимают на серьёзном уровне, и работа должна быть выполнена качественно. Речь пойдёт о визуальном оформлении текстов на сайте.
Начнём с заголовков. Заголовки различного уровня должны отличаться размером шрифта, соответственно от 1 до 6 идти на уменьшение. Текст необходимо разбивать на части и для каждой части подбирать заголовок. Он должен визуально отличаться от общего текста. Можно применить жирность, другой цвет, который будет вписываться в цветовую гамму сайта, и иметь отступы сверху и снизу. Просматривая страницу, пользователю удобнее ориентироваться по заголовкам, в поисках необходимой информации.
Затем абзацы. Абзацы должны иметь отступы друг от друга, это позволяет существенно увеличить восприимчивость и читабельность текста. Оптимальный размер шрифта – 12-14 пунктов, лучше выбрать шрифт с засечками, так как засечки будут «вести» взгляд пользователя по строке, это исключит ситуацию, когда читатель «перепрыгнет» на другую строку. Междустрочный и межбуквенный интервал должен быть либо стандартным, либо немного больше. Увеличивайте значение без фанатизма. Цвет текста и цвет фона должны сочетаться между собой, и не раздражать глаза человеку.
Теперь о списках. Нумерованный и маркированный список должны иметь отступы слева, сверху и снизу. Оптимальный отступ слева – 20-25 пикселей. У нумерованного списка должна быть нумерация, у маркированного – маркеры. Междустрочный интервал можно увеличить так, чтобы он отличался от значений в абзацах. И помните, что употребление списков в тексте любят поисковые системы, особенно, когда вы предоставляете услугу продвижения сайтов, необходимо учитывать всё, что может повысить релевантность страницы перед другими сайтами.
Немного о таблицах. Между содержимым ячейки и границами должны быть отступы. Заглавия колонок лучше обрамить тегом <th></th>. Оптимальная толщина – 1 пиксель. Если таблица большая – можно использовать два фоновых цвета для «подсветки» строк, чередую их между собой. Можно использовать прием выделения при наведении на строку, что позволит пользователю удобнее просматривать большой объём информации в таблице. Не забывайте о отступах сверху и снизу таблицы, это отдельный элемент и его необходимо немного отделить.
Зачастую, мы пробегаем глазами по тексту, поэтому выделите важные детали в тексте, это способствует скорому поиску и обращает на себя внимание.