Anna Belikaya — история успеха модного бренда одежды

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

Хочу оформить текст! Хочу оформить сайт!