找回密码
 加入怎通
查看: 428|回复: 4

[站长八卦] 说说网站字体优化对用户体验度的影响!

[复制链接]
3284477350 发表于 2016-06-15 17:02:54 | 显示全部楼层 |阅读模式
站长们越来越愿意在用户体验上下工夫,但提升用户体验可不是简单的事情,需要大量的调研、分析和实验。最近我们发现了一篇好文章,希望和广大站长分享。该文章是一位互联网交互设计师翻译的文章,原文作者在自己博客上分别测试了不同字体字号对用户点击行为造成的影响,有些结果与作者的预测是相符的,有些却出乎意料。2 S- z8 c' {8 b/ [! R: [. t: V# W
虽然国内外的互联网环境不同,原文中的结论并非全部适用于国内网站,但文章中的思路及实验方法,站长们是可以借鉴一下的。) J2 r( S: S+ p: t
多年前,麻省理工学院的研究人员已经证证实字体影响我们的感受:差的字体使人无意识的反感,好的字体使我们感到高兴。
) p: j' c4 V6 s9 V1 [如果字体能够影响我们的情绪,那同样会影响用户体验。
; @; L+ D9 C& X) Q8 T: p几周前,我决定探究字体对用户体验的影响究竟有多大。3 V) d* w9 Q4 @# ?1 a4 R
通过一系列的对比测试,仅仅在改变字体的情况下,我的网站流量提高了38%。
8 E- T1 X: a/ b4 j6 I2 ?: M
在开始详细讲述我的测试前,先解释下为什么字体对用户阅读有如此大的影响。' ^% f7 p4 C9 E- {5 j1 E4 w& V6 @3 \
字体影响读者的情绪" |' N8 Y0 C- ?+ C5 M" n- Q
字体通过两种方式影响我们的情绪。; ~. |- g  n8 f! K
认知偏见
) Z0 U9 S- k9 U. A1 Y首先,我们会自然而然的赋予某些字体及字体形式一定的内涵。好比我们对身边事物的看法经常受到认知偏差和生长文化的影响。例如,在美国,无衬线字体经常被用在GOV书文上,而在英国,无衬线字体常被用在小报上。
! E2 P) m: v5 }  C用户感受到的信息经常会因为文章字体的变化而变化。
  ?4 Y6 S# B# v9 Z+ q3 h下面是我公司博客的两张截图,同一篇讲述如何用Wordpress建站的文章,但是用了两种相差较大的字体。
- x: K  j/ p5 }1 S. x可以注意到,由于使用字体的不同,相同的内容传递着不同的信息。
+ O/ w* k: l/ P( Q: h0 Y& mThe site`s normal fonts:
. s- i( C7 p& m+ x& t2 r) g1 V
Comic Sans font:
5 u+ {/ I* H8 f/ C4 J
第二张Comic Sans 字体看上去远没有第一张可信、专业。这不是字母的线条、间距或字母的其他特性造成的,而是Comic Sans字体联想到孩子气。w w w.shpengpai.com   w w w.chaoxingipcam.com   w w w.sh-wanyufs.com   w w w.sh-zhenyuanfs.com   w w w.kkkkv.com   w w w.oukejc.com   w w w.oukeyq.com    w w w.yhsjyq.com    845035.134216.20la.c o m.c n    w w w.baobiaogongsi.com    w w w.banyinhangka.com   w w w.trsol.com   w w w.daibanyinhangka.cn   w w w.banyinhangka.cn   w w w.daibanyinhangka.com    w w w.ylgangting.com    w w w.changanbus.com   w w w.hangkongkefu.com    w w w.cdxysmc.com    w w w.jinshanzhuce.com   w w w.csctyj.com    w w w.do-win.cn   w w w.perstiya.com    w w w.shqunsheng.cn   w w w.zqpump.cn    w w w.zlxcl.com.cn    w w w.zqbeng.com   w w w.zqbeng.cn    w w w.qdglcenter.com    w w w.zqbeng.cn    w w w.lymsck.com    w w w.huahaiyuan.net   w w w.shvsr.com   w w w.huaridl.com   w w w.dlhuanbao.com    w w w.88315.com   w w w.dlhuanbao.com    w w w.huaridl.com  w w w.yijialift.com  w w w.hooof.cn  w w w.lyjyhq520.com  w w w.zzhengli.com    w w w.melyho.net
9 M" v5 m& C+ U8 M" ]) R4 k, a1 Y, f7 H
回复

使用道具 举报

尚道互动 发表于 2016-06-15 17:03:10 | 显示全部楼层
有一种回帖叫做抢沙发
回复 支持 反对

使用道具 举报

csyp2017 发表于 2026-02-23 17:44:14 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复 支持 反对

使用道具 举报

23546 发表于 2026-02-27 23:58:16 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复 支持 反对

使用道具 举报

xiaopingqqvip 发表于 2026-03-14 10:41:59 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-4-28 10:18 , Processed in 0.361201 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表