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

Голосование
Тип Вашего интернет-проекта?

Новостной ресурс
Новостной ресурс
0% [0 Голосов]

Тематический/информационный ресурс
Тематический/информационный ресурс
18% [2 Голосов]

Социальная сеть/блог
Социальная сеть/блог
9% [1 Голос]

Корпоративный портал
Корпоративный портал
0% [0 Голосов]

Интернет-магазин
Интернет-магазин
0% [0 Голосов]

Промосайт
Промосайт
9% [1 Голос]

У меня несколько сайтов
У меня несколько сайтов
36% [4 Голосов]

У меня вообще нет сайта
У меня вообще нет сайта
0% [0 Голосов]

Другое
Другое
27% [3 Голосов]

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

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

jikaka
OfflineAdmin
· 26.04.2017 15:53
ab

Warhangel
OfflineAdmin
· 25.04.2017 23:30
ммм вообще надо организовать раздел проверенных сервисов

Warhangel
OfflineAdmin
· 25.04.2017 23:27
так вроде в разделе рекламы ag

Alex
Offline
· 25.04.2017 18:23
Костя дай права удалять темы и банить ботов. подчищать буду то что насрут

jikaka
OfflineAdmin
· 20.04.2017 06:24
Polarfox, шляпа там

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

Гости:
» [Ваш IP] 19:46:18
/Статьи
» 46.229.168.70 19:46:13
/Поиск
» 46.229.168.66 19:45:59
/Поиск
» 46.229.168.67 19:45:55
/Ссылки
» 164.132.161.94 19:45:42
/Поиск
» 46.229.168.73 19:45:31
/Поиск
» 217.182.132.184 19:45:29
/Поиск
» 51.255.65.14 19:45:16
/Поиск
» 46.229.168.65 19:45:16
/moddb/error.php
» 51.255.65.44 19:45:07
/Поиск
15 - не показано

» Всего пользователей: 1,281
» Новый пользователь: baklan
В базе имеется
аддонов: 949
тем: 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 Голоса

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

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