找到需要的東西!良好的目標與導覽系統

By

December 24, 2012 資訊架構 Comments

良好的目標呈現與導覽系統

我們在網路上的生活就像是不停的在尋找答案,我們上新聞網站獲得最新的資訊、上 YouTube 尋找我們想聽的音樂或是想看的影片、上 Facebook 找朋友、上購物網站尋找送給家人或是自己的禮物。

我們想要尋找的目標成千上萬,整個網路結構就成為了我們在其中尋找的導覽結構。一般而言,在設計一個網站、或是網路結構的時候,我們會將整個系統分成兩個類別:目標系統導覽系統

所謂的目標系統,就是指我們一般在網路上所真正要尋找的目標:想看的影片、音樂、想買的茶葉或是想看的電影影評等等。真正滿足使用者需求的是這些目標,想像你想泡一杯好喝的咖啡,上網搜尋了許久,終於找到了一篇介紹咖啡豆、如何沖泡的文章,你才終於學會泡一杯好咖啡,也許你會繼續搜尋,尋找好聽的音樂,讓咖啡和音樂陪伴你度過愉快的午後。

如果目標是鮮花,那麼導覽系統就是支撐花束的花梗與經脈。透過良好的導覽結構,使用者才有機會接觸到他們真正想獲得的資訊。網路上有許多好資訊、好文章、好音樂,但是都必須要經過一層層的渠道才能讓使用者獲得。

 

導覽系統

良好的導覽系統,最大的目的就是把使用者引導到他們真正在搜尋的目標上:

提供概觀:當一個陌生的使用者來到你的網站的時候,他可能不知道自己在什麼地方。你可以透過 Logo、主題選單、或一些視覺設計讓使用者知道他們在一個什麼樣的地方。很多使用者會快速瀏覽一下選單猜測這個網站能夠提供給他們什麼訊息。

清楚的結構:讓使用者知道整個網站的結構,到哪一個分類上會看到什麼東西。在流行音樂的目錄上會聽到新歌、在飲食的分類上會得到關於食物或餐廳的資訊。

搜索方式使用者往往很著急,也許沒辦法仔細的看過所有的選項。或者他們很清楚知道自己要找什麼。一個搜尋框加上良好的演算法可以馬上解決這個問題。輸入「咖啡」然後得到答案。

結構導覽:讓目標可以很清楚的展現在使用者面前,我們會很快的得到我們所需要的資訊而感到滿足,這個網站就是對我們而言非常有用的網站。當然,網站也需要提供回到上層結構讓我們尋找更大範圍的資訊。

關連導覽:有時候我們會走錯地方,也應該讓我們知道還有什麼其他的分類或選擇。

 

目標系統

清楚的目標展示:如果是目標是一篇文章,那麼把標題和內文清楚的展示出來是非常棒的作法。如果目標是一個影片或照片,那麼不要用太多其他的圖片來干擾使用者找到他們真正需要的東西。如果目標是商品,讓使用者清楚的看到商品名稱、照片、標價以及如何結帳最好不過了!

撒下補魚網:也許這個目標沒有解決我的問題,那是不是還有其他解決方法?送一個杯子給媽媽好像不太適合,那麼還有什麼其他東西可送?讓網站在目標展示旁邊撒下補魚網。告訴使用者其他的選擇:不喜歡杯子?考慮圍巾怎麼樣?不喜歡泡黑咖啡?那拿鐵應該是不錯的選擇!

逃生門:記得永遠都要提供一個逃生門,讓使用者可以回到首頁或是任何可以提供更多解答的地方。不要讓他們迷路或走進死巷子,回到首頁永遠是比關掉瀏覽器更好的選擇。

 

如果時間允許,上網就是讓我們在目標和導覽中間來來回回, 尋找我們需要的東西和資訊。想像你在經營一間大書店或大賣場,不過這裡更大更寬敞但是更複雜。好設計讓走進來的使用者都能遨遊其中,而且可以快速的找到他們真正需要的東西。

 

延伸閱讀

網路的「找路」行為模式

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

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

 

Image via greencandy8888, CC License.

設計使用者介面時常常會碰到需要讓使用者來決定下一步的時候,在電腦系統中最常見的就是「確認」以及「取消」按鈕。像是在作業系統中要刪除檔案時,系統會跳出以下的詢問視...
突現的動態效果在介面中能夠有效的吸引使用者的注意,可引導使用者點擊並開啟特定功能或訊息,常用於逐步的使用教學與訊息提示中,但當動態效果過多的時候,不但對使用者除...
不管是 UI 介面還是網頁設計人員,在協同工作時一定都會遇到彼此溝通的問題。當視覺設計師將規劃好的版面交給網頁工程師完稿之後,或多或少都會發現呈現的結果與最初設...
  許多人在安排版面資訊時常常會發生的錯誤就是,常常誤認為版面上的每一項資訊都很重要,而每一個資訊都擺放在使用者很容易閱讀到的位置、賦予相同的視覺強度...
時間一直是人類注重的一個話題, 從賽車、跑步到程式設計,速度都是許多人追求的重心。據說 Google 創辦人 Larry Page 可以感受到 200 毫秒(0...
標籤系統自從在社群書籤網站 delicious.com(以前叫做 del.icio.us)採用了之後,身為一種強大的社群分類法,馬上就被各大網站所採用了。「標籤...
© 2013 Desiring Clicks. All Rights Reserved.
Top