11 пунктов, которые спасут текст на вашем сайте.
Опубликовано 09.11.2007 - В рубриках: Контент
Рассмотрим основные приемы и правила, которые неопытные «сайтоводы» по какой то причине игнорируют.
Тем не менее, этот набор инструкций поможет сделать чтение текстов на вашем сайте более приятным времяпрепровождением для ваших посетителей.
- Разбивайте весь текст на абзацы, чтобы один абзац можно было прочитать за один вдох. Этот прием не применяется в печатной литературе, и впервые был замечен в интернет-блоговодстве.
- Используйте один размер шрифта, достаточно крупный для удобного чтения и с увеличенным межстрочным интервалом. Очень редко в текстах есть реальная необходимость написать что-то другим размером шрифта. Исключением могут быть сноски и аннотации.
- Выберете один тип шрифта для основного текста. В типографии для потока текста используют шрифты с засечками (Times, Georgia), а вот в вебе все наоборот — для текста применяют шрифты без засечек (Arial, Verdana, Tahoma).
Кончено не все следуют этим правилам, но как показывает моя практика — с экрана монитора удобнее читать как раз шрифты sans-serif (без засечек) - Не разукрашивайте тексты в разные цвета. Изначально определившись с цветовой гаммой для сайта — следуйте ей во всем. Не пишите белым по темно серому, и голубым по синему, текст должен быть темнее фона, и достаточно контрастным и не ярким для легкого чтения.
Я понимаю, что так хочется выделить какой-то очень важный абзац (про роды вашей хомячихи?) но существует много других приемов, кроме заливки текста кислотно-красным цветом. Например, основные моменты можно выделять фоном немного другого цвета. - Выделяйте ключевые словосочетания курсивом, а те, на которых остро необходим акцент — жирным. С этим приемом также необходимо быть крайне осторожным, так как переборщить можно очень легко, и тогда все выделения утратят свой смысл.
- Подружитесь с заголовками. Если текст достаточно большой по объему — есть смысл разбить его на части посредством подзаголовков. Чтобы при необходимости человек мог дочитать до него, сделать перекур, и вернуться к увлекательному чтению.
- Иллюстрируйте свои статьи, ведь графическая информация воспринимается намного быстрее чем текстовая.
- Используйте пустое пространство. Ничего хорошего не будет, если между абзацами будет недостаточное расстояние. Также настоятельно рекомендую прочитать «Теорию близости».
- Списки тоже ваши друзья. Некоторую структурированную информацию лучше всего давать списком, а если это набор инструкций, которые следует делать по порядку — то список должен быть обязательно нумерованным.
- Ссылки помогают экономить место. Если текст включает термины, и вы не уверены, что ваши читатели знают их значение — дайте ссылку на объяснение.
Есть очень хорошая электронная библиотека знаний — Wikipedia, там есть толкование на большинство научно-технических терминов, а если даже именно вашего там не найдется, вам не составит труда создать там собственную статью. - И последнее секретное правило, про которое большинство забывает — пишите интересно! Это правило основное, потому что если ваш текст будет не интересен читателю, то ни один из вышеперечисленных приемов не спасет вашу статью и не заставит прочитать ее до конца (или хотя бы до середины)
Опираясь на этот список, вы сможете сделать тексты на вашем сайте более дружественными по отношению к читателям, что есть очень хорошо (:
P.S. Для тех, кто совсем не разбирается в HTML коде Дмитрий Донченко написал замечательную статью для новичков, а дизайн для мастеров порадовал заметкой про правила юзабилити.
Хочешь опустить свой сайт в рейтингах на последнюю страницу — отдай подписку на RSS своим конкурентам!
Что означает дизайн для блога?
Опубликовано 07.11.2007 - В рубриках: Теория дизайна
Недавно мой гостевой пост был опубликован на блоге «Бизнес по методу Кати Пушкаревой», позвольте представить немного расширенную и дополненную версию.
Дизайн — это вовсе не красивая картинка от Пирогова, или главного дизайнера Руси, a прежде всего правильное представление информации.
Практически для любого блога идеальным вариантом будет трехколоночный макет с шапкой и подвалом. Для WordPress русские темы можно скачать, например, здесь, а англоязычные при отсутствии страха многострочного кода PHP можно перевести самостоятельно.
Изобретать велосипед, и делать что-то авангардное с дизайном для своего блога не стоит, так как это, прежде всего информационный ресурс.
Рассмотрим предназначение каждого элемента странички.
Шапка — обычно она вмещает в себя название блога и его описание. Что касается логотипа — он для блога вовсе не обязателен. Исключением может служить разве что если блог является дочерним сайтом некой компании, тогда использование логотипа будет диктоваться правилами корпоративного стиля.
Контентная область — самый широкий столбец сразу под шапкой. Там публикуются все ваши статьи.
Не стоит менять функциональную принадлежность контентной области, пускай на главной странице там отображаются последние статьи, ведь именно за ними приходят читатели на ваш блог!
Казалось бы, можно первую страничку сделать статической, а сами статьи писать в соответствующий раздел. Но это было бы большой ошибкой. Большую часть вашей аудитории должны составлять постоянные читатели, и именно для них вы должны оптимизировать свой блог.
В оформлении статей вы должны быть предельно внимательны, так как именно за ними приходят читатели.
- Разбивайте текст на абзацы, 2-3 предложения, и новый абзац.
- Используйте только один шрифт, установленного размера и одного цвета.
- Идеальная ширина строки для чтения 40-70 символов.
- Используйте списки.
- Основные элементы выделяйте жирным или курсивом, но не более 5% от основного количества текста.
- Начинайте каждую статью с небольшого изображения. Это поможет пользователю "слету" отличить одну статью от другой.
Подробнее про то, как оформлять контент я обязательно напишу в одной из будущих статей.
Статей на одной странице должно быть не более чем на 4-5 экранов прокрутки, и статьи должны быть примерно одинаковой высоты (наилучший вариант — одна, максимум две страницы А4 печатного текста).
Сайдбар — одна или несколько узких колонок, которые идут параллельно контентной области. Добавлять и изменять содержимое этих колонок в блоге на движке WordPress можно с помощью виджетов банальным drag-and-drop одного элементов в нужное место.
Ваша цель — привязать к себе читателя, для этого используйте RSS или (а лучше «и») e-mail подписку.
По этому красивую иконку RSS и форму регистрации e-mail подписчиков поставьте с самого верху сайдбара, или же непосредственно в области шапки. Эти элементы должны быть хорошо заметными, но одновременно они не должны раздражать глаз постоянных посетителей блога.
Если шаблон не предусматривает горизонтального меню под шапкой, то вершину сайдбара должен возглавлять список всех страниц и категорий блога.
Теги — будь они представлены в виде облака, или списка - они не являются основным элементом навигации по узлу, по этому спускаем их в низ сайдбара.
Блогролл — список блогов ваших друзей, или просто интересные линки. Этот блок будет интересен лишь тем, кто решит уйти с вашего сайта или же поинтересоваться, чем именно интересуетесь вы. Диагноз — ставим блогролл в низ сайдбара, те, кому он понадобится - там его и найдут.
Последние комментарии — не стоит вешать этот виджет, если ваш редко коментят, он только будет акцентировать внимание на том, что вас мало читают.
Счетчики посещений и прочие кнопочки — наилучшее место для них это подвал странички, или на крайний случай — самый низ сайдбара.
Баннер — область пространства используемая под рекламу. Баннер можно "вписать" как элемент шапки, или же поставить его между самой шапкой и контентной областью.
Использовать анимацию в баннерах крайне не рекомендуется, уж слишком это раздражает пользователей. Даю гарантию, что если баннер будет рекламировать что-то действительно полезное и необходимое для ваших читателей, то они его обязательно заметят и без спецэффектов.
Также не стоит красить банер в яркие цвета только для того, что бы он был заметен — в большинстве случаев ядовитые кислотные цвета только отпугнут посетителей.
В подвал макета обычно вставляют кроме не нужных кнопочек всевозможных рейтингов, авторские права, и контактную информацию.
Цветовую гамму блога, при условии, что вы в этом не разбираетесь, лучше не менять. Большинство тем имеют оптимальные цветовые решения, так что не создавайте проблем на пустом месте (:
Хороший дизайн это не там где нечего добавить, а там, где нечего убрать.
По этому, прежде чем заниматься украшательством блога, подумайте, а насколько это поможет вашим читателям.
Ссылки, которые помогут вам больше разбираться в дизайне это Ководство, переведенные на русский статьи aListApart.com, Масон веб-дизайнерства, и некоторые статьи Алексея Новикова.
Понравился пост? Подпишись на RSS!