Какой шрифт лучше выбрать для сайта? Пример из жизни

Клиенты не звонят, посетители на сайте заходят и стараются уйти как можно быстрее.

В чем же причина?

Часто, причина кроется в элементарных ошибках в выборе шрифтов.

• Arial Black
• Arial
• Comic Sans MS
• Courier New
• Georgia
• Impact
• Times New Roman
• Trebuchet MS
• Verdana

Остальными шрифтами лучше вообще не пользоваться на сайте.

Последние данные опросов пользователей показали, что наиболее комфортным для основного текста на сайте является шрифт Verdana.

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

• черный текст на желтом фоне
• синий текст на белом фоне
• белый текст на синем фоне
• зеленый текст на белом фоне
• красный текст на белом фоне

Но! Никогда не ведитесь на стандартный дизайнерский вариант:

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

Минимально приемлемый размер шрифта - 10 пунктов, а лучше от 12 до 16 пунктов.

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

И еще контент-менеджеры жалуются, что у них начинает болеть голова во время работы с этим сайтом.

Поставили эксперимент - увеличили размер шрифта до 10ки, тон фона осветлили до белого, а текст сделали чисто черным.

Результат изменения поведения посетителей на картинке:

Просмотры выросли до 2.8 страницы на посетителя, а время до 1.8 минуты! И усталость от сайта пропала.

Следуйте 3м правилам выбора шрифтов для сайта из этой статьи и Вы избавитесь от неприятных неожиданностей с Вашим сайтом.

Еще статьи по теме usability

Не мог не отписаться, мне как дизайнеру и веб разработчику с большим стажем - статья не понравилась. Это мое ИМХО но, возможно это будет вам полезно:

Шрифты:Хорошо сделанный сайт должен использовать подключаемые шрифты в css, а как альтернативу - брать из списка безопасных шрифтов.Кстати, ваше комбинирование шрифтов с засечками и без на сайте - плохой тон. Да и вообще от шрифтов с засечками на сайте надо либо избавляться либо использовать крайне осторожно.

Сочетания цветов - из раздела китайских сайтов и начала развития веба. Если уж говорить о сочетаемости цветов, то есть от адоба веб приложение - Adobe Kuler.

Надеюсь, что смог направить вас в нужную сторону. Спасибо.

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

Ангелика, спасибо за комментарий! Я бы еще раз обратил внимание не только на субъективный взгляд, а на данные статистики конкретного сайта и А/Б тестирование, которые показывают, что чем проще компоновка и читабельнее текст, тем лучше для конверсии.

И есть просто психология восприятия цвета от которой никуда не денешься.

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

Александр, спасибо за комментарий!

Тут вопрос постановки задачи - если рисуется красивый "Дизайнерский" сайт, я полностью согласен с вашей точкой зрения.

Если нужна отдача от инвестиций в сайт - лучше воспользоваться опытом моих ошибок, который описан в статье.

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

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

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

Сейчас верстаю свой сайт (новая редакция, старый весь сделан в "вердане"), хочу для текста применить "Academy Italic", он курсивный, а для меню "Pump", уж очень красив. Как Вы думаете, стоит ли менять "вердану", т.к. сайт по своим запросам в ТОП 5 в гугле.