Ошибки оформления текста

На 3 сайтах из 5 проверяемых мы находим ошибки оформления текстов. О том, что плохо отформатированный текст ухудшает восприятие пользователя, мы неоднократно рассказывали в блоге (подборка публикаций в конце рассылки).

Мы собрали наиболее распространенные ошибки форматирования текстов, которые обнаружили в ходе проверок.

В этом выпуске:

• Что происходит на странице сайта
• Ошибки форматирования текстов
• Как это исправить

Что происходит на странице сайта

Текст — главный инструмент информирования на сайте. Обычная страница сайта совмещает:

• графические элементы — логотип, картинки, цветовое оформление разделов сайта (подсветка или подложка в пунктах меню), видео-материалы
• текстово-графические элементы — текст, оформленный картинкой
• чистый текст — это собственно статья, описание, инструкция

Внимание пользователей распределяется в том же порядке. В первую очередь мы увидим картинки и графику, затем текст, оформленный в виде картинок, затем чистый текст.

Изображение обрабатывается мозгом в тысячи раз быстрее, чем текст. 90% информации и 93% коммуникации с внешним миром происходит через визуальное восприятие.

Текст не способен конкурировать с изображениями. Сознание воспримет и обработает картинку быстрее. Более того, чтение — приобретенный, а не врожденный навык. Для обработки изображения мы не прикладываем никаких усилий, в то время как обработка текста предполагает определенную нагрузку на мозг.

Неправильное форматирование увеличивает физическую и когнитивную нагрузку, снижает вероятность того, что текст будет прочитан. Более того, оформление текста влияет на доверие пользователя.

Чем хуже оформлен текст, тем выше сомнения в компетентности, надежности компании.

Ошибки оформления текстов на сайтах (по оценкам GetGoodRank)

Мелкий шрифт

Мелкий шрифт читать сложно. Такие тексты ассоциируются в сознании пользователей с:

• документами, в которых пытаются что-то скрыть (все помнят приписки мелким шрифтом в договорах)
• сео-текстами, которые на практике абсолютно бесполезны для читателя

Мы писали в блоге о стоимости взаимодействия, когда в сознании пользователя происходит моментальная оценка:

стоит ли выгода, полученная от действия, прилагаемых усилий.

Пользователь задумается, что он может узнать из текста такого сверхполезного, что ему стоит приложить усилия и разобрать этот сверх-мелкий шрифт.

Малое межстрочное расстояние

Когда строчки «слипаются», разобрать текст становится сложно. Остается неясным, зачем так делать на сайтах, ведь это ваши страницы и доплачивать за то, что текст займет половину экрана, а не 1/3 вам не придется.

Длина абзацев

Здесь мы встречаем две крайности:

• слишком короткие абзацы — абзац состоит из одного предложения
• слишком длинные абзацы — получается сплошное полотно текста

Что первая, что вторая ошибка оформления влияет на восприятие. В первом случае внимание прыгает, информация усваивается сложнее. Во втором случае восприятие усложняется из-за сплошного потока фактов без логической разбивки.

Чтобы это исправить, следуйте простому правилу:

1 абзац — 1 идея

И все будет в ажуре.

Текст как в Word

Да, и такие сайты до сих пор находятся. Создается впечатление, что текст перенесли из редактора Word, выделив основные моменты жирным, курсивом или подчеркиванием.

Нелепые выделения

Максим Ильяхов рассказывает о проклятии инструментов. Суть проста:

…если редактору доступен какой-либо инструмент, рано или поздно он будет применен к тексту.

Так на страницах появляются такие тексты:

Здесь слишком много разнотипных выделений на квадратный сантиметр текста, чтобы пользователь смог уловить логику.

Любое выделение текста применяется для привлечения внимания или для обозначения возможного действия. Так, мы понимаем, что текст, выделенный голубым/синим цветом и подчеркиванием, есть кликабельной ссылкой.

Что пытается донести редактор, когда текст «часы Слава» превращается в:

часы «СЛАВА«

нам не особо понятно, пользователю тем более. К тому же инструменты редактора позволяют вставить любое изображение в текст, которое сработает лучше 1000 слов и уж тем более лучше такого выделения.

