站长们越来越愿意在用户体验上下工夫,但提升用户体验可不是简单的事情,需要大量的调研、分析和实验。最近我们发现了一篇好文章,希望和广大站长分享。该文章是一位互联网交互设计师翻译的文章,原文作者在自己博客上分别测试了不同字体字号对用户点击行为造成的影响,有些结果与作者的预测是相符的,有些却出乎意料。
4 v0 N Q$ A) \虽然国内外的互联网环境不同,原文中的结论并非全部适用于国内网站,但文章中的思路及实验方法,站长们是可以借鉴一下的。$ a- C+ s+ ^6 D" {7 X" P
多年前,麻省理工学院的研究人员已经证证实字体影响我们的感受:差的字体使人无意识的反感,好的字体使我们感到高兴。
, n4 ^0 t( B! X$ L+ D; b如果字体能够影响我们的情绪,那同样会影响用户体验。6 G; w) x. N0 _: f' F+ A2 ^6 ?0 v
几周前,我决定探究字体对用户体验的影响究竟有多大。
+ }0 g, w- ?( n0 f, ^0 f' H) ~: t1 J通过一系列的对比测试,仅仅在改变字体的情况下,我的网站流量提高了38%。
. F( E4 K% k8 w: v P: Z$ [: G( ~ 在开始详细讲述我的测试前,先解释下为什么字体对用户阅读有如此大的影响。: A/ ~: \/ s" a7 ]8 p
字体影响读者的情绪
1 S& q/ h: x. b# S) E字体通过两种方式影响我们的情绪。
4 s4 f( U( C8 U; ]( R6 ~: j: |3 O认知偏见4 |2 N D) i3 ~5 `. ]4 k
首先,我们会自然而然的赋予某些字体及字体形式一定的内涵。好比我们对身边事物的看法经常受到认知偏差和生长文化的影响。例如,在美国,无衬线字体经常被用在GOV书文上,而在英国,无衬线字体常被用在小报上。2 ~0 m) \- u0 R( r. f, f
用户感受到的信息经常会因为文章字体的变化而变化。& ? e# a- @& q2 ]2 B, g1 E2 K
下面是我公司博客的两张截图,同一篇讲述如何用Wordpress建站的文章,但是用了两种相差较大的字体。' y; S# N' S( E# f) v+ f/ c- Z3 @% [
可以注意到,由于使用字体的不同,相同的内容传递着不同的信息。
: Q/ m, p, K3 c3 w+ FThe site`s normal fonts:8 B3 ~* d5 A& t& P. S
Comic Sans font:. @. _" X* ^" T8 ~! P
第二张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 X( G' F! W# M. c+ S: J: a3 {* e
, O: I! G+ b! Q% m |0 }1 f
|