Какова должна быть максимальная длина текстового блока, чтобы его было удобно читать?
Максим Ильяхов |
На удобочитаемость влияет длина строки, количество строк в блоке и интерлиньяж. Здесь нет единственно верной формулы. Разве что Содержание тоже влияет на удобочитаемость. Хороший тон — начинать абзац с главной мысли. Когда читатель
Длинные абзацы — признак неорганизованной мысли. Здорово, когда в тексте встречаются заголовки, которые либо отвечают на вопрос
Конечно, эти правила — не панацея от тяжёлого многословного текста. Верно и обратное: захватывающий жгучий текст можно осилить, даже если в широком абзаце пятнадцать строк:
Время шло. В этот же день пришел старик с сухарями. И вот подвижник,
молчавший двадцать лет, заговорил. Он попросил
принести ему немножко керосину. Услышав речь великого
молчальника, крестьянин опешил. Однако, стыдясь
почему-то и пряча бутылочку, он принёс керосин. Было испробовано последнее средство — продукты бр.
Глик — розовая жидкость с запахом отравленного персика
под названием Тогда он понял, что ошибся. Жизнь так же, как и двадцать пять лет тому назад, была темна и загадочна. Уйти от мирской тревоги не удалось. Жить телом на земле, а душою на небесах оказалось невозможным. Тогда старец встал и проворно вышел из землянки. Он стоял среди темного зеленого леса. Была ранняя сухая осень. У самой землянки выперлось из-под земли целое семейство белых грибов-толстобрюшек. Неведомая птаха сидела на ветке и пела solo. Послышался шум проходящего поезда. Земля задрожала. Жизнь была прекрасна. Старец, не оглядываясь, пошёл вперед. Сейчас он служит кучером конной базы Московского
коммунального хозяйства. Илья Ильф и Евгений Петров. Двенадцать стульев |
|||||||||||||
Жизнь раскрылась перед схимником во всей своей полноте и сладости. В ночь, наступившую за тем днем, когда схимник окончательно понял, что всё в его познании светло, он неожиданно проснулся. Это его
удивило. Он никогда не просыпался ночью. Размышляя о том, что его разбудило, он снова заснул и сейчас же
опять проснулся, чувствуя сильное жжение в спине. Постигая
причину этого жжения, он старался заснуть, но не мог. Что-то мешало ему. Он не спал до утра. В следующую
ночь его снова кто-то разбудил. Он проворочался до утра, тихо стеная и, незаметно для самого себя, почесывая
руки. Днем, поднявшись, он случайно заглянул в гроб. Тогда он понял все. По углам его мрачной постели быстро перебегали вишнёвого цвета клопы. Схимнику сделалось
противно.
Как только старик ушёл, отшельник дрожащей рукой смазал
все швы и пазы гроба. Впервые за три дня Евпл заснул
спокойно. Его ничто не потревожило. Смазывал он
керосином гроб и в следующие дни. Но через два месяца
понял, что керосином вывести клопов нельзя. По ночам
он быстро переворачивался и громко молился, но молитвы
помогали ещё меньше керосина. Прошло полгода в невыразимых мучениях, прежде чем отшельник обратился
к старику снова. Вторая просьба ещё больше поразила
старика. Схимник просил привезти ему из города порошок
| P. S. |
Это был воскресный совет о тексте, редактуре и информационном стиле. Присылайте вопросы. |
|||||||
8 мая 2012
Если говорить о вебе, то возникает вопрос, почему до сих пор длина строки воспринимается как что-то статическое (пусть эластичное, зависящее от кегля, но всё равно конкретное значение). В наше время очень неверно мыслить о полосе в вебе как о чём-то, за чем можно уследить. Раньше-то этого нельзя было сделать, а сейчас, с появлением множества устройств, создающих огромный разброс разрешений, о вебе нужно думать и рассуждать совсем по-другому.
Представьте, что вы поставили эти присловутые 45 или 33em как ширину строки, а теперь возьмите эту страницу и попробуйте прочитать на смартфоне. Поэтому удобочитаемость зависит ещё от того, на каком устройстве и в каких ситуациях текст читается, а так же от того, как автор подошел к верстке. Посмотрите, например, страницу про шрифт Wayfinding Sans: http://ilovetypography.com/…/04/19/the-design-of-a-signage-typeface (http://ilovetypography.com/2012/04/19/the-design-of-a-signage-typeface/)
и посжимайте её, как она выглядит на различных устройствах.
Изыски Криса Пирсона подвергаются здоровой критике, которая заключается в том, что всегда необходимо оптически подходить к расчету величин шрифта. Хоть для примера, возьмите в его калькуляторе и поменяйте Джорджию на Баскервиль — совершенно разные тексты и ощущения. С этим и предлагается бороться дизайнеру, что если на каком-нибудь андроиде не будет Баскервиля, а текст будет набран Дроид Серифом?
В итоге, есть действительно установленные экспериментально размеры строки, так чтобы глаз с умеренной скоростью переходил на новую строку и не терял её, это 50-75 знаков.
Остальное всё сначала математически, потом оптически, так чтобы нравилось и имело пути к оступлению.
Элиот Джей Стокс, например, совсем не изуродовал текст, набранный 16 пикселями с интерлиньяжем в 27 пикселей, а наоборот сделал его таким, как он должен быть, возможно это обусловлено и выбором шрифта. А ещё ничего не помешало ему набрать весь сайт 16-пиксельным шрифтом: http://elliotjaystocks.com/…cloud-centric-mac-set-up-8-months-on (http://elliotjaystocks.com/blog/the-cloud-centric-mac-set-up-8-months-on/)
Поэтому все правила хороши, но когда можно сделать лучше и интересней, надо делать лучше и интересней.
Контекстная реклама РСЯ – пошаговая инструкция
Если вы занимались контекстной рекламной на поиске или читали о ней, то знаете: её цель получить точное соответствие объявления конкретному запросу пользователей. В тексте объявления необходимо также использовать выбранные запросы пользователей.
С контекстной рекламой в РСЯ история другая.
Здесь нужен широкий охват пользователей и рекламных блоков. Мы составили план запуска контекстной рекламы в РСЯ с ограниченным бюджетом.
Шаг 1. Готовим ключи
Зайдите в wordstat.yandex.ru, укажите необходимый регион, и введите тематику или основное направление вашего сайта. Выберите из списка среднечастотные ключевые запросы. У них от 1000 до 10 000 показов.
На картинке они выделены красным. Мы выбрали Челябинскую область и запрос «холодильник».
Добавьте ключевые фразы, которых нет в Вордстате. Найдите их с помощью мозгового штурма, или на сайтах с отзывами. Здесь вы найдете синонимы ключевых фраз, которые вам не были известны.
Затем, соберите проблемные запросы с «как», «самому» в начале и «своими руками» на конце. Подумайте, какую проблему целевая аудитория решит с помощью вашего продукта или услуги.
Отбросите у запросов «хвосты»: названия регионов и т.
п. Ключевые фразы должны быть из двух-трех слов. В Яндекс Директе есть специальное поле для ограничений и уточнений.
Проверьте количество страниц в Яндексе по каждой ключевой фразе. Если найдено полтора миллиона страниц, то этот ключевик подойдёт для объявления.
Разделите ключи на «теплые» и «холодные». К первым относятся фразы со словами «купить», «заказать», «цена» и т.п. Холодные – это:
- фразы о проблеме – например, как выбрать ноутбук;
- фразы без указания товара или услуги – отдых в Турции;
- название продукта – окна ПВХ.
Шаг 2. Смотрим объявления конкурентов
Установите браузер, с которым вы ещё не работали или включите режим «Инкогнито». Он включится автоматически, если вы нажмёте одновременно горячие клавиши:
- shift, ctrl и N – для Яндекс Браузера, Opera и Google Crome;
- ctrl, shift и P – для Firefox.
Не заходите в почту или социальные сети, чтобы Яндекс вас не распознал.
Введите в Яндекс пару запросов из вашего списка. Перейдите на любой сайт. В рекламном блоке вы увидите объявления конкурентов. Обратите внимание на:
- заголовки;
- картинки;
- тексты;
- уникальные торговые и ценностные предложения;
- конкурентные цены;
- подарки;
- акции, спецпредложения;
- страницы, на которые переходят пользователи после клика по объявлению.
Во время анализа выписывайте все найденные ошибки.
Шаг 3. Готовим текст, заголовок и картинку
Решите, каким будет ваше объявление: товарным или решает проблему.
Если первым, используйте тёплый ключ, назовите товар или услугу, покажите его на картинке, и опишите выгоды в тексте.
Для проблемного объявления берите холодный ключ. Давите на больную точку, делайте упор на проблему, и дайте надежду. Добавьте завлекающую картинку.
Исправьте в своих объявлениях ошибки конкурентов.
Помните, что максимальная длина заголовка – 35 символов, текста – 81.
Объявление готово. Осталось залить его в рекламную сеть Яндекса. В следующей статье вы узнаете, как это сделать.
Как использовать пять уровней заголовков в стиле APA
Как использовать пять уровней заголовков в статье в стиле APA
Челси Ли
Заголовки структурируют текст. Они не только сообщают читателю, какой контент ожидать, но и указывают на его относительное положение в иерархии. В Руководстве по публикации APA (раздел 3.03, стр. 62–63; см. также образцы документов) приведены рекомендации по использованию до пяти уровней заголовков в документе, хотя для большинства документов потребуется только два, три или четыре.
В приведенном ниже примере показано форматирование шрифта и отступа при использовании всех пяти уровней, включая действия, когда заголовки следуют один за другим без текста между ними. Ранее мы подробно объясняли, как форматировать каждый уровень заголовка.
| Тревога стала видимой: множественные отчеты о тревоге и чувствительности к неприятию |
| В нашем исследовании изучалась тревога и чувствительность к отвержению. В частности, мы исследовали, как самооценка участников состояния и личностной тревожности и чувствительности к отвержению будет отличаться от оценок других, а именно, близких друзей участников. |
| Обзор литературы |
| Тревога и чувствительность к отвержению — два важных аспекта психологического функционирования, которым уделяется много внимания в литературе. Например, Ронен и Болдуин (2010) продемонстрировали…. |
| Метод |
| Участники |
Участниками были 80 студентов университета (35 мужчин, 45 женщин), средний возраст которых составлял 20,25 года ( СО = 1,68). Примерно 70% участников были американцами европейского происхождения, 15% — афроамериканцами, 9% — латиноамериканцами и 6% — американцами азиатского происхождения. Они получили кредит курса для их участия. |
| Процедура |
| Набор. Мы разместили листовки об исследовании на досках объявлений в кампусе, и это исследование было включено в список открытых исследований на веб-сайте факультета психологии. Чтобы уменьшить предвзятость в выборке, мы описали исследование как «исследование личности», а не конкретно упомянули наши целевые черты тревоги и чувствительности к отказу. |
Сессия 1: Психиатрические диагнозы. Во время первоначального собеседования студенты-психологи оценивали участников на наличие психиатрических диагнозов. Восемнадцать процентов выборки соответствовали критериям генерализованного тревожного расстройства согласно структурированному клиническому интервью для DSM–IV расстройств оси I (First, Gibbon, Spitzer, & Williams, 1996). |
| Сессия 2: Оценки. Все участники посетили последующую сессию для завершения оценок. Участникам было дано указание взять с собой друга, который выполнит другие измерения отчета. |
| Меры самоотчета. Сначала мы провели несколько самоотчетов, а именно: |
| Состояние и личностная тревожность. Участники заполнили Опросник состояний и черт тревожности для взрослых (STAI-A; Spielberger, Gorsuch, Lushene, Vagg, & Jacobs, 1983) — опросник из 40 пунктов для оценки тревожности. |
| Чувствительность отклонения. Участники заполнили Опросник чувствительности к отказу (RSQ; Дауни и Фельдман, 19 лет).96), мера самооценки из 18 пунктов, которая оценивает чувствительность к отказу. |
Прочие меры отчета. Мы также включили другие показатели отчета для получения независимых источников информации об уровнях тревожности участников и чувствительности к отказу. |
| Состояние и личностная тревожность. Мы адаптировали STAI-A таким образом, чтобы вопросы относились к целевому участнику, а не к себе. |
| Чувствительность отклонения. Мы адаптировали RSQ таким образом, чтобы вопросы относились к целевому участнику, а не к себе. |
| Результаты |
| Состояние и тревожность |
| Состояние тревоги. |
| Данные самоотчета. Что касается состояния тревожности, данные самоотчетов участников показали, что участники были значительно менее вероятны…. |
Прочие данные отчета. Что касается состояния тревожности, данные других отчетов показали, что друзья участников были значительно более вероятны. … |
| Черта тревоги. |
| Данные самоотчета. Что касается личностной тревожности, данные самоотчетов участников показали, что участники были значительно менее вероятны…. |
| Прочие данные отчета. Что касается личностной тревожности, данные других отчетов показали, что друзья участников были значительно более вероятны…. |
| Чувствительность отклонения |
| Результаты по чувствительности к отвержению аналогичны результатам по тревоге, демонстрируя, что… |
| Обсуждение |
| Преимущества и ограничения |
| Одними из сильных сторон нашего исследования были… |
| Направления будущих исследований |
Мы надеемся, что в будущем исследователи будут учитывать несколько источников информации при оценке тревожности. Мы также рекомендуем…. |
Важные замечания по форматированию заголовков:
- Название статьи не выделено жирным шрифтом. Жирным шрифтом выделены только заголовки на уровнях 1–4. См. этот пост для разъяснения того, когда использовать полужирный шрифт.
- Каждая статья начинается с введения. Однако в стиле APA заголовок «Введение» не используется, поскольку предполагается, что то, что идет в начале документа, является введением.
- Первый заголовок относится к Уровню 1. В этой статье первым заголовком является «Обзор литературы», поэтому он относится к Уровню 1. Ваш стиль письма и тематика будут определять, каким будет ваш первый заголовок.
- Последующие заголовки, равнозначные первому заголовку, также относятся к уровню 1 (здесь «Метод», «Результаты» и «Обсуждение»).
- Что касается подразделов, мы рекомендуем, если вы вообще собираетесь их использовать, стремитесь к минимуму двум (например, в разделе «Обзор литературы» нет подразделов, тогда как в разделе «Метод» есть два подраздела уровня 2 и один из этих подразделов уровня
- ).
2 раздел далее делится на три раздела и т. д.). Опять же, количество необходимых вам подразделов будет зависеть от вашей темы и стиля письма. - Заголовки уровней 3, 4 и 5 имеют отступ, за ними следует точка, и они сливаются с последующим текстом. Если между заголовком уровня 3, 4 или 5 и следующим за ним заголовком более низкого уровня нет промежуточного текста, оставьте точку после первого заголовка и начните следующий заголовок с новой строки (например, см. «Тревога о состоянии» и « Тревожность» на уровне 3 в разделе «Результаты», за которыми сразу следуют заголовки и текст более низкого уровня). Начинайте каждый заголовок с новой строки; не размещайте заголовки вместе на одной строке.
2 раздел далее делится на три раздела и т. д.). Опять же, количество необходимых вам подразделов будет зависеть от вашей темы и стиля письма.Есть ли другие аспекты заголовков, о которых вы хотели бы узнать больше? Дайте нам знать об этом в комментариях.
Сообщение от Челси Ли в 11:59:37 в рубриках, инструкции
Web Accessibility Criteria — Headings and Titles
- Introduction
- Best Practices
- Examples
- Testing Methods
- WCAG 2. 1 and References
1 and References Introduction
Semantic Requirements include all HTML elements that influence organization and structure to your content . Включенные элементы и функции: заголовки, изменяемый размер текста, заголовки страниц и списки.
Заголовки
Заголовки визуально и структурно организуют веб-страницу. Наличие правильной структуры заголовков позволяет пользователям вспомогательных технологий перемещаться по заголовкам и помогает им переходить непосредственно к контенту, наиболее релевантному их поиску.
Заголовки должны располагаться по уровню важности от самого важного к наименее значимому с использованием уровней заголовков (h2 – H6). Заголовки должны быть организованы не только структурно, но и визуально. Каждый уровень заголовка должен иметь разные стили текста; обычно размер шрифта помогает различать разные уровни заголовков. Например, заголовок первого уровня (
) будет иметь размер шрифта 18, заголовок второго уровня (
) будет иметь размер шрифта 16 и так далее.
Допускается использование цвета для различения разных уровней заголовка, если это не единственный используемый стиль текста. Заголовки страниц Заголовки страниц должны быть описательными и должны представлять контекст веб-страницы. Описательный заголовок позволяет всем пользователям узнать цель веб-страницы, которую они посещают.
Вернуться к началу
Рекомендации
Рассмотрите следующие рекомендации по структуре:
- Используйте заголовки, чтобы структурировать свою страницу!
- Не используйте стили для создания внешнего вида заголовков без использования надлежащего тега заголовка. Например, не используйте цвет, подчеркивание, полужирный шрифт, курсив и т. д., чтобы подчеркнуть важность текста.
- Не пропускайте уровни заголовков. Правильные уровни заголовка восходят от h2-H6.
- Заголовки не должны использоваться для подчеркивания важности содержания. Вместо этого используйте подчеркивание или жирный шрифт.
- Содержимое вашей веб-страницы должно оставаться согласованным и читаемым при изменении размера текста до 200%.
- Всегда указывайте описательный заголовок страницы!
- Не используйте списки для макетирования
- Для предоставления элементов списка следует использовать надлежащую разметку HTML (
- ,
- ,
- )
Верхнее
Примеры
Пример 1: Названия страниц
Описательная страница Титул
« История компании »
Название «Описательная страница» дает информацию пользователя, которая будет представлена на странице
. . Пользователь не будет знать, какую информацию ожидать, основываясь на заголовке страницы.
Неописательный заголовок страницы
«Подробнее»
Неописательный заголовок страницы не дает пользователям никакой информации о содержании страницы. Фраза «узнать больше» расплывчата и может относиться к любой теме на веб-сайте.
Например, если на веб-сайте о выращивании сельскохозяйственных культур есть страница с заголовком «Подробнее». Пользователи не будут знать, какой контент будет содержать страница «Подробнее». Описательный заголовок страницы будет «Сельскохозяйственные методы». Этот заголовок страницы является описательным и резюмирует содержимое страницы.
Пример 2. Заголовки
На изображении выше показан правильный порядок структуры заголовков.
Вернуться к началу
Методы тестирования
Ручное тестирование
Заголовок страницы : Откройте веб-сайт в веб-браузере. Просмотрите титульный лист и убедитесь, что заголовок страницы является описательным и точно описывает страницу. Затем просмотрите исходный код, чтобы проверить тег title.
Средства автоматизированного тестирования
Панель инструментов веб-разработчика
- Заголовки : С помощью панели инструментов веб-доступа перейдите на веб-сайт в веб-браузере.