Обилие выделений перетягивают внимание и мешает усвоению информации.

Отсутствие воздуха в тексте

Тогда как межстрочное расстояние, размер шрифта и длина строки не зависят от редактора, отступы в тексте легко поправимы.

Когда тексту отведено большее пространство, он становится легче для восприятия и читаемее.

Выравнивание

Есть разные правила выравнивания текста: некоторые рекомендуют выравнивать по левому краю, кто-то — по ширине. Я всегда предпочитаю смотреть, как вписывается текст в страницу.

У каждого типа выравнивания есть свои недостатки:

• выравнивание по ширине может привести к непропорциональному расстоянию между словами и между символами
• выравнивание по центру и по правому краю «рвет» левый край, а это усложняет восприятие, заставляет взгляд прыгать и начинать чтение то с одного отступа, то с другого. Это утомляет.

Конфликт текста и изображений

Оптимизаторы и редакторы вбили в головы правило, что текст должен сопровождаться картинкой. И это правильно, если эта картинка полезна.

НО!

В 90% случаев информационные статьи сопровождаются изображениями, нерелевантным или не несущим дополнительной информации пользователю, как здесь:

Как такое изображение поможет пользователю понять, в чем отличия генераторов и станций?

Как это исправить?

Это далеко не весь список ошибок оформления текстов, которые асессоры GetGoodRank обнаруживают на страницах сайтов. Следующие рекомендации помогут вам улучшить текст для пользователя:

• Уберите все форматирование: выделения, абзацы, подзаголовки, списки. Начните с чистого полотна текста.
• Перечитайте текст и разбейте его на логические блоки, составьте подзаголовок к каждому блоку, выделите подзаголовки в тексте
• Перечитайте каждый блок, разбейте на абзацы по формуле:

1 абзац = 1 идея

Помните: оптимальная длина абзаца — до 5 строк.

• Подумайте, какие данные в тексте наиболее важны для пользователя — именно они заслуживают выделения в тексте. Важно перенести главную информацию в начало абзаца.
• Экспериментируйте с выравниванием. Если выравнивание не применяется, значит подключенные через CSS стили имеют более высокий приоритет.

Если форматирование не применяется: пропишите style=«text-align: left;» (right/center/justify) к нужному абзацу.

Ознакомьтесь с подборкой статей о форматировании текста и восприятии пользователя:

Скимминг: как облегчить чтение текста

Правильное оформление текста (инфографика)

Текст на сайте — исправьте это немедленно!

Проверить качество оформления текста и получить рекомендации, какие факторы ухудшают восприятие информации на сайте, можно в GetGoodRank

Все знают, что курсовая или эссе должны быть оформлены аккуратно, но представления об аккуратности у всех разные. Поэтому мы решили собрать десять самых распространенных ошибок, которые каждый год встречаем в студенческих работах. И да, оформление тоже оценивается.

1. Табуляция. В редакторе Word шаг табуляции устанавливается на линейке сверху, по умолчанию он равен 1,25 см. Вот как делать не надо:

2. Пробелы. Используйте табуляцию, если надо начать текст с середины строки. Избегайте двойных пробелов между словами. Не ставьте пробел перед знаком препинания, если вы не француз. Чтобы видеть знак пробела, нажмите кнопку «Показать знаки форматирования» в панели инструментов Word. Как не надо делать:

3. Тире, минус и дефис. Тире — длинная черточка (M-dash), минус — чуть короче (N-dash), дефис — самая короткая. Правила их употребления изложены тут. Если не знаете, где у вас в раскладке эти знаки, задайте в окне «Символы» любые сочетания клавиш или настройте автозамену. Тире отделяется пробелами от соседних слов, до и после дефиса пробел никогда не ставится. Типичная ошибка (дефис вместо тире):

4. Разрывы. Если нужно перейти на новую страницу, на вкладке «Макет» есть кнопка «Разрывы». Добавьте разрыв страницы или раздела, не щелкайте Enter двадцать раз.

5. Стили. Заголовки разного уровня задаются стилями в панели инструментов. Пользуйтесь стилями Word, и тогда в панели «Вид — Область навигации» ваш читатель сможет видеть структуру документа, а вы сможете автоматически сформировать оглавление. Если вам не нравятся встроенные стили, задайте свой стиль, выделив необходимый фрагмент текста.

