9 советов по оформлению текста для веб
Redd Horrocks, 15 февраля 2009
95% пользователей не читают 80% вашего контента, к таким выводам пришли разработчики CWsites. Статистика как видите не самая хорошая. Как же улучшать восприятие контента, донести его до как можно большего числа пользователей?
1. Разбивайте текст на небольшие параграфы
Чтобы упростить чтение, разбивайте большие блоки текста на параграфы. За компьютером читатель редко концентрируется исключительно на тексте, обычно, параллельно работает IM клиент, открыты блоги, кричат дети. Если текст разбит на параграфы, читателю проще вернуться к нужному месту текста, после того как он отвлекся от экрана.
К тому же, если текст разбит на небольшие параграфы, читателю кажется, что он потратит на него меньше времени чем на тот же текст без разбиения.
2. Используйте подзаголовки
Большинство людей не читают текст полностью а быстро просматривают в поисках нужной информации, информативные подзаголовки очень сильно сэкономят им время. Старайтесь выбрать подзаголовки максимально соответствующие следующему за ними тексту.
3. Уберите все лишнее
Многословность и красноречие хороши в поэзии, но малопригодны для текста в веб.
Точность, прямота и краткость — вот что нам нужно.
Например:
«Если вы хотите получить доступ к нашему замечательному разделу содержащему техническую информацию и советы, мы просим вас нажать кнопку на вашем внешнем устройстве типа мышь»
Далеко не столь удобно и приятно для пользователя как простая ссылка:
«Техническая поддержка».
4. «Второй черновик = Первый черновик - 10%» — Стивен Кинг
В замечательном издании для авторов «Как писать книги. Мемуары о ремесле» Стивен дает отличный совет: «Второй черновик = Первый черновик - 10%». Когда текст готов, постарайтесь сократить количество слов на 10%, это сделает его более кратким и выразительным.
5. Выделяйте самое важное
Не ленитесь выделить важную часть текста жирным, курсивом или вынести ее в сайдбар. Как и подзаголовки, это позволяет сэкономить время нужное читателю для поиска нужной информации или определения релевантности страницы.
6. Используйте читабельный шрифт
Красивый, нестандартный шрифт, конечно, позволит вам выделиться, но если из-за этого пользователь не может ничего прочесть, то от этого нет толка. Уникальные шрифты подойдут для баннеров или графики, шрифт основного текста сайта должен быть простым и достаточно крупным (особенно актуально последнее, нестандартные шрифты, к счастью, плохо поддерживаются браузерами, а со слишком мелкими приходится сталкиваться почти каждый день).
7. Не забывайте подвести итоги
Этот пункт применим к большинству статей. Обязательно опишите читателю общую идею и подведите итог. Подводить итоги нужно кратко и по делу. (Для веб хорошо подходит стиль написания перевернутая пирамида, когда статья начинается с основной мысли и вывода, но писать в таком стиле очень непривычно.)
8. Чаще обновляйте информацию
Регулярно проверяйте релевантность и актуальность контента, особенно это касается часто обновляемой или временной информации. Проверять актуальность контента стоит хотя бы раз в месяц, к тому же это хорошая возможность выявить старые ошибки и неточности.
9. Тщательно проверяйте тексты перед публикацией
Не жалейте времени на поиск ошибок в тексте, пропущенные опечатки сильно отвлекают читателей. Чтение вслух хорошо помогает выявить проблемы с построением фраз и предложений. Попросите кого нибудь прочесть текст перед публикацией. (Можно отложить текст на день или два и прочесть еще раз.)
Рекомендованные книги:
- Как писать книги. Мемуары о ремесле - Стивен Кинг
(On Writing - Stephen King) - The Elements of Style - William Strunk

Стивен Кинг прямо в гомеопатических дозах советует применять сокращения :-) жалкие 10%! В то же время, Другие Редактора™ рекомендуют урезать впловину, пойти погулять, урезать ещё впловину, отдать другому редактору, но не говорить о предыдущих правках — пускай урежет ещё.
Я бы ещё упомянул:
— использование списков
— и преимущественное написание числительных цифрами.
Спасибо, для закрепления и напоминания - супер
Все верно, дада…
Но к сожалению мало кто этими советами пользуется.
Те, кто их не применяют пожалуй даже не догадываются о том, что это необходимо, а те же, кто пользуются этими правилами знают гораздо больше…
Но спасибо вам за статью, чем больше мы будем поднимать эту тему, тем больше вероятность того, что уровень российского веба поднимется.
Всегда придерживаюсь этих правил. Неформатированные тексты читаются очень сложно.
да... даже сложно что-то добавить. даже о перевернутой пирамиде написано.
но все же я бы еще рекомендовал применять выравнивание по левому краю.
так читать удобнее
также можно добавить что лучше использовать выравнивание по левому краю. а так все правильно.
главное это все использовать.
Sub headings - это не подзаголовки, это просто заголовки. А подзоголовки - это разновидность абзацного текста (потому, что под заголовками находится).
Кроме "используйте читабельный шрифт", надо написать - используйте и фон, на котором можно нормально читать текст. Имеет смысл на длинных страницах делать оглавление и ссылки внутри страницы. Ну и контент должен быть интересным. Это главное.
Если страница содержит значительный объем контента, то в самом верху надо делать тщательно выверенное меню с внутристраничными ссылками. Вверху страницы нужно делать короткий, отображающий смысл контента, заголовок. Причем, крупным шрифтом - вплоть до 20-27pt
да-да-да, все верно. Ну и не забывать про выравнивания и контраст между заголовками и основным текстом
Особенно меня волнует пункт №9. Постоянно на свем сайте нахожу множество ошибок. Это самое важное.
Пишите в документах Google. Там проверка орфографии, своего рода архив на текст + фото - удобно.
Постоянно на свем сайте нахожу множество ошибок.
Не удивительно :)
Некоторые только на красноречии выползают. А пример из разряда "никогда не произойдет". Зато с остальным согласен. А про -10%, вообще не знал. Надо попробовать.
Евгений, скажите, а как называется шрифт, который вы используете в заголовках ?
Georgia
Здравствуйте! Не обижайтесь!
Когда заходишь на ваш сайт - читаешь первый пост с 2 словами полезные и такой конструкцией предложения, что мелькает мысль - автор не в ладах с русским...
А ниже этот пост.
Сюда и пишу свое мелкое замечание.
Удачи!
Вот ещё пару советов: не использовать программистские кавычки (не очень удобные для восприятия) и графические смайлики (особенно с анимацией).
Спасибо Женя, дельные советы!
К пункту номер 5 нужно бы добавить "не перепестрите!", а то зачастую имеет место. Заходишь на сайт а там так "навыделяли самое важное" что в глазах рябить начинает.
Статья нужная, спасибо.