建站常識(shí)
左側(cè)導(dǎo)航還是右側(cè)導(dǎo)航?
2009-05-04 08:22:00
記得很久以前在上一家公司有一次會(huì)議上討論博客的導(dǎo)航問題,大概就是”導(dǎo)航是放在左側(cè)還是放在右側(cè)?”基本上大家在會(huì)議上都達(dá)成了共識(shí)就是博客的導(dǎo)航應(yīng)該是放在右側(cè),因?yàn)閮?nèi)容比較重要,放在左側(cè)可以讓用戶可以更加注意內(nèi)容。
最近在看《Web的導(dǎo)航設(shè)計(jì)》,其中有一部分也提到了關(guān)于導(dǎo)航的位置的問題.
在2002年對奧迪網(wǎng)站的改版中,Razorfish Germany挑戰(zhàn)了左側(cè)導(dǎo)航的主導(dǎo)地位,把主導(dǎo)航放到了右側(cè)。主要冬季是把奧迪的網(wǎng)站和競爭對手區(qū)分開來。他們也像在網(wǎng)站中處處實(shí)踐奧迪品牌的核心價(jià)值”創(chuàng)新”,包括導(dǎo)航。
在這種非標(biāo)準(zhǔn)布局發(fā)布之前,我們對64個(gè)用戶進(jìn)行了廣泛的測試。測試中把一個(gè)導(dǎo)航在左側(cè)的版本與右側(cè)版本相比較。每個(gè)測試都有三部分組成。
第一部分中,用秒表記下完成五個(gè)任務(wù)所需的導(dǎo)航時(shí)間。結(jié)果令人吃驚:對于任何一個(gè)任務(wù),兩種導(dǎo)航的完成時(shí)間都沒有顯著的差異,包括第一個(gè)任務(wù)。在后續(xù)的任務(wù)中,右側(cè)導(dǎo)航實(shí)際上要比左側(cè)導(dǎo)航表現(xiàn)更好。
第二部分中,我們研究了參與者在屏幕上的注意力的焦點(diǎn)。我們發(fā)現(xiàn),比起左側(cè)導(dǎo)航系統(tǒng),人們用右側(cè)導(dǎo)航時(shí)旺旺會(huì)多看有內(nèi)容的一側(cè)。
第三部分中,我們對每名參與者展示兩種版本,并直接問他們對右側(cè)導(dǎo)航的看法。64個(gè)人中有7個(gè)偏愛右側(cè)導(dǎo)航,只有兩個(gè)明確表示不喜歡。但大多數(shù)的參與者表示無所謂。
我最近看了一下博客的統(tǒng)計(jì),讓我十分驚訝的是放在我右側(cè)的導(dǎo)航幾乎沒有點(diǎn)擊,那你可能說了放在右可能容易忽略掉,但是我下面的友情鏈接竟然會(huì)有好多點(diǎn)擊,也就是說放在右側(cè)的友情鏈接竟然比右側(cè)放在上面的導(dǎo)航更加吸引點(diǎn)擊。
由此可見導(dǎo)航放在左側(cè)還是右側(cè),通常的常理是習(xí)慣問題。而這里還要考慮的問題就是:1、用戶到想要什么?2、我們到底要給用戶提供什么?
先來看看博客,為什么大多數(shù)博客的分類導(dǎo)航都是放在右側(cè)?1、用戶來到網(wǎng)站就是想閱讀最近的文章。2、我們就是給用戶提供文章內(nèi)容。其實(shí)這里根本沒有右側(cè)分類導(dǎo)航什么事情,也就是說我們甚至可以把分類導(dǎo)航移走不顯示也不會(huì)有什么大事情。而且有好多博客的模板就是把導(dǎo)航放在最下面,最上面完全空出來給博客文章。那為什么分類導(dǎo)航在博客上不重要呢?我覺得這是博客的特性所決定的,通常來說,一個(gè)博客本身就是一個(gè)分類,一個(gè)人寫的博客文章一般的內(nèi)容和性質(zhì)都是差不多的。第二就是博客文章的實(shí)效性很強(qiáng),而且博客文章本身也是按照發(fā)表順序排序的,用戶通常就是看第一頁面就差不多了,如果想看更多直接單擊下面的分頁即可。如果想查找某一片特定的文章,直接搜索關(guān)鍵字即可,可見大多數(shù)情下根本用不到文章分類。就算要用到分類,博客文章內(nèi)容中有包含分類的信息,用戶如果覺得某一篇文章很吸引人,很自然就是單擊文章中的分類進(jìn)入分類文章頁面。另外博客上的Tag云圖貌似比文章分類更加能以引人的注意。
我們再來看看門戶網(wǎng)站的首頁,中國的門戶網(wǎng)站喜歡把到訪在在頂部譬如sohu和sina,而美國則喜歡放在右側(cè),譬如yahoo和aol。無論是放在頂部也好,放在做側(cè)也要,他們都是最重要的位置,或者說是用戶第一眼能看到的位置。貌似沒有一個(gè)放在右側(cè)的吧?還是先回答上面那兩個(gè)問題1、來到門戶的首頁就是為了找到頻道的鏈接這樣可以快速的進(jìn)入我想要看的頻道。2、提供整個(gè)門戶站點(diǎn)的綜合索引。但是我們這里要區(qū)別,我們可以看到aol和yahoo的首頁內(nèi)容都不是很多。而sohu和sina的就不一樣會(huì)更多的提供更多的頻道內(nèi)容在里面。這點(diǎn)可以看出中國人和美國的習(xí)慣有所不同。
我們再來看看電子商務(wù)網(wǎng)站,分別在ebay.com和taobao.com輸入一個(gè)關(guān)鍵字搜索,然后出現(xiàn)一個(gè)搜索列表,ebay是把結(jié)果顯示在右側(cè)左側(cè)顯示細(xì)節(jié)分類導(dǎo)航和相關(guān)推薦,而淘寶是在上面顯示分類,把相關(guān)的其他東西放在右側(cè),而把搜索結(jié)果顯示在左側(cè)。到底哪個(gè)更好呢大家可以想一下。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2019-06-13 10:41:02] 怎樣提升用戶的良好體驗(yàn)
- [2010-06-08 15:20:00] 多維度導(dǎo)航探秘II
- [2010-07-22 08:08:00] 左側(cè)導(dǎo)航條
- [2010-05-17 17:05:00] 也說導(dǎo)航設(shè)計(jì)
- [2016-10-13 11:21:41] 高顏值的全屏導(dǎo)航網(wǎng)頁設(shè)計(jì)賞析
- [2009-08-12 14:52:00] 網(wǎng)站導(dǎo)航設(shè)計(jì)雜談
- [2007-12-29 10:22:00] 專題頁面別把導(dǎo)航忘了
- [2009-10-11 22:25:00] 網(wǎng)站導(dǎo)航欄的過去與現(xiàn)在
- [2008-01-23 14:19:00] 新聞門戶之導(dǎo)航易用性排名
- [2009-11-10 11:35:00] 翻轉(zhuǎn)頁面導(dǎo)航
- [2007-04-28 11:45:00] Tab式位置導(dǎo)航變體
- [2006-03-31 21:11:00] 網(wǎng)站設(shè)計(jì)中的導(dǎo)航理論與實(shí)踐
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
集團(tuán)公司網(wǎng)站建設(shè) 頁面設(shè)計(jì) GOOGLE 網(wǎng)站優(yōu)化 青島輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站開發(fā) 營銷型網(wǎng)站建設(shè) 外貿(mào)網(wǎng)站設(shè)計(jì) H5定制設(shè)計(jì) 企業(yè)建站 視覺靈感 官網(wǎng)網(wǎng)站建設(shè) 互聯(lián)網(wǎng) 青島輪胎網(wǎng)站設(shè)計(jì)公司 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 新的元素 html和css IT資訊 審美 網(wǎng)站設(shè)計(jì)資訊 舒適的界面 營銷型網(wǎng)站 青島網(wǎng)站建設(shè) 青島網(wǎng)頁制作 手機(jī)網(wǎng)站 插畫 青島flash網(wǎng)站 膠南網(wǎng)站建設(shè)公司 平面設(shè)計(jì) 微官網(wǎng)