Убедитесь, что при копировании вы не утащили стиль из другого документа. Чтобы этого избежать, не копируйте форматирование.

6. Переносы. При переносе тире не отрывается от предшествующего слова, а инициалы — от фамилии. Используйте неразрывные пробелы, чтобы этого избежать. Подробнее тут.

7. Интерлиньяж. Межстрочный интервал регулируется не нажатием клавиши Enter, а через вкладку «Главная» в панели инструментов. Во многих стилях Word предусмотрен бóльший интервал между абзацами, чем внутри одного абзаца. Чтобы от этого избавиться, выберите диалоговое окно «Абзац» — «Другие варианты межстрочных интервалов» и задайте интервал вручную. Выбранный интервал можно применить ко всему стилю.  

8. Втяжка. Длинные цитаты (от нескольких строк) оформляются втяжкой, то есть при помощи дополнительного отступа (как правило, слева). Цитаты со втяжкой не надо заключать в кавычки. А вообще-то не злоупотребляйте длинными цитатами, если ваш текст не является первой публикацией источника. Пересказывайте существенное, цитируйте самое необходимое.

9. Кавычки. Тема кавычек достаточно уже воспета типографами, поэтому просто оставим тут ссылку.

10. Висячие строки. В том же диалоговом окне «Абзац», где вы настраивали межстрочный интервал, запретите отрывать отдельные строки от абзаца («Запрет висячих строк»). Для заголовков там же полезно поставить галочку в поле «Не отрывать от следующего»: так заголовок не останется одиноко висеть на предыдущей странице.

В более сложных случаях (оформление таблиц, иллюстраций и др.) рекомендуем обращаться к «Справочнику издателя и автора» А. Э. Мильчина и Л. К. Чельцовой.

Материал подготовила О. В. Алиева специально для Antibarbari.Com

Привет👋🏼

Качественная типографика невероятно важна в Ux&Ui дизайне. Правильные решения позволят не просто улучшить эстетический облик продукта, но и улучшить пользовательский опыт. Крутая типографика поможет пользователю быстрее читать текст, лучше ориентироваться в информации и значительно быстрее решать любые задачи.

Однако огромное количество современных продуктов допускает ряд типографических ошибок. Об этих ошибках мы и поговорим.

1. Использование в одном макете большого количества шрифтов

Одна из самых распространенных ошибок в типографике — использовать множество шрифтов в одном макете. А если, вдруг, используются разные шрифты в одном абзаце, то можно смело вызывать полицию.

Оптимально в одном проекте использовать 1-2 шрифта.

2. Использование экзотических шрифтов

Бывает, когда с целью отличиться и добавить в дизайн изюминку используются неудобные для чтения шрифты. Кроме того они идут вразрез с 4-ой эвристикой Якоба Нильсена о том, что большую часть времени пользователи проводят на других сайтах и приложениях, а значит для их комфортного взаимодействия с нашим дизайном мы не должны слишком резко отличаться от конкурентов.

Оптимальнее всего использовать шрифты проверенные временем, так как они по сей день смотрятся актуально. Примеры: Roboto, Bodoni, Open Sans, Montserrat и подобные.

3. Основной текст большими буквами

Текст большими буквами плохо читается и выглядит не эстетично. Его можно применять, но только когда идёт речь о небольших заголовках.

4. Текст поверх фото или видео

В редких случаях текст поверх фотографий и видео имеет право существовать, но в большинстве случаев это ухудшает читаемость.

5. Нарушенная иерархия

Для быстрого и удобного считывания информации в структуре текста должна быть чёткая иерархия. От H1 заголовка к тексту должен уменьшаться размер шрифта и как правило уменьшаться жирность.

6. Выравнивание не по левому краю

Выравнивание по правому краю осложняет чтение текста. Выравнивание по центру допустимо при небольшом количестве строк 2-4.

7. Длинные и короткие строки

Короткие строки делают текст рваным, а длинный очень не удобно читать.

8. Увеличение кёрнинга

