易用性設計:網(wǎng)站的導覽列最好在左邊

1 評論 1982 瀏覽 3 收藏 4 分鐘

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

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

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

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

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

二,使用者主觀偏好的三種情況如下:

1,從左側(cè)導覽列開始選擇
2,第一層和第二層導覽選項兩者都在網(wǎng)頁左側(cè)或上方
3,第二層和第三層兩者都在同一處,或三層同在一處

導覽列在左邊, 使用者表現(xiàn)得最好、導覽耗時最短

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

四,導覽列在網(wǎng)頁右側(cè)的架構(gòu)也列入研究範圍。比較使用者的表現(xiàn)與偏好,結(jié)果顯示:

1,導覽在上方、右側(cè)比較,第一層導覽在左側(cè)的網(wǎng)站使用者表現(xiàn)得最好、導覽耗時最短
2,使用者也偏好三個階層的選項出現(xiàn)在同一導覽區(qū)塊

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

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

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

轉(zhuǎn)貼自AWOO BLOG

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 感謝博主分享

    來自北京 回復