語(yǔ)言從左到右的閱讀方向
我們?cè)趶挠傻阶箝喿x習(xí)慣的地區(qū)進(jìn)行的可用性研究發(fā)現(xiàn)人們更加注重一行的開(kāi)始部分。顯然,在這些語(yǔ)言中,文本一開(kāi)始便從右側(cè)開(kāi)始的。即使如此,我們不一定會(huì)找到對(duì)應(yīng)的Eyetracking進(jìn)行,比如說(shuō),阿拉伯語(yǔ)和希伯來(lái)語(yǔ)同樣有以上圖表身影。(大概意思就是說(shuō)當(dāng)一個(gè)國(guó)家或地區(qū)的閱讀習(xí)慣是從右到左,那么他們的注意力時(shí)間分布圖則會(huì)與上面的圖形成鏡像關(guān)系,即橫坐標(biāo)寫(xiě)的是從右往左。)
原因是從右到左閱讀語(yǔ)言的網(wǎng)站不總是采用從左到右的布局設(shè)計(jì)。下面是來(lái)自迪拜報(bào)紙 Emarat Al Youm 和以色列報(bào)紙Haaretz網(wǎng)站的布局:
點(diǎn)擊放大
Emarat Al Youm是一個(gè)真正的右對(duì)齊網(wǎng)站。與此不同的是,Haaretz是一個(gè)文本右對(duì)齊的網(wǎng)站,但仍有一個(gè)左側(cè)導(dǎo)航欄。所以,這個(gè)視線追蹤(Eyetracking,我暫且這樣翻譯)研究相比于我們普通的英文網(wǎng)站可能更為復(fù)雜。(不雇傭我們到以色列進(jìn)行視野集中研究,我們也就不能確定的了解了。)
優(yōu)先常規(guī)布局
返回到我們常規(guī)的從左到右閱讀習(xí)慣的語(yǔ)言,比如說(shuō)中文,英語(yǔ),俄文,甚至是日語(yǔ)——我們的發(fā)現(xiàn)意味著什么?
簡(jiǎn)單的說(shuō),堅(jiān)持傳統(tǒng)的網(wǎng)站布局,因?yàn)樗昝赖姆先藗優(yōu)g覽網(wǎng)頁(yè)的習(xí)慣。
- 保持導(dǎo)航的一致在左側(cè),這是人們希望找到的一個(gè)清單;
- 更加注重主要內(nèi)容的從左至右排列;
- 最重要的內(nèi)容應(yīng)該占到整個(gè)頁(yè)面寬度的三分之一甚至是一半。這是用戶(hù)最關(guān)注的地方;
- 保持次要內(nèi)容在右側(cè)。它不會(huì)被過(guò)多的關(guān)注的,不過(guò)已經(jīng)夠了——不是每一個(gè)內(nèi)容都能獲得頭等位置,你需要一個(gè)位置放置并不那么重要的內(nèi)容。
有趣的是,這個(gè)大圖所顯示的網(wǎng)站布局和主流的內(nèi)聯(lián)網(wǎng)布局極其相似。但是這只是一個(gè)網(wǎng)站。
占主導(dǎo)地位的瀏覽模式和網(wǎng)頁(yè)布局顯然演變成了一種從屬關(guān)系:
- 人們被訓(xùn)練要注意某些地方是因?yàn)槟抢锿ǔ7植加凶钪匾男畔ⅲ?
- 就目前,公司創(chuàng)造網(wǎng)站的布局時(shí),他們的信息是按照人們?nèi)绾畏峙淦湔麄(gè)頁(yè)面的關(guān)注度來(lái)排布的。至少,如果他們能讀到這篇文章 :-)
如果與傳統(tǒng)的布局向背的話,一些用戶(hù)在瀏覽你的網(wǎng)站時(shí)候?qū)⒏淖冴P(guān)注的習(xí)慣。如果你放置重要的東西在右側(cè), 那么可能碰巧那些(更少)用戶(hù)在那個(gè)區(qū)域相比于典型的用戶(hù)域發(fā)現(xiàn)這種信息將花費(fèi)更多的時(shí)間。
這并非是如果用戶(hù)事先決定:“我將我從左到右看的時(shí)間只花2.5%,瀏覽1000和1100的像素這一段!
無(wú)論如何,你偏離傳統(tǒng)設(shè)計(jì)的代價(jià)是:當(dāng)用戶(hù)最初瀏覽你的網(wǎng)頁(yè),他們將花費(fèi)大量時(shí)間尋找他們所需要的東西。
如果你的網(wǎng)頁(yè)布局符合用戶(hù)的瀏覽需求,而不是放在非傳統(tǒng)的位置,傳統(tǒng)布局他們可能不知不覺(jué)的輕松找到信息,完成他們想要的意愿。
而且,當(dāng)你的網(wǎng)站讓用戶(hù)覺(jué)得理所當(dāng)然的時(shí)候,你的業(yè)務(wù)也將會(huì)更順利。下面的Web可用性公約意味著更多的錢(qián)。
初次翻譯,不妥之處請(qǐng)多多指正
原文:http://www.useit.com/alertbox/horizontal-attention.html 譯文:http://web.woai.com.cn/horizontal-attention/
本文鏈接:http://m.95time.cn/design/doc/2010/7543.asp
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁(yè) 水平線上的注意力左傾 [1] 下一頁(yè)
|