(圖片：Amazon網(wǎng)站導(dǎo)覽列在左邊)

我們藉由導(dǎo)覽系統(tǒng)使用網(wǎng)站的內(nèi)容與服務(wù)。你知道第一層導(dǎo)覽的位置會影響使用者的效率嗎?第一層導(dǎo)覽在網(wǎng)頁的上方、左側(cè)、還是右側(cè)比較好?

依照“three-click-rule”，如果使用者按了三次滑鼠按鈕、連續(xù)點(diǎn)選了三個(gè)不同階層的導(dǎo)覽超連結(jié)，卻還是找不到需要的資訊，他/她通常會失去耐心一走了之。所以，導(dǎo)覽系統(tǒng)最好不超過三層。但這三個(gè)階層應(yīng)該 一起在網(wǎng)頁的上方、左側(cè)、右側(cè)，還是分散在不同位置?

美國的研究人員邀請16位參與者到電子商務(wù)網(wǎng)站購物，調(diào)查8種不同架構(gòu)的三階層導(dǎo)覽系統(tǒng)，如何影響使用者的工作表現(xiàn)和偏好。

一，易用性測試的結(jié)果發(fā)現(xiàn)，讓使用者更快找到所需資訊的三種導(dǎo)覽架構(gòu)分別是：
1，從左側(cè)導(dǎo)覽列開始選擇
2，次要導(dǎo)覽也在左側(cè)
3，無論第一層導(dǎo)覽在網(wǎng)頁上方或左側(cè)，要和第二層、第三層的導(dǎo)覽選項(xiàng)分開

二，使用者主觀偏好的三種情況如下:
1，從左側(cè)導(dǎo)覽列開始選擇
2，第一層和第二層導(dǎo)覽選項(xiàng)兩者都在網(wǎng)頁左側(cè)或上方
3，第二層和第三層兩者都在同一處，或三層同在一處

三，因此，大多數(shù)網(wǎng)站使用者偏好以下兩種架構(gòu):
1，上-左-左 (TLL): 第一層的導(dǎo)覽在網(wǎng)頁上方，次要導(dǎo)覽和第三層在左側(cè)
2，左-左-左 (LLL): 第一層導(dǎo)覽、次要導(dǎo)覽、第三層導(dǎo)覽依序從左側(cè)連結(jié)

四，導(dǎo)覽列在網(wǎng)頁右側(cè)的架構(gòu)也列入研究範(fàn)圍。比較使用者的表現(xiàn)與偏好，結(jié)果顯示:
1，導(dǎo)覽在上方、右側(cè)比較，第一層導(dǎo)覽在左側(cè)的網(wǎng)站使用者表現(xiàn)得最好、導(dǎo)覽耗時(shí)最短
2，使用者也偏好三個(gè)階層的選項(xiàng)出現(xiàn)在同一導(dǎo)覽區(qū)塊

五，導(dǎo)覽在左側(cè)時(shí)，使用者的表現(xiàn)比在右側(cè) 時(shí)更好；研究人員推論這和使用者由左而右的網(wǎng)頁閱讀習(xí)慣大有關(guān)係。但無論導(dǎo)覽在左還是右，使用者的表現(xiàn)和接受度都不錯(cuò)， 因此導(dǎo)覽列安排在網(wǎng)頁右側(cè)確實(shí)可行。

六， 研究人員也發(fā)現(xiàn)以下三種導(dǎo)覽架構(gòu)會讓使用者事倍功半、觀感不佳，最好避免採用:
1，上-上-左 (TTL): 第一層、第二層的導(dǎo)覽在網(wǎng)頁上方，第三層在左側(cè)
2，上-左-上 (TLT): 第一層的導(dǎo)覽在網(wǎng)頁上方，第二層在左側(cè)，第三層又跳到網(wǎng)頁上方
3，右-上-右 (RTR): 第一層的導(dǎo)覽在網(wǎng)頁右側(cè)，第二層在上方，第三層又跳到網(wǎng)頁右側(cè)

參考資料：
Usability.gov: 美國政府的網(wǎng)站，提供許多易用性、以使用者為中心的設(shè)計(jì) (User-Centered Design, UCD) 方面的資訊。

轉(zhuǎn)貼自AWOO BLOG