Простыня превращается... или 10 способов оформить длинные тексты на сайте

27 октября 2022

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

Создать сайт в Алматы заказать

Как оформить длинный текст на сайте

Что мы можем сделать:

  • Структурировать информацию и оформить отдельными визуально привлекательными блоками. Часто такие блоки помимо текста имеют заголовок, продающий призыв, изображение.
  • Разбить информацию и сделать табами (вкладками). Эффективное средство для решения проблемы с «нехваткой места» на странице сайта. Заголовки табов могут быть выстроены по горизонтали или вертикали. Сами названия табов могут быть словами или иконками или сочетанием и того и другого.
  • Разбить информацию и оформить переключение в виде слайдов. Эффекты переключения слайдов могут быть самыми разнообразными.
  • Скрыть часть информации под спойлером, открываемом при клике. (Пример: «Читать далее» во Вконтакте).
  • Разбить информацию на отдельные блоки и сделать их открываемыми по принципу аккордеона. При помощи вложенной структуры аккордеона можно не только сэкономить место на странице интернет-проекта, но и придать ей индивидуальность. 
  • Сделать часть информации всплывающими подсказками или открывающейся во всплывающем окне. Учтите, однако, что это может затруднять удобный просмотр информации на мобильных устройствах.
  • Способ, часто считающийся устаревшим - использование окна прокрутки текста. В этом случае у Вашего текста появляется полоса прокрутки аналогичная, например, полосе прокрутки браузера.
  • Сделать часть текста показываемым при наведении или клике по изображению. Часто используют для вывода описания фото, текста акции на баннере и т.д. Желательно, чтобы пользователю было понятно, какое действие он должен выполнить для получения дополнительной информации и где она скрывается.
  • Если это перекликается каким-либо с тематикой сайта, информацию страницы или блока можно оформить в формате книги/буклета с эффектом листания страниц.
  • Еще раз перечитать текст и по возможности превратить часть его в инфографику. Инфографика – визуализация данных или идей, целью которой является донесение сложной информации до аудитории быстрым и понятным образом. Средства инфографики помимо иллюстрированных изображений могут включать в себя графики, диаграммы, блок-схемы, таблицы, карты, списки и т.д.

Важно при оформлении текстов

  • Не скрывать изначально самую важную информацию и преимущества.
  • Должен быть понятен порядок прочтения информации.
  • Должно быть понятно содержание скрытой информации до ее открытия (например ссылку на вкладку «Порядок работ» делаем текстом или иконкой, но не ничего не выражающей стрелкой).
  • Не приносить информацию в угоду дизайну, если эта информация важна.
  • Используемые эффекты должны соответствовать общему стилю сайта.
  • Не забываем про типографику. Шрифт, выравнивания, выделения, заголовки и подзаголовки, списки и т.д. - всему желательно уделить внимание.

Создание сайтов Алматы

Источник: onvolga.ru