Мар
16

Какие тексты удобно читать пользователям в Интернете? 10 правил удобочитаемости!

При поддержке: Сервис хранения бэкапов от 1$ и до 500Gb. Промо-код: BACKUP99 – скидка 99% на первый месяц. Топ-1 на zapili.net!

Пока отдыхал на Бали, дочитал книгу Тима Эша, которую рекомендовал Дмитрий Сатин на ашмановской конференции – Landing Page Optimization в русском переводе издательства Манн, Иванов и Фербер. Перевод немного корявый, но общие мысли, которые хочет донести до читателя Тим, понятны и чертовски интересны. Постепенно буду публиковать в раздел Юзабилити сайтов интересные фрагменты книги в виде тезисов в моей интерпритации.

Сегодня пост по оформлению текста для максимального удобство его прочтения (читабельности).

#1 Начертание шрифтов

Используйте шрифты без засечек (еще их называют Sans Serif или рубленные). Классическими примерами являются Arial, Verdana, Tahoma и другие. На экранах мониторов, имеющих гораздо меньшее разрешение, чем печатные материалы, засечки на краях букв мешают чтению. Классический шрифт с засечками, который ухудшает читабельность – Times New Roman.

Какие начертания шрифтов удобно читать, а какие нет

#2 Размеры шрифтов

В подавляющем большинстве случаев удобнее всего читаются кегли 10-12. Шрифты более крупного или Оптимальный размер шрифта на сайте для чтенияболее мелкого размера замедляют чтение и потому повышают утомляемость пользователей. Исключение могут составлять сайты для пожилых людей. Они обладают слабым зрением, поэтому для ресурсов с подобной аудиторией стоит увеличить размер до шрифта до 12-14, а также убедиться, что строки разделяет достаточный интервал.

#3 Разнообразие шрифтов

Не рекомендуется использовать большое разнообразие начертаний, цветов и размеров шрифтов. Это раздражает пользователей. Взгляните, например, на шрифты на сайте Сергея Мавроди:

Разнообразие цветов шрифтов затрудняет чтение

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

Читать запись полностью »