導覽原則:任務導向與階層導向

導覽原則:任務導向與階層導向

把能夠讓使用者快速完成任務的任務導覽放在頁首,瞭解網站架構的分類放在頁尾,完美的利用螢幕上的所有像素。使用者能使用的螢幕就這麼大,螢幕上的每一個像素對網站設計師來說都必須斤斤計較。一般網站設計可以將主要的介面由上而下區分成三個部分:頁首(Header)、主要內容(Content or Stage)和頁尾(Footer)。

位於最上面的頁首是一個網站最重要的部份,也是整個最吸引使用者的目光的地方,因此,頁首上的每個連結都必須要仔細設計放置。放置在頁首的導覽項目必須要是「任務導向」的。如此一來,第一次來到網站的使用者、或是常用客戶,都可以輕鬆的完成他們到達這個網站的目的。例如,提供購買車票服務的網站,就應該讓「購買車票」這個選項清楚的出現在頁首上。

相對而言,頁尾的重要性就沒有頁首那麼高了。我們可以盡情的利用頁尾來提供使用者更多的網站功能,或是讓使用者擁有這個網站的整體架構感與方向感。設計頁尾的導覽項目應該要是「階層導向」的。但設計頁尾導覽的時候也必須注意,不是一古腦的將整個網站的網站地圖直接放置在頁尾就完成了,必須依照不同的分類項目仔細區分,並仔細的命名不同分類的項目名稱。如果你在替項目名稱命名的時候,不能輕易的想出標題,那可能就是分類的方式不夠清楚,還可以在做調整。

最近許多的網站都開始流行採用一種稱為「胖尾巴(Fat Tail)」或「網站地圖頁尾(Sitemap Footer)」的設計模式,這種設計模式就是將一個網站的主要架構放置在頁尾的部份,取代一些關於我們、條款、版權等等的連結。讓使用者瀏覽到頁尾的時候,可以一口氣瀏覽到整個網站的結構,快速的選取想要去的地方,以免在網站上迷路而離開。

頁首導覽和頁尾導覽因為出現在畫面上的位置不同、出現的順序不同,因此也有非常不同的設計導向。頁首的「任務導向」和頁尾的「階層導向」是設計導覽的大原則,讓我們的使用者再也不會在網站上迷失方向了!

 

延伸閱讀:

隱藏與減少複雜的設定選項

資訊和特殊效果的絕妙平衡

資訊是一種「體驗」的商品

 

Image via KungPaoCajunApple Inc.

每個軟體或應用程式都需要有一個機制來完成他的目的與用途,這個機制是由程式設計師所設計,表達出系統如何設計、系統如何實作、資料如何交換與溝通、或是演算法如何計算資...
前陣子著名的記事軟體 Evernote 更新了 5.0 版,新版本仿真介面 ( skeuomorphism ) 讓大家又開始熱烈的討論仿真介面的好與壞,不過先不...
RGB 與 CMYK 是大家很熟悉的色彩描述系統,在許多地方我們都可以發現使用這兩種方式標示色彩的色彩碼,雖然這兩種系統的組成原理不一樣,但是是可以透過轉換取得...
你一定有看過這種電視遙控器,開關、數字鍵、換台和音量按鍵放在顯而易見的地方,遙控器的下面還有一個蓋子,拉下蓋子之後可以看到更多不常用的按鍵:切換輸入頻道、修正顏...
功能設定在 APP 中是少不了的,它讓使用者可以依照自己的習慣與喜好,調整應用程式運作的方式,通常為了增加使用者客製的能力以及使用上的自由度,我們會適量的提供使...
搜尋是網路的一種非常常見的瀏覽方式,我們會利用 Google 尋找資料、上購物網站的時候會利用搜尋尋找商品、在 Facebook 上會用搜尋尋找朋友。在大部分的...
© 2013 Desiring Clicks. All Rights Reserved.
Top