我們如何使導航簡單和可預測的可能嗎? 如第1部分這一系列中,前兩個步驟是在一種方式,自然地縮小了導航選項結構的內容,并解釋在最小化對用戶的認知負擔的方式那些選項。
然而,需要兩個步驟 – 即選擇合適的類型導航菜單,然后來設計它。 本系列的第二部分涉及的第三個步驟,并討論了導航菜單的類型是最適合的內容 。
導航菜單是呈現導航選項,使用戶能夠找到的內容在濟南網站建設上接口的任何區域。 這不包括,例如,文章和產品頁面,其中可能包含超鏈接,但其主要目的是消費,而不是導航。
在導航模式的一個常見的??區分是主,傳統的導航系統和輔助,備用導航模型之間。 正是這個定義區分是困難的。 可以說,傳統的導航要求用戶主要是單擊或懸停,以便選擇或瀏覽元數據類,而備用導航缺乏這些方面的至少一個。
傳統的導航菜單
有五種類型的傳統的導航菜單或窗口小部件,它可以下令從最簡單到最復雜的:
- 菜單欄
- 定期下拉菜單
- 兆豐菜單
- 單獨的頁面
- 動態篩選
而成熟的混合動力解決方案是可能的,確實存在,所有的混合導航可以分為以上五個菜單類型。 現在的問題,當然,是什么時候使用哪種類型的菜單。
正如在第1部分解釋, 設計師用三種方法來解釋航行的選擇 :文本,文本和圖片,以及文字,圖片和說明。 為了盡量減少對用戶的認知負擔,因為目標受眾需要了解他們的選擇設計師應該用足夠的信息。
考慮到這一點,拇指以下規則將幫助你決定??何時使用哪種類型的導航菜單:越少的選項和更少的信息是必要解釋一下他們,簡單的導航應該是。
為了更好地理解為什么某些部件更易于使用和精確地時,選擇了另一種,讓我們來仔細看看五個菜單類型。
菜單欄
幾乎每一個網站都有一個持續的水平或垂直線,以適應其頂級類別。
推薦
最重要或最頻繁訪問的項目或類別應該去在導航欄中。
解釋
導航欄是最簡單的導航類型。 在導航欄上的項目或類別是全球和直接可見的和可訪問。 與此相反,用戶必須將鼠標懸停在一個下拉菜單或等待一個單獨的頁面才能訪問它們所包含的選項來加載。
問題
當導航欄(不論水平或垂直)需要的不僅僅是少數的項目,并根據屏幕的寬度和方向,它會占用空間,可以用來更有效地呈現主要內容。
在下面的截圖中,注意橫向導航效果很好,只要它占用了只有一行。 為了適應它在一個較小的屏幕上,設計師選擇了導航項堆疊成行。 然而,這推壓主內容下,需要用戶滾動更多。
在寬屏幕上,垂直導航欄允許更多的菜單項,但它還有另一個缺點。 它占用的水平空間,可用于更有效地呈現出寬畫面上的主要內容,是否一篇文章,視頻或產品信息。 在下面的圖片中,我嘲笑了一個布局比較的效果。
這就是為什么下拉菜單和飛出菜單更適合于許多項目。 他們提出額外的項目,只有當要求,但留出的其他的方式,從而使內容的中心舞臺。
定期下拉菜單
一個下拉或彈出菜單,觸發時,會出現在內容之上。 其作品被垂直堆疊在一列中,并包含單獨的文本或文本和圖標。
推薦
如果項目是由文字最好的解釋和菜單不是很長,那么一個普通的下拉菜單是最簡單,最有效的解決方案。
解釋
相比于一個大型的菜單,一個普通的下拉菜單具有以下優點:
- 它加載更快。
- 一個大型菜單的附加空間和視覺的潛在不會采取的,只需幾個文本條目的優勢。 此外,一個大型的菜單可能會迷惑用戶,或者在最好,慢下來,因為用戶必須首先弄清楚的布局方案。 相比之下,一個短的垂直列表很容易可掃描并通過大家的理解。
問題
如果菜單很長,那么事情可能變得棘手。 長垂直下拉列表可能會被瀏覽器窗口中得到切斷,并要求用戶頻繁地滾動。 有處理這個問題的兩種方法。
一個是列表分解成子類。 而一個好的解決方案,從子菜單導航到子菜單可以令人沮喪,如果交互設計不當。 這個問題將在本系列文章的第3部分加以解決。
對付長下拉菜單的第二個方法是使用一個巨型菜單最適合屏幕的方向,例如水平的大型菜單景觀為導向的屏幕。
巨型菜單
一種特殊類型的下拉菜單中是所謂的大型菜單 。 一個大型的菜單是一個下拉或彈出菜單,不只是它的堆棧條目在單個列,而是使用圖像,印刷層次和不同的布局來可視化選項。
推薦
如果選項需要文本和圖片,然后一個大型的菜單是最好的選擇。
解釋
正規的下拉菜單中不提供同一房間或可視化選項。 以及是否經常和巨型,它擁有導航以下優點一個單獨的頁面上:
- 它加載更快。
- 對用戶的認知負擔較少。 用一個單獨的頁面,用戶必須多想想。 “哪是廣告嗎?”“哪個是真正的內容?”“哪里是導航?”的下拉菜單只顯示導航,似乎貼近用戶的光標或手指。
問題
即使是大型的菜單在空間有限。 如果項目數太高,那么一個單獨的頁面變得不可避免。
單獨的頁面
第四種方式來顯示項目或類別是一個單獨的頁面上。
推薦
如果菜單需要輸入文字,圖片和描述,然后一個單獨的頁面是最好的。
解釋
適應這種導航作為一個大型的菜單是可能的,但只有在描述只是一對夫婦線長。
問題
用戶發送到一個單獨的頁面只是為了查看導航選項,而不是實際的內容,是不是最完美的解決方案。 此外,用戶取出當前頁面的上下文。 但如果一個大型的菜單會過于龐大而無法容納期權的絕對數量和大小,然后一個單獨的頁面可能是最舒適的解決方案。
動態過濾器
最后,動態過濾器是一個復雜而強大的方式來瀏覽內容,這樣,用戶可以組裝一套在飛行中他們想要的內容。
雖然許多網站都只有前三個菜單類型之一,動態過濾器幾乎從未出現在他們自己的。 相反,它們通常被附加到主導航作為一個選項。
凱馬特(見下圖)開始導航過程與下拉菜單,經常和大型。 在一個新的水平,一個單獨的頁面顯示產品類別。 最后,一??旦用戶導航到一個部門,他們會發現動態過濾器,以改進他們的選擇。
推薦
與在元數據類的討論線第1部分 ,我們可以說,而前三導航類型是最適合必不可少的,相互排斥的可選類別,動態過濾器最好用于可選的類別,可能會被合并。
解釋
動態過濾器的優點是,它們允許用戶選擇和改變的飛行值。 而不是去來回的導航水平之間的,用戶可以保持在同一水平上,并結合動態的值,直到該結果符合他們的標準。
事實上,動態過濾器通常是垂直的是不是一個缺點,因為過濾的結果是不是“內容”本身。 他們仍然是導航的一部分。 此外,在左邊的選定值,并在右邊的結果之間的動態關系給出多少和哪些項目符合他們的標準,用戶的即時反饋。
問題
動態過濾器是最強大的,但也是最復雜的解決方案。 它們占用更多的空間和需要更長的時間來載入比任何其他類型。 用戶需要進行分析,并與多個元素,包括過濾器,結果,分揀部件和觀看模式,從而使動態過濾器實現在桌面上,更別說在手機上挑戰的工作。 因此,很有用,因為它們是,避開他們,如果一個簡單的導航類型將做的工作一樣好。
備用導航
幾乎所有的網站都使用傳統的類型作為其主要的導航之一。 很多人來說,補充它們與備用導航系統。 評估最流行的,因此,也很重要。
以下是備用導航四種最常見的類型:
- 搜索
- 網站地圖
- A – Z指數
- 標簽
搜索
搜索備件用戶不必瀏覽多個層面,并直接得到他們的目的地。 所不同的是在頁面包含所期望的結果的標題將已被手動設置的用戶。
設計師將適用一個標簽和關鍵字系統的所有頁面以帳戶為用戶和搜索引擎,如錯別字的內容,同義詞和不同的概念模型之間可能存在的誤解。 換句話說,搜索引擎會嘗試猜測用戶是指他們的查詢內容。
推薦
目前搜索作為一種補充傳統的導航,而不是作為一個平等或作為導航的主要手段。
解釋
多項研究得出不同的結論無論用戶搜索主導 。 當然,搜索霸主地位可以通過搜索如何設計并提交所影響,及過往的經驗與設計不良的導航可以提高搜索的主導地位 。 在任何情況下,不提倡作為搜索的主要方法。
盡管有這些努力,開發者需要避免的錯誤,該搜索查詢的成功率仍然很低 。 其原因是,每一個網站通常都有自己的標簽,分類方案和命名約定。 用戶通常不知道的細節,所以他們往往會猜測式的查詢,它可以是一個繁瑣而模糊的過程中,導致許多人只搜索一次,也許兩次 ,放棄之前。 這是在移動設備上,其中輸入的查詢是不舒服,尤其如此。
另一個問題是,即使所有的結果是相關的,用戶可能會懷疑他們是否是完整的。 “通過曲解我的查詢難道搜索引擎錯過了什么?”“我錯過了什么由不正確的措辭我的查詢?”傳統的導航,相比之下, 定義并提出了分類 ,以及顯示所有相關條目的完整列表,給用戶的確定性,因為他們瀏覽。
一個經常討論的第二個現象是,搜索具有更高的轉換率比導航菜單。 然而,這可以通過以下方式瀏覽和搜索之間的區別進行說明。 誰正在瀏覽的用戶通常會使用菜單,將買的東西少決心,而誰知道他們想買什么名字的用戶將通常只是將它輸入搜索字段。
不過,即使搜索是比瀏覽更高效的尋找特定產品,它并不像深受用戶歡迎。
與搜索的一個問題是,所有的具體區域往往不同的產品名稱和型號類型,召回產品的確切名稱并不簡單。 “這是GS-50或G-150?”“難道這其中有更長的電池?”有了動態過濾器,用戶可以指定正是他們正在尋找的功能,而不必召回型號類型或版本號。
另一個問題是,搜索可以阻礙的相關項目的發現。 如果用戶發現他們正在尋找通過搜索確切的項目,這可能是他們看到的唯一項目。 與動態過濾器,用戶將看到的不僅是想要的項目,也類似項目,包括那些有額外的功能或更低的價格。
添加動態過濾器,搜索引擎是可能的,當然,這基本上是結合在一個接口兩種導航模式的優點。
總而言之,搜索引擎,尤其是一個復雜的功能和算法,能產生良好的效果,但其固有的問題保持它不如一個精心設計的傳統菜單。 這就是為什么搜索是更好的備份方法,如果在菜單失敗的用戶,但不作為導航的主要或唯一手段。
最后,要知道,搜索更好的工作人口中由用戶生成內容的本地應用程序,因為用戶會知道他們是如何命名或標記自己的內容。
A – Z指數
一個A – Z指數全面或幾乎全面地列出了在網站上提供的項目,按字母順序排列。
推薦
在一個傳統的菜單Z指數 – 不要優先考慮一個A。 此外,僅列出類別的網頁往往比上市成千上萬的個人頁面更有效率。
解釋
一個A – Z指數是容易使用,因為每個人都知道如何導航按字母順序排列。 但一個站點范圍內的指數有三個問題。
首先,一個A – Z指數通常能夠很好地處理文本,但很少與圖片和說明,這往往是必要的。
其次,調整詞匯對用戶的期望并不簡單。 與區域,過時的或概念上不同的術語,用戶可以結束尋找一個項目在一個完全錯誤的索引部分。 唯一的解決辦法,盡管這一模糊了信息架構,是包括同義詞。 在傳統的導航,同義詞是不一樣大的一個問題,因為,理想情況下,用戶將被從少數選擇移動到極少數的選擇。
第三,一個A – Z指數,就像搜索,可以阻礙相關項目的發現。 如果用戶正在尋找“蛋和豆類”在A – Z指數,他們將獲得蛋類和豆類,別無其他。 在傳統的導航,用戶將看到其他早餐食譜一路上,他們通過了“早餐”的范疇,并沒有被拖慢(只要在“早餐”類別按字母順序排序),定位到“雞蛋和豆類”。 這有利于用戶和該網站。
網站地圖
站點地圖會顯示網站的導航結構,通常與標題和副標題。
推薦
一個抓取sitemap.xml
文件將幫助搜索引擎索引的網站。 但它的互動性陳述,站點地圖,應該不再強調作為導航的手段。
解釋
站點地圖通常只包含文本。 但用戶往往需要圖標,照片和說明,以了解選項。 同時包括一個濟南網站建設地圖這些元素是可能的,它只會加劇第二個問題,這是一個網站地圖通常一次顯示所有項目,提供沒有辦??法跳過或隱藏不需要的項目。 這造成的問題對于誰是試圖掃描,并與信息交互的用戶,特別是當其含量是音量。
標簽
標簽,在其默認狀態,可謂關鍵字沒有父母或子類別。 他們往往出現在文章結尾。
推薦
基于標簽的系統調用額外措施運作良好。 但即便如此,它仍然遜色于傳統的類別為基礎的系統。
解釋
所有備用導航機型的,標簽最接近于傳統導航。 畢竟,標記(這基本上是創建元數據的過程中)是第一步,以建立正確的信息架構,傳統導航的基礎。 然而,即使只是極少數的每篇文章的標簽,你可以積累幾百標簽或數千非???。
這就是為什么分類標簽是非常重要的。 通過組織標記為母公司和子類別,設計人員可以構建很多標簽成小套的相關信息。 傳統的導航,包括這些類別將會使用戶能夠輕松地跳過不需要的設置和瀏覽只有那些他們感興趣的。
許多基于內容的網站,不過,替代復雜的傳統的菜單混合導航。 他們分類標簽松散充其量,其他導航模式,如內部和外部的搜索引擎依靠最初,飼料和社交媒體的鏈接。 這種類型的系統可以讓用戶所需的文章,但它使用戶很難識別他們感興趣為了彌補文章的方面,一些設計師干脆總結文章,包括關鍵字的列表 – 例如, “奧巴馬”,“民主黨”,“共和黨”,“醫療保健”,“關機”。用戶會,然后,訪問他們感興趣的是,瀏覽相關文章的標簽。
在傳統的導航,用戶將瀏覽包含和背景情況,他們感興趣的關鍵字類別-例如, News
→ Politics
→ US
→ Domestic policy
→ Health care
。 在這種情況下,用戶將有興趣在給定的文章,因為它討論了美國醫療保健制度,不一定是因為它提到奧巴馬,民主黨,共和黨或關機。 看到相關的文章,用戶只會訪問父類。
基于標簽的系統是最有效的,如果它是輔之以強大的社會媒體和強大的搜索引擎。 但它仍然是一個比較模糊的方式來瀏覽,更多喜歡釣魚比有目的的搜索。 此外,用戶不應該依賴于搜索和外部鏈接來瀏覽網站。 相反,他們應該能夠找到任何一條信息從右側的主頁,一個精心設計的傳統的菜單仍然是最有效的方法來啟用。
結論
當談到選擇正確類型的導航,底線很簡單:越少的選項,這是必要解釋一下他們的信息越少,越簡單的導航應該是。
更棘手的問題通常是是否以及如何實施替代導航機型,除了傳統的系統。
替代解決方案可能不是昂貴的創建或難以實施。 但它們都具有固有的障礙相互作用,以防止它們被作為可行的主要或專用系統。 此外,用戶通常不會尋找這些替代品,除非主導航失敗他們。
所以,與其花費大量的精力開發或改進這些次要的解決方案,投資于正確地設計主導航,從而有望使次要的解決方案是不必要的。
本文中的建議概述如下。
選擇傳統的導航
- 垂直導航欄是不超過一個水平少了一個可用的,但它可以吸引人們的注意力從通過出現在同一視場的主要內容。 的水平欄是有效的頂級類別,只要項目適合在單個行。 如果一個單一的行是不可行的,然后使用一個下拉菜單或一個單獨的頁面,而不是一個固定的垂直菜單。
- 如果文字是不足以解釋的選項,然后去正規的下拉菜單。 打破長的列表為子類別,或選擇適合屏幕的方向一個大型的菜單布局。
- 如果文字和圖片是必需的,然后帶著一個大型的菜單。
- 如果文字,圖片和說明是必要的,然后再與一個單獨的頁面。
- 上述工作所需的解決方案以及必要和相互排斥的可選類別。 如果可選的種類有可能被合并,然后追加動態的過濾器,以傳統的菜單。
選擇備用導航
- 搜尋或A – Z指數效果很好,如果用戶知道他們正在尋找項目的確切名稱。 但是,這兩個系統都容易出現模糊和經常妨礙相關項目的可發現性。 不強調他們在傳統的導航。
- 基于標簽的導航可能是一個很好的替代系統,如果適當地自類別的內容會過于昂貴或太困難了。 但是,它必須通過強大的社會媒體整合和搜索來補充。
知道哪些類型的導航最適合的選項計數了很多。 但第四步仍然需要 – 即設計導航要簡單,可預測和舒適。 我們將在第3部分討論這個問題。