7. Шрифты и изображения
Шрифты.
Как правило, пользователи вообще не любят читать информацию на сайтах. И все же когда им нужно это сделать, наша задача максимально облегчить их чтение сделав его удобным. Основной текст на сайте должен быть хорошо читабельным и удобным для визуального восприятия пользователей (ведь считывая текст со своих гаджетов мы напрягаем зрение на 25% больше, нежели с обычной бумажной страницы).
1. Тип шрифта.
Варианты шрифтов лучше выбирать без засечек, так как они более удобны для визуального восприятия. Этомогутбыть:
- Arial; - Vernada;
В шрифтах с засечками для текста подходят такие как:
- TimesNewRoman; - Georgia;
Для заголовков можно также использовать такой шрифт как: Impact. Он без засечек, но для основного текста его буквы слишком толстые.
2. Размер шрифта.
Размер шрифта должен быть не меньше 10рх. Читая текст с меньшим размером, пользователь вынужден очень сильно напрягать зрение, что приводит к усталости и раздражению.
3. Выделение жирным, подчеркиванием и наклоном.
Выделять жирным текстом мы можем заголовки, подзаголовки и ключевые слова. Подчеркиванием и наклоном выделяются ссылки.
4. Цвет.
Зачастую используется черный шрифт на белом фоне, но вся темная цветовая гамма хорошо и читабельно выглядит на белом фоне. Никогда не используйте слишком яркие цвета для фона и для текста одновременно. Не используйте на одной странице более трех расцветок (как для шрифта, так и для фона).
5. Абзацы.
Не пишите монотонные тексты. В одном абзаце не делайте более пяти строчек. Если у вас нет возможности сделать абзацы, делайте большие междустрочные промежутки.
6. Количество символов.
В одной строке не следует использовать более 70 символов или 12 слов.
Важно!
Всегда размещайте информацию на странице согласно приоритетности – сверху – вниз – от самых важных элементов, до наименее важных.
Наиболее важный текстовый элемент страницы выделяйте другим шрифтом и цветом, делайте крупнее, жирнее, оставляйте после него на странице некоторое пространство для лучшего визуального восприятия. Всю информацию, которую вы публикуете на сайте, группируйте в логическом порядке.
В разделах и подразделах публикуйте соответствующую информацию, вязанную между собой. Расставляйте акценты на самых популярных разделах сайта. Всегда показывайте ссылки. Ссылки должны выделяться. Пользователь должен видеть, где он может щелкнуть мышью и совершить переход.
Но, не переборщите с разнобоем цветовых и графических элементов, слишком сильные цветовые и шрифтовые перепады (размеры, цветовые выделения и подчеркивания, большое количество орфографических знаков – восклицания, вопросы, дужки и т.д. ) вызывают, как правило, скорее негативную реакцию, и ваш сайт теряет посетителя. Это же относится и к уникальным торговым предложениям и призывам к действию. Слишком большое количество на странице создает эффект «давления» на пользователя.
Если у вас на сайте присутствуют изображения, их формат может быть трех видов:
- jpg - png - gif
JPG – самый распространённый формат изображений. Он хорошо сжимается. Но, следует помнить, что при сильном сжатии заметно ухудшается качество изображения. Используйте этот формат для заливки стандартных фото на сайт. Оптимальный размер фотографий для сайта: 1280:1024 пикселей.
PNG – в этом формате поддерживается прозрачность. Вы можете оставить прозрачным какой-то участок изображения или его фон. Этот формат используют для изображений кнопок, фоновых картинок, логотипов и фоновых заливок.
GIF – формат для анимации. Он тоже поддерживает прозрачность и используется для анимационных баннеров, аватарок, разнообразных картинок (в том числе и кнопок) и т. д. Обсудив все детали удобства пользования сайтом, нельзя упустить такую важную функцию, как А-Б тестирование. А-Б тестирование.
Когда вы разрабатываете дизайн своего сайта или посадочной страницы, вам не хочется упустить и малейшую деталь, которая может принести вам прибыльность. Но, для того, чтобы сайт или страница действительно были конверсионными, чтобы к вам приходили новые посетители, чтобы они доверяли вам и совершали покупки именно на вашем сайте, необходимо проводить А-Б тестирование.
