Забыли пароль?
Запросите новый здесь.

Голосование
Что вас интересует на нашем сайте больше всего?

База аддонов
База аддонов
11% [1 Голос]

Форум, поиск ответов
Форум, поиск ответов
33% [3 Голосов]

Общение
Общение
33% [3 Голосов]

Новости
Новости
0% [0 Голосов]

Другое
Другое
22% [2 Голосов]

Голосов: 9
Вы должны авторизироваться, чтобы голосовать.
Начат: 16.05.2017 07:06

Архив опросов
Случайная тема
Друзья проекта
Unlogic W0rst Lab
All Fusion :: Плагины, моды, темы оформления для 6 и 7 версий PHP-Fusion
Система Smart для PHP-Fusion
Миничат
Только пользователи могут отправлять сообщения.

Alipapa
Offline
· 18.07.2017 22:13
тоже попадалась

Alex
Offline
· 18.07.2017 12:50
встретилась реклама в директе тык ab

jikaka
OfflineAdmin
· 12.07.2017 11:14
Alex, потому что лето...

Alex
Offline
· 11.07.2017 16:32
опять тишина

Alex
Offline
· 26.06.2017 18:41

Архив миничата
Сейчас на сайте
» Гостей: 29

Гости:
» [Ваш IP] 06:34:41
/Статьи
» 217.182.132.32 06:34:34
/Поиск
» 217.182.132.92 06:34:33
/Поиск
» 46.229.168.77 06:34:30
/Поиск
» 137.74.207.109 06:34:27
/Поиск
» 137.74.207.101 06:33:54
/Поиск
» 46.246.56.15 06:33:49
/Логин
» 46.229.168.67 06:33:40
/Поиск
» 164.132.161.2 06:33:31
/Поиск
» 46.229.168.80 06:33:24
/Поиск
19 - не показано

» Всего пользователей: 1,304
» Новый пользователь: well-web
В базе имеется
аддонов: 952
тем: 137
Иерархия статей
5 способов улучшить читабельность сайта
В данной статье представлены 5 простых способов для повышения уровня читабельности материалов вашего сайта. Такие действия существенно улучшают удобство использования ресурса и повышают его рейтинг у пользователей.

1. Правильно используйте типографику

Наверняка вам знакомы такие термины как кернинг, трекинг, высота строки, интерлиньяж, засечка, рубленый шрифт и так далее…

Типографика является очень важным аспектом дизайна веб сайта. Особенно сейчас, когда все больше и больше людей начинают использовать свойство @font-face в CSS и сервисы, подобные Typekit, которые позволяют применять несовместимые с веб шрифты на их сайтах.


Даже самый лучший шрифт не поможет, если вы не будете использовать основные рекомендации. Используйте стандартную типографическую шкалу, вместо того, чтобы создавать свою собственную. Если вы работаете с пикселями, то шкала выглядит как набор размеров шрифта: 12, 14, 16, 18, 21, 24, 36, 48, 60, 72. Она позволит легко задать иерархию типографики. Всегда используйте размеры шрифта из стандартной шкалы.

2. Эффективно используйте свободное пространство

Если все слеплено в кучу и нет четкого разделения между различными элементами, то чтение ваших материалов и навигация по вашему сайту становится очень сложным делом. Убедитесь, что вы оставили для вашего контента, кнопок, списков, меню и других элементов достаточно свободного места для жизни.

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

3. Используйте выравнивание по сетке


Если текст и элементы дизайна расставлены хаотично, то материал очень трудно читать и сканировать. Использование сетки существенно помогает в организации контента и направлении пользователя к ключевым элементам на странице, например, к кнопке "Заказать".

Существует несколько хорошо известных и широко используемых систем для организации сетки на сайте, например, 960.gs и Blueprint , которые вы можете использовать на своем сайте при разработке дизайна.

4. Эффективно используйте контраст цветов


Очевидно, что сетка, размер и тип шрифта очень важны для читабельности сайта. Но также играет существенную роль и цветовая гамма. Светло серый цвет текста на белом фоне может очень нравиться вам, но для некоторых людей такое сочетание делает текст абсолютно не пригодным для чтения. Если вы нацелены на привлечение широкой аудитории на свой сайт, то стоит сделать текст более темным, чтобы поднять уровень его читабельности. А в случае с темным фоном текст надо делать как можно более светлым.

Настройке контраста стоит уделить достаточное внимание. С его помощью можно привлечь внимание к важным элементам страницы, и "скрыть" от сканирования то, что не нуждается в выделении.

Для определения уровня контраста между элементами дизайна, фоном и текстом можно использовать дополнительные инструменты, например, "Colour Contrast Check".

5. Пишите короче и используйте указатели

Как уже отмечалось в данной статье, пользователи не читают, а сканируют материалы на странице. Делайте ваши материалы как можно короче и удаляйте все лишнее (если, конечно, вы не пишите онлайн роман). Разбивайте все на параграфы и списки. Используйте указатели для списков (лучше всего в виде стрелочек или точек).

Просматривайте ваши материалы и удаляйте не нужные слова и предложения. Наверняка вы сможете уложить сообщение в 50 слов вместо 100, которые использовались сначала. Если ваши материалы будут отражать суть сообщения, да еще и с юмором, то посетители их оценят - даже не сомневайтесь.



По материалам ruseller.com

Поделиться этой статьей
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:


#1 | jikaka 31.10.2012 14:13
Avatar
Отсутствует
Супер Администратор
Активный
С 26.07.2010 12:10
полезная статья!
мысли | фото
#2 | Rush 20.11.2012 15:43
Avatar
Отсутствует
Администратор
Активный
С 31.08.2010 14:41
хорошо, но первый пункт во многом зависит от шрифта
AnnetLab | @annetlab | GitHub Addons repo | AL Shop - open source e-shop for PHP-Fusion | PHPtoday.ru
www.cwer.ru/files/u215323/skach0ibtq6.gif
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
5 (Отлично!) - 2 Голоса

Рейтинг доступен только для пользователей.

Пожалуйста, авторизуйтесьили зарегистрируйтесь для голосования.