converlab

Дизайн. Юзабилити. Конверсия.

Written by: Дмитрий Наумов on 27.04.2011 @ 2:25 пп

О читабельности (удобочитаемости) и разборчивости текста на Converlab было написано уже достаточно (взять хотя бы, чек-лист по юзабилити или пост «Как простыми средствами улучшить читабельность сайта»), но как правило данный вопрос обсуждался в теоретической плоскости. На этот раз я хочу предложить вашему вниманию 4 практических совета от портала UX Booth с моими комментариями:

- Используйте свойство text-shadow
Не каждый шрифт и не на каждом устройстве способен отображаться гладко. Проблему можно решить если добавить практически неуловимую тень.

h1 {
font-family: serif;
text-shadow: 0 0 1px transparent;
}

Результате должно получиться примерно следующее:

свойство text-shadow

- Используйте свойство «text-rendering»
Text-rendering – пока еще относительно новое средство оптимизации параметров отображения текста. Тем не менее, его уже можно использовать в Webkit. Значение «optimizeLegibility» (text-rendering: optimizeLegibility;) определяет более точный рендеринг (правда, по идее в ущерб скорости).

- Определите оптимальное количество символов в строке и межстрочный интервал
Большинство исследователей считают, что оптимальное количество символов в строке лежит в диапазоне 45-75. Понятно что универсальное значение на все случае жизни не назовет никто, поэтому предлагаю вам определить оптимальное значение длины колонки или строки экспериментальным путем.

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

Такой авторитетный специалист по типографике, как Джеймс Феличи, предлагает следующую формулу расчета — разделите значение длины колонки (в пиках) на кегль шрифта, значение округлите. Полученное число добавьте к кеглю и получите близкий к оптимальному интерлиньяж (если я написал очень путано, давайте разберем в комментариях).

В то же время, вы можете не заморачиваться с расчетами, а положиться на интуицию и подобрать оптимально значение «на глаз»:

оптимальный межстрочный интервал

- Используйте максимальный контраст
О контрасте я уже упоминал в данном посте, поэтому лишь. кратко напомню, что согласно рекомендациям WCAG2.0, отношение контраста текста к фону должно быть не менее 4,5:1.

У меня на этом все, давай обсудим!

Popularity: 6% [?]

Поделиться в соц. сетях

0

Tags: , , , ,

Catogories: Дизайн, Юзабилити

Comments are closed.