Anna Belikaya
Модный бренд одежды - история успеха

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