与你所认为的相反,在
浏览一个网站的时候,能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户,他们是来寻觅信息的而不是图像。因此,保证你的网站设计凸现出最重要的信息板块,这才是设计的首要原则。2.眼球的第一运动聚焦于
网页的左上角
食品伙伴个性空间g/L8K,Jux-e|e 用户浏览网页的这一习惯应该在意料之中,毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时,应该尽量保持这一格式。要知道,如果你希望保持个人特色,搭建一个成功的网站,你就必须尊重用户们的习惯。
`2u0j!O;n+Od\#M^W0 3.根据视觉锁定,一栏格式比多栏格式拥有更好的表现力
8W TEp)NIu*YG0 别让过多的信息把网站来访者淹没。大多数情况下,简洁更具力量。多栏内容容易被用户忽视,我们需要消除这些干扰。
DqaHP0 4.简短的段落相对于长段落来说有更好的表现力
d*V'M\:KA:l"L)q#`0 网页信息是为大多数强调快速浏览的无联网用户提供的。除非上下文的衔接要求,保持信息由简短的段落和句式组成,例如这个电子商务网站的产品介绍。
食品伙伴个性空间dX'['j#Z.y2e1?O 5.人们大都只浏览网页的小部分内容
食品伙伴个性空间i?6W5U"w5b 如果在用户浏览的时候提供信息使他们尽快锁定目标,就可以把这一点发展成为你的优势。突出某些部分或者创建项目列表使网页信息容易找到和阅读。
#[8g6AjE0 6.用户浏览网页时,首先观察网页的左上部和上层部分,之后再往下阅读,浏览右边
$K3fR5A T0 用户普遍的浏览方式呈现出“F”的形状。保证网站内容的重要要素集中于这些关键区域,以此确保读者的参与。在此放置头条,副题,热点以及重要文章,这样可以吸引到读者进行阅读。
u!rg;^&K-e!`-w7A0 我觉得这个“F”型的描述还是很符合的,大家也可以回想一下自己在浏览网页时,视线的走向。其实这是一个博弈,
顾客浏览的习惯也是众多网页设计者们培养的结果,这个结果反馈后又促进设计出更符合顾客的页面。
食品伙伴个性空间l;p9V;K
u3}+IO @ 如果采用面向顾客的思路来制作或改进网页:
食品伙伴个性空间GB5Phh0@W'`0K ü 作为我们电子商务类网站:主要目的是促使顾客点击购买。就要让顾客在打开网页的瞬间就能捕捉到激发购买欲的信息。
食品伙伴个性空间@|'oE } f 1.下面按照红黄绿的颜色,一般网页吸引眼球的重要性依次递减:
食品伙伴个性空间 kn#lC+V"V+kY jNk 红 PW:u6VY8V7]&U$N0 | 红 }J(h:O|
X5XXv0 | 黄 /o:X1djQDC9k(J0 | 绿 %S$V@)S[(V)QS(j \$Z0 |
红 w,O m ht1b"q0 | 红 {SA;`PJ
fh~_0 | 黄 w,|T/s3vI,{0 | 黄 9I(U~.d)q~2f9Z~0 |
黄 食品伙伴个性空间}C"c4l"`w
| 黄 食品伙伴个性空间1C.l} An'J1hg
| 黄 食品伙伴个性空间H,RZ)E(h%j"i6\v(r.H
| 绿 5]];GZFn:T$z0 |
绿 食品伙伴个性空间zP
|[
SU$x
| 绿 食品伙伴个性空间;o
Pl8GTTR3\
| 绿 食品伙伴个性空间T`+U8fj9t A
| 绿 $?#k.G*?L6N0 |
2M$GAC%nX G.gq0 图1
7BzcADfN6E0 因此可将最有吸引力的产品放在红色区域。同时
企业的标志也放在此,形成品牌形象的宣传。
FJ(uF@0Navigation-placement statistics 1@2i:T{i:w0 |
Navigation placement +f.W||D5^-{1T/po0 | Left食品伙伴个性空间k7V9x6k?6e#]8| | Right ;cXn&p.pB%y0 | Top |xx8G1t[o)d0 |
% seeing navigation S)e'D6xJz|0 | 52.5食品伙伴个性空间4GI#q`pM5A'p | 60.4食品伙伴个性空间O5_r#Nu;o | 70.4 ^"b"?B]{0 |
Avg. time to first view of nav (seconds) ,S'vFV&P0 | 9.7 0f;I%~N5OH?-P0 | 17 9?wQ!G{/AF1F0 | 6.2食品伙伴个性空间`bL\Q
|5|/q |
Avg. duration of viewing nav (seconds) Be'a Jv0 | 1.1食品伙伴个性空间(u
nd4B5h | 1.4食品伙伴个性空间^
i ^ky0B | 2.3食品伙伴个性空间"H{7vHP:gq)?J |
% clicked on nav食品伙伴个性空间L4e!i"SC)b5C
n:c
| 17.8食品伙伴个性空间8h2{:i-u.h5X
Jq | 18.8食品伙伴个性空间l
u+p)v^D&l8Dw%G.Sv | 21.8 `r4Q5`n:S:a0 |
% of total page clicks on nav食品伙伴个性空间0?vE\8}G0hu2K
m
| 8.4食品伙伴个性空间hgG/bK6d|M | 4.5 a9O rD-O[x&`0 | 14食品伙伴个性空间4W B+?c#to
k;v\ |
食品伙伴个性空间"}Y5o5n$CY)PH:Ye 表1
食品伙伴个性空间1Q9p;A2j
iM:r 2.而依据上表,可知导航放在上部各个方面效果都是最佳的。
cZl.c(k
?0 不同的应用:
U
[%|``[ ff$`N0 ü 作为广告商:主要目的是宣传,引起关注。
:Ecrq*{r0 1.依据图1,网页顶部和左边的广告更能吸引眼球。
6ES/|+g|?~Wm ]0 2.现在培养的客户都会对类似广告的图片或文字视觉上本能地忽略,因此广告不易太花哨。
食品伙伴个性空间"Eb"fYD~#I@ 3.另,研究表明,读者常忽视大部分的横幅广告,视线往往只停留几分之一秒。因此需创新广告位,合理配置网站广告形式。
食品伙伴个性空间
Ks#Wjbg6Q"JA ü 对于信息类网站:主要目的是传达读者感兴趣的信息,以保持足够的网站吸引力。
食品伙伴个性空间|7F#qu
_4Q0Xu 1.读者在阅读文章的时候并不是逐字逐句,而会习惯跳跃扫视,因此,关键信息Highlight出来更易于读者把握重要信息。
食品伙伴个性空间IR:NH{mS#a 2.标题的设置要精炼,且要传达足够的信息量。这是读者决定是否阅读这篇文章的关键。另还可增加副标题作为补充,如果副标题仍不够吸引,基本上我们就不会感兴趣去点击了。
6^n$w)MKphZ0 以上只是了解的部分情况,
网络顾客数量庞大,很难有一个描述能概括整个群体。大家如果有兴趣还可以根据自己浏览网页的经验,总结出更多。
f4vX8x,JL7[0#A#k&jy@*J;ez0来源:
http://www.20ju.com/content/V71125.htm