Это правило иногда можно нарушать, но в большинстве случаев это приводит к неаккуратному и сложно читаемому тексту. Самый здравый кейс для увеличения кёрнинга — это текст полностью из заглавных букв. Опять же, всё должно быть в меру.

9. Использование жирности, наклонности и подчеркивания во всём блоке текста

Подчеркнутый, жирный или наклонный текст нужны в основном для выделения моментов в тексте, но никак для выделения всего текста. Исключением может быть цитата, которую можно полностью написать наклонным текстом.

10. Отступы между блоками текста такие же или меньше межстрочных отступов

Вспомним один из 7-ми замечательных принципов Гештальта — принцип близости. Тогда станет очевидно что строки внутри одного блока текста должны выглядеть более связанными, а значит расстояние их блока от остальных должно быть больше чем расстояние между строками.

Спасибо, что дочитали до конца! Делитесь своим мнением в комментариях.

Если понравилась эта статья, советую прочитать вторую часть.

Пока👋🏼

Типичные ошибки,
допускаемые при оформлении письменных
ра­бот, следующие:

• отсутствует
  абзацный отступ или имеет по тексту
  разные значения;

• не
  выдерживаются значения интервалов
  между заголовками, подзаголовками и
  текстом;

• не
  ставится точка после цифры номера
  раздела, параграфа, при перечислении.
  После точки не проставляется пробел;

• текст материала
  печатается без переносов. В то же время
  в заголовках и подзаголовках, в нарушение
  требований, эти переносы простав­ляются;

• названия параграфов
  (подзаголовки) и начало текста размещены
  на
  разных страницах;

• при
  перечислениях используются вместо
  цифр, букв и тире неустановленные значки
  (ромбики, квадратики и т.п.);

• названия рисунков
  и таблиц выделяются жирным шрифтом
  или
  курсивом;

— отсутствуют
ссылки на используемые источники
информации,
приложения, таблицы и
рисунки;

• приложения не
  имеют названий;

• на графиках и в
  таблицах не указывается размерность
  величин;

• превышение
  установленных объемов работы;

• номера страниц в
  оглавлении не соответствуют страницам
  в тексте;

• на титульном листе
  не указывается имя и отчество автора
  работы;

• в тексте, помимо
  названий глав, параграфов, вводятся
  ненумерованные дополнительные
  подзаголовки, ссылки на которые в
  оглавлении не приводятся.

Глава III. Особенности правописания

§ 1. Употребление прописных и строчных букв

С
прописной буквы пишутся собственные
географические наименования. В составных
названиях с прописной буквы пишутся
все слова, кро­ме служебных слов и
родовых понятий: Южная Африка, Кавказское
побе­режье, Европейская Россия,
Берингов пролив, площадь Революции.

Названия
сторон света, если они входят в состав
территориальных названий или употребляются
взамен территориальных названий, пишутся
с прописной буквы: народы Востока,
Дальний Восток, Крайний Север. В прямом
значении названия сторон света пишутся
со строчной буквы: восток, запад, юг,
север.

В
официальных названиях государств и
субъектов Российской Федерации все
слова, как правило, пишутся с прописной
буквы: Российская Федерация, Республика
Адыгея, Республика Алтай, Республика
Башкортостан, Республика Бурятия,
Республика Дагестан, Кабардино-Балкарская
Республика, Республика Тыва, Чувашская
Республика.

В
административно-территориальных
названиях слова, обозначающие родовое
или видовое понятие (автономная область,
округ, край, рай­он), пишутся со строчной,
остальные слова — с прописной буквы:
Сахалин­ская область, Агинский
Бурятский автономный округ, Ямало-Ненецкий
автономный округ.

В
названиях групп (объединений, союзов)
государств с прописной буквы пишутся
все слова, кроме родовых наименований:
Закавказские республики, Скандинавские
страны, Швейцарская Конфедерация, Союз
государств Центральной Африки, Организация
Объединенных Наций, Содружество
Независимых Государств.

Названия
частей государств, носящих терминологический
характер, пишутся с прописной буквы:
Восточное Забайкалье, Внутренняя
Монго­лия, Правобережная Украина,
Южный Китай.

