Шрифт для сайта: с засечками или без? АБ тест.

Шрифт с засечками
Интернет
3

В типографике существует мнение, что шрифт с «засечками» лучше читается и воспринимается пользователями. Именно по этому в печатной литературе применяются такие шрифты. В свою очередь, для интернет-издаий это хороший повод для АБ теста.

Гипотеза понятна. В тесте принимают участие варианты:

  • Исходный вариант (13px/20px Arial, Helvetica, Sans-serif;)
  • С засечками (13px/20px Times, Helvetica, serif)

Тест проходит на одной из популярных страниц блога, с большим количеством текста. Участвуют 100% аудитории.
Уже по результатам 124 сеансов был выявлен победитель:

С большим отрывом, как по количеству отказов, так и по средней длительности сеанса и количеству просмотренных страниц побеждает шрифт с засечками.
Профессионалы могут счеть этот тест не достоверным, и, конечно, можно было бы его и повторить, для более весомого результата. Или провести А/А/B тест, что бы сравнить результаты по А варианту. Но в этом случае я поступил иначе.
После успешного проведения теста на всем сайте шрифт был поменян на шрифт с засечками. Признаться, мне и самому так больше нравится. Я засек дату изменений, и теперь, по прошествии 2х недель, можно сравнить результаты по всему сайту:

Шрифт с засечками: результаты АБ теста на всем сайте

Т.к. никаких существенных изменений на сайте не проводилось, и даже не публиковались новые статьи, можно предположить, что изменения вызваны заменой шрифта на «Times, Helvetica, serif» — шрифт с засечками.
Как видно из графика, практически все показатели выросли. Особенно можно отметить количество просамтриваемых страниц и время их просмотра.
Ради справедливости стоит заметить, что немного вырос показатель отказов, что не вяжется с результатами проведенного теста. Но т.к. показатель достаточно не большой, им можно пренебречь.

В целом, рекомендую всем владельцам сайтов, заботящихся об удобстве пользователей и о поведенческих СЕО факторах провести этот простой тест.

  • Yury Zinoviev

    Не поделитесь как вы устроили этот тест? Как настроили сайт чтобы он с разными шрифтами был в разных вариантах? Как-то css подменяли? Или как, что-то не могу сообразить (((

    • ablex

      Добрый день, Юрий!
      Да. На js пишется подмена шрифта в css.

      • Yury Zinoviev

        Понял, спасибо!

Тренды e-mail маркетинга 2018
Бизнес
6 главных трендов e-mail маркетинга в 2018 году

К чему готовиться Digital специалистам и E-mail маркетологам в 2018 году? С учетом каких тенденций строить план развития E-mail канала? Поделиться «6 главных трендов e-mail маркетинга в 2018 году» FacebookTwitterGoogle+LinkedInVKontakteE-mail Интересное по теме:Домашний сервер — что можно сделать из старого компьютера?Верстка рассылки e-mail одним изображениемМультифон-фантом или пособие неудачникаРассылки купонных сайтов: …

Выявление случаев мошенничества в СРА
Интернет
Анализ трафика CPA партнеров в Google Analytics. Борьба с фродом

Для многих рекламодателей CPA сети, это не только большие возможности, но и большая головная боль. Да, в CPA сетях может быть много «фрода» и некачественного траффика. Но это не значит, что CPA плох сам по себе. Просто, при работе с любым рекламным каналом есть свои нюансы. В CPA, это необходимость …

Web Push уведомления для сайта
Интернет
3
Web Push уведомления для сайта

Вы уже заметили, что в блоге появилась «модная» сегодня функция — подписка на Push уведомления. Для посетителей это еще одна возможность первыми узнавать о появлении новых актуальных статей. Для блогера, это возможность постоянно поддерживать контакт со своей аудиторией. В этой статье мы разберем, что такое Web Push уведомления, как они …

Top