详细解析字体应用帮助网站提高流量

出手就重伤

出手就重伤

2016-02-16 21:54

图老师小编精心整理的详细解析字体应用帮助网站提高流量希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

多年前,麻省理工学院的研究人员已经证实字体影响我们的感受:差的字体使人无意识的反感,好的字体使我们感到高兴。如果字体能够影响我们的情绪,那同样会影响用户体验。

几周前,我决定探究字体对用户体验的影响究竟有多大。通过一系列的对比测试,仅仅在改变字体的情况下,我的网站流量提高了38%。

在开始详细讲述我的测试前,先解释下为什么字体对用户阅读有如此大的影响。

字体影响读者的情绪

字体通过两种方式影响我们的情绪。

认知偏见

首先,我们会自然而然的赋予某些字体及字体形式一定的内涵。好比我们对身边事物的看法经常受到认知偏差和生长文化的影响。例如,在美国,无衬线字体经常被用在政府书文上,而在英国,无衬线字体常被用在小报上。

用户感受到的信息经常会因为文章字体的变化而变化。

下面是我公司博客的两张截图,同一篇讲述如何用Wordpress建站的文章,但是用了两种相差较大的字体。

可以注意到,由于使用字体的不同,相同的内容传递着不同的信息。

正常字体:

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

滑稽字体:

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

第二张Comic Sans 字体看上去远没有第一张可信、专业。这不是字母的线条、间距或字母的其他特性造成的,而是Comic Sans字体让人联想到孩子气。

想运用好字体,先来掌握它们的性格!《字体的性格!未成曲调先有情》

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

可读性

事实上,一些字体本身比其他字体更具可读性。如果阅读一段文字时,我们的眼睛和大脑负荷越重,那我们对字体的感觉就更糟糕。

衬线字体最早用在印刷上,因为衬线有利于眼睛更快速的区分字母。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

电脑刚问世时,分辨率还很低,衬线字体又必须用矢量创建,而矢量在早期的低分辨率屏幕上无法很好的显示。这使得早期的设计师默认使用位图创建的无衬线字体。

在过去的几十年间,屏幕分辨率不断的发展。现在近距离也很难看见屏幕上的像素点,像Georgia这样的衬线字体也越来越流行。

分享一组高质量的无衬线字体:《平面设计师最爱!20款高质量的非衬线字体免费下载》

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

字体测试

测试开始前,我最想知道:哪种字体最适合我的网站?

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

我在我的一篇文章上进行了3种字体的对比测试:Georgia、Arial、 Verdana。

我们通过文章的点击次数结合页面的跳失率和页面停留时间等行为来评估每种字体的表现。

以下是测试字体的文章片段,你可以预测下这3种字体的测试结果。

Georgia

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

Arial

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

Verdana

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

我预测Georgia字体最适合我的网站,因为他可读性很强。Verdana最不适应我的网站。

和我预测的一样,Georgia确实最适合我的网站,但是Verdana字体不是最差的那个。使用Verdana字体时文章的点击量比使用Arial字体时多29.1%。

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

同时,使用Georgia字体时,平均页面停留时间更长,这表明用户阅读文章的内容更多。这点已经通过热点图得到证实。

字号测试

在证实了Georgia最适合我们的网页后,我们同样想知道,几号的字体最适合用户阅读。

我觉得字号越大,也具有可读性。(好吧,我又预测错了)

首先我测试了14px、15px、 16px这组字号。

在网站上使用上述相同的方法测试,结果显示,14px的字体最适合阅读。

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

PS:字号每加大一个 像素,行距也相应加高了一个像素。

这个结果让我很吃惊,我之前阅读过的相关研究告诉我,用户阅读文章时,更大的字体能够吸引用户的注意力。并且很多可读性很高的网站都使用了20px以上的字号。

为了二次确认我的测试结果,我测试了另一组字号:10px、14px、18px、21px。

结果再次证明,14px的字体最适合阅读。

这次试验让我知道,不论分组测试哪种试验,结果都会告诉你:对某些人奏效的事情未必对其他人奏效。对我们的博客使用的字体,或是发表的文章来说,14px的字体可能是个很好的选择。

字体优化的魅力

根据测试优化字体后,我们网站的用户体验有多大的提升?

自从我们整个网站使用14px的Georgia字体后,我们网站的平均跳失率(Bounce Rate)从88.0%下降到80.9%,7.1%的优化。

每个页面的平均访问量从1.21上升到1.43,18.18%的优化;页面的平均停留时间提高了10分钟。

详细解析字体应用帮助网站提高流量,PS教程,图老师教程网

所有的这些都由分组测试(也叫A/B测试)得出的,并不是我个人观点。使用类似VWO或Optimizely这类分组测试工具,能够检测出哪种字体最适合你的读者,哪种方案更合适。

展开更多 50%)
分享

猜你喜欢

详细解析字体应用帮助网站提高流量

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析字体应用帮助网站提高流量

网站流量提高独招短期与长期并重!

Web开发
网站流量提高独招短期与长期并重!

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

详细解析循环视频在网站设计中的应用

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析循环视频在网站设计中的应用

详细解析字体设计心得技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析字体设计心得技巧

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

详细解析欧美游戏网站设计案例解析

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析欧美游戏网站设计案例解析

提高网站权重:提高网站PR和提高网站更新度

Web开发
提高网站权重:提高网站PR和提高网站更新度

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

环境优美的布里斯班别墅设计

环境优美的布里斯班别墅设计

墨西哥主题元素标志设计欣赏

墨西哥主题元素标志设计欣赏
下拉加载更多内容 ↓