137 вебинар UX Russia, посвященный проблеме Readability. Мария Новикова и Юлия Суворова (ранее - Слепова) рассказывают о том, как сделать текст на сайте удобным и приятным для чтения
9. Контрастность
• Если цвета шрифта и
фона подобраны
неправильно,
сглаживание
создаёт вокруг букв
рамку
• Для подбора цветов
пользуйтесь
правилами
цветовых гармоний
10. Размещение на странице
• Не перегружайте
страницу текстами
• Частое
прокручивание
отвлекает
• Разбивайте большие
тексты на меньшие
части на разных
уровнях навигации
11. Структура текстов
• Наглядная структура
должна отражать
внутреннюю
структуру текстов
• Используйте:
– подзаголовки,
– разбивочные полосы,
– дополнительные пробелы
– визуальные акценты и т.д.
12. Блоки и параграфы
Расстояние между разными текстовыми
блоками
Расстояние между заголовком и
текстовым блоком
Расстояние между разными
абзацами
Междустрочное расстояние
• Один параграф – один вопрос
• Первое предложение параграфа отражает
его тему
13. Кернинг и лидинг
• Не указывайте кернинг (межбуквенное
расстояние) или лидинг (межстрочное
расстояние) меньше значений по умолчанию
• На веб страницах удобен лидинг 130%
• Чем длиннее строка, тем больше лидинг
14. Длина строки и выравнивание
• Идеальная длина
строки 9-10 слов (50-
70 символов)
• Абзацы не
начинаются с
красной строки
• В интернете принято
выравнивание по
левому краю
15. Создание списков
• Используйте списки
при перечислении
более 4 элементов
• Согласовывайте
элементы списка в
роде, числе и
падеже
• Не переборщите:)
26. Редактирование текстов
• Простота
– Используйте простые
слова и повторяйте их
– Не используйте метафоры
и деепричастные обороты
• Лаконичность
– В одном абзаце – не
больше 5-6 предложений
28. Редактирование текстов
• Понятность
– Не используйте
иностранных слов,
специальной терминологии,
непонятных аббревиатур
• Нейтральность
– Не употребляйте жаргонных
выражений
– Не используйте сарказма и
клише
– Осторожнее с идиомами