Люди не склонны читать длинные тексты, если не заинтересованы в содержимом. Поэтому задача дизайнера подать текст так, чтобы он легко сканировался. Для этого можно использовать разные приемы. Цитаты, выноски, резюме, списки с буллитами и другие. Давайте разберем, какие приемы форматирования точно стоит взять на вооружение.
Длинные тексты - это сколько?
Все тексты на сайтах, в статьях, на страницах, превышающие 1000 символов - это длинный текст и ему нужно форматирование.
Форматирование не может быть бездумным, сначала разбираем что за текст, какие у него есть смыслы, можно ли его сократить или сделать понятнее.
Форматирование
Если это статья, то удобнее всего читателям добавить оглавление в начале, конечно, кликабельное.
Чтобы создать оглавление, нужно текст разбить на смысловые контентные блоки. У каждого блока должен быть заголовок. Внутри могут быть подзаголовки.
На обычных страницах, так тоже полезно сделать. И уже на отдельных частях контента применять самые популярные приемы форматирования. Не забывайте, что простыню текста читать не будет никто, следите за блочностью и легким скроллингом, а также за длинной строк. Текст в ширину на стандартных мониторах не должен превышать 850 пикселей, строчки длиннее читать не удобно.
5 удачных приемов подачи текста, чтобы его прочитали
1. Краткое содержание каждого блока выделенное цветом (фон) или дополнительными дизайнерскими приемами.
2. Списки маркированные, можно использовать нестандартные буллиты. Используют для любых перечислений внутри смысловых блоков.
3. Выноски и цитаты. Выноски - выделенные фрагменты текста, к которым вы как дизайнер, считаете, что нужно привлечь внимание. Цитаты оформляются похоже, но дополняются кавычками и подписью автора. Для привлечения внимания используют цвет, иконки, границы и так далее
4. Выделение в тексте ключевых идей жирным шрифтом. Иногда можно выделить и курсивом, если это подходит под стиль сайта и не мешает читабельности. Но! Никогда не выделяйте важный текст цветным текстом. Он привычно считывается как ссылка и читатели будут пытаться на нее кликнуть. Не расстраивайте их.
5. Используйте иконки и дополнительные изображения, если вам важно привлечь внимание к довольно большому по объему тексту, который нельзя выделить жирным. Также изображениями можно проиллюстрировать идеи статьи/страница, добавить графики и диаграммы или использовать картинки для отделения смысловых блоков. Работа с изображениями поможет сделать страницу более живой и яркой.