字体网站字体有多重要?它帮网站提高了38%的流量!—UI博客精选

博客流量  时间:2021-04-21  阅读:()

网站字体有多重要它帮网站提高了38%的流量—UI博客精选http://www.yunyo ub ar.c o m/邮件群发

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

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

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

字体影响读者的情绪

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

认知偏见

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

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

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

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

正常字体

滑稽字体

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

可读性

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

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

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

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

字体测试

测试开始前我最想知道哪种字体最适合我的网站

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

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

字体的表现。

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

Georgia

Arial

Verda na

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

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

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

字号测试

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

我觉得字号越大也具有可读性。 好吧我又预测错了

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

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

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

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

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

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

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

字体优化的魅力

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

自从我们整个网站使用14px的Georgia字体后我们网站的平均跳失率Bo unce Rate从88.0%下降到80.9% 7.1%的优化。

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

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

原文链接 网站字体有多重要它帮网站提高了38%的流量更多UI博客精选

Hostodo(年付12美元),美西斯波坎机房Linux VPS主机66折

Hostodo 商家是比较小众的国外VPS主机商,这不看到商家有推送促销优惠在美国西岸的斯波坎机房还有少部分库存准备通过低价格促销,年付低至12美元Linux VPS主机,且如果是1GB内存方案的可以享受六六折优惠,均是采用KVM架构,且可以支付宝付款。第一、商家优惠码优惠码:spokanessd 1GB+内存方案才可以用到优惠码,其他都是固定的优惠低至年12美元。第二、商家促销这里,我们可以看到...

萤光云(13.25元)香港CN2 新购首月6.5折

萤光云怎么样?萤光云是一家国人云厂商,总部位于福建福州。其成立于2002年,主打高防云服务器产品,主要提供福州、北京、上海BGP和香港CN2节点。萤光云的高防云服务器自带50G防御,适合高防建站、游戏高防等业务。目前萤光云推出北京云服务器优惠活动,机房为北京BGP机房,购买北京云服务器可享受6.5折优惠+51元代金券(折扣和代金券可叠加使用)。活动期间还支持申请免费试用,需提交工单开通免费试用体验...

妮妮云36元,美国VPS洛杉矶 8核 8G 36元/月,香港葵湾 8核 8G

妮妮云的来历妮妮云是 789 陈总 张总 三方共同投资建立的网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑妮妮云的市场定位妮妮云主要代理市场稳定速度的云服务器产品,避免新手购买云服务器的时候众多商家不知道如何选择,妮妮云就帮你选择好了产品,无需承担购买风险,不用担心出现被跑路 被诈骗的情况。妮妮云的售后保证妮妮云退款 通过于合作商的友好协商,云服务器提供2天内全额退款,超过2天不退款 物...

博客流量为你推荐
支持ipadeaccelerator开启eAccelerator内存优化就各种毛病,DZ到底用哪个内存优化比较好。。。photoshop技术PS技术是干什么的,如何使用PS技术?tracerouteTRACEROUTE的作用是什么win10关闭445端口win10家庭版怎么禁用445端口ipad上网为什么我的ipad 显示无法连接到网络phpechophp echo函数 是什么意思xp关闭445端口Windows XP系统 关闭445端口后无法上网,求解?icloudiphone没开启icloud的iphone怎么用find my iphone找回win7关闭135端口win7系统怎么关闭135端口?网上很多方法都不好用!
上海vps 域名抢注工具 主机测评 liquidweb omnis 私人服务器 godaddy域名优惠码 mobaxterm 香港新世界电讯 一点优惠网 牛人与腾讯客服对话 电子邮件服务器 韩国名字大全 息壤代理 能外链的相册 linode支付宝 国内域名 supercache 免费个人网页 tracker服务器 更多