В
названиях административно-территориальных
единиц зарубежных государств с прописной
буквы пишутся все слова, кроме родовых
обозначений: графство Суссекс (Англия),
земля Баден-Вюртемберг (Германия),
префектура Хоккайдо (Япония), провинция
Сычуань (Китай).

С прописной буквы
пишутся названия исторических эпох и
событий и собственные имена составных
наименований: Древняя Русь, Смутное
время, Петровская эпоха (но: допетровская
эпоха), Куликовская битва, День Победы.

В
названиях праздничных дней месяца после
начальной цифры с прописной буквы
пишутся: 1 Мая, 8 Марта, 9 Мая. Со строчной
буквы пишутся названия постоянно
проводимых массовых мероприятий: день
встречи выпускников, день открытых
дверей, день донора.

В
китайских, корейских, вьетнамских,
бирманских, индонезийских, японских
фамилиях и именах все составные части
пишутся раздельно с прописной буквы:
Пан Су Ен, Манг Ренг Сап, Курахара
Корэхито.

Частица
«сан» в японских именах пишется со
строчной буквы и присоединяется дефисом:
Тояма-сан.

Имена
прилагательные и наречия, берущие свое
начало от индивидуальных названий,
пишутся с прописной буквы, если они
образованы от собственных имен лиц при
помощи суффиксов -ов (-ев), -ин: Соломоново
решение, Надины конспекты. Но в составе
фразеологизмов и в составных терминах
прилагательные на -ов (-ев), -ин пишутся
со строчной буквы: прокрустово ложе,
филькина грамота, рентгеновские лучи.

С
прописной буквы пишутся прилагательные
на -ский, входящие в состав названий,
имеющих значение «имени такого-то»:
Дашковские чтения, Нобелевская премия.
То же в сочетаниях, имеющих значение
собственного имени: Романовская династия,
Суворовское училище.

Со
строчной буквы пишутся прилагательные,
обозначающие принадлежность и образованные
от собственных имен лиц с помощью
суффикса -ск- {пушкинский стих) или
образованные от индивидуальных названий,
но не обозначающие принадлежности в
прямом смысле слова: пушкинский стиль,
сизифов труд.

С
прописной буквы пишутся первое слово
и входящие в состав названия имена
собственные, а также первое слово
включаемых в них назва­ний других
учреждений и организаций, в официальных
названиях органов власти, учреждений,
организаций, обществ, научных, учебных
заведений и т.п.: Генеральная ассамблея
ООН, Всемирный совет мира, Международ­ный
валютный фонд, Европарламент, Всемирная
торговая организация, Государственный
совет, Информационно-аналитический
центр Федера­ции фондовых бирж России,
Верхняя палата Государственной Думы,
Администрация Президента Российской
Федерации. В названиях Государственная
Дума, Федеральное Собрание, Высший
Арбитражный Суд РФ, Конституционный
Суд РФ (но: федеральные суды) все слова
пишутся с прописной буквы согласно
Конституции РФ.

Названия
учреждений во множественном числе и не
в качестве имен собственных пишутся со
строчной буквы: министерства РФ, комитеты
Совета министров, но: Министерство
культуры.

Со
строчной буквы пишутся названия высших
выборных учрежде­ний зарубежных
стран: парламент, рейхстаг, сейм, конгресс
(сенат и па­лата представителей) США,
меджлис.

С
прописной буквы пишутся названия высших
государственных должностей в официальных
текстах: Президент Российской Федерации,
Верховный Главнокомандующий Вооруженными
Силами, Генеральный прокурор России,
Канцлер Германии, Президент США. Однако
в неофициальном тексте, при упоминании
без указания на конкретное лицо, эти
сло­ва пишутся со строчной буквы.

С
прописной буквы пишутся наименования
правовых актов: Конституция Российской
Федерации, но: конституции республик,
Декларация прав и свобод человека и
гражданина, Федеральный конституционный
за­кон, но: проект федерального
конституционного закона (наименование);
Закон Российской Федерации, Указ
Президента Российской Федерации, но:
проект указа Президента Российской
Федерации.

Со строчной пишутся:
постановление Совета Федерации,
постановление Государственной Думы,
распоряжение Президента Российской
Фе­дерации и т.д.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]

• #
• #
• #
• #
• #
• #
• #
• #
• #
• #
• #