То, на чем в тексте необходимо акцентировать внимание, выделяют полужирным шрифтом, но не более трех слов подряд.
Более того, выделенные слова должны быть легкочитаемы и иметь отдельную смысловую нагрузку, а информация структурирована для быстрого и легкого восприятия с помощью маркированных списков или буллитов.
Размер от 12 до 18 px. Размер шрифта на сайте должен быть не менее 12 пикселов.
Читать текст с экрана труднее, чем с бумаги. К тому же у многих пользователей плохое зрение и получается, им нужно идти за очками, чтобы разобрать рекламный текст. Тут уже не до покупки. Любые сложности и неудобства ведут к потере клиентов.
Прямая речь – курсив. Прямую речь и какие-то важные моменты лучше выделить курсивом. Можно использовать курсив для выделения прямой речи при оформлении отзывов покупателей чтобы показать, что эти слова принадлежат не авторам сайта, а их клиентам.
Текст контрастный (черный текст на белом фоне). Вопрос применения черного текста на белом фоне уже затрагивался. Поговорим о сером тексте на сером фоне. Это тот случай, когда эстетикой стоит пожертвовать ради юзабилити. И ради продаж.
Использовать синий текст только в ссылках. Многие создатели одностраничников любят использовать синий цвет в заголовках и подзаголовках. Если ориентироваться на социальное соглашение, у книги и сайта есть одно явное отличие – это гиперссылки.
Мы знаем, что можем проходить сайты не от страницы к странице, а двигаться вглубь с помощью ссылок.
Пользователи привыкли к тому, что у ссылок есть две характеристики: ссылки выделяют либо синим цветом, либо подчеркивают специальной линией.
Поэтому, если в тексте что-то подчеркнуто или выделено синим цветом, это автоматически воспринимается как ссылка. Правило простое: никогда не используйте синий цвет в тексте, за исключением выделения ссылок.
На картинке представлены страницы сайтов для сравнения (рис. 5.9). Есть страница с более мелкими шрифтами и более крупными.
Какой проще воспринимается? Естественно, левая страница воспринимается проще, чем правая.
Ниже на картинке вы увидите два примера использования фона. Сравните применение белого и серого фона. Белый фон для восприятия проще, чем серый. Легче понять, что написано, и хочется продолжить чтение.
Для ссылки применяется уникальный цвет: если посмотреть на картинку, можно точно сказать, что ссылка находится на второй строке текста, потому что она подчеркнута и выделена цветом.
Используйте русские кавычки и буллиты.
