濟南網站建設中,網站導航至關重要,因為它的好用與否直接決定于網站整體的用戶體驗,僅僅是一種手段而不是目的 – 到底是來消費內容。 這就是為什么用戶已經非常了解對比的內容和導航的期望。 而內容應該是獨特的 ,令人驚訝的和令人興奮的,導航到它應該是簡單而明確越好。
本系列文章,分為兩部分,一個是四步指導,有效地簡化了導航體驗,通過分析內容的類型和數量以及選擇和精心設計的正確類型的導航菜單。
四步理想的導航系統
要構建一個可用的導航系統,一個網站設計者必須回答四個問題,在這個特定的順序:
- 我該怎么辦最好的結構的內容?
- 我該如何最好地解釋航行的選擇?
- 其中導航菜單的類型是最適合容納的選擇?
- 我該如何最好地設計導航菜單?
前兩個問題涉及的內容結構和標簽 ,這是通常被稱為信息架構 。 信息架構師通常想象他們努力的結果在一個站點地圖圖 。
然而,對于將詳細介紹該系列的過程中加以解釋,只是提供一個網站地圖,導航的理由也不會為用戶提供最好的體驗。 設計自定義導航菜單,妥善容納,整理并逐步揭示了他們的選擇也很重要,從而使用戶能夠輕松查找,瀏覽并跳過選擇。
設計這樣的導航菜單可以通過回答上述第三和第四個問題,它指的是一個導航體驗的交互設計來實現。 前兩個問題將在第一部分中,在第二條后兩者加以解決。
結構化的內容
要正確地構建一個網站的內容,首先考慮用戶如何尋找信息,然后在最符合這些偏好對齊的方式構建的內容。
如何用戶尋找信息
當用戶正在尋找的東西 – 無論是汽車,配方,金融服務,項目的服裝,新聞文章,健身運動,娛樂視頻或任何其他項目或一條信息 – 他們可能會或可能不知道的確切名稱是什么他們正在尋找。 如果我們假設用戶總是知道他們在尋找什么的確切名稱,那么,我們可以認為,把他們最好的辦法會有為他們提供了大量的A-to-Z指數或者干脆讓他們輸入在搜索字段。
當然,事情并不那么簡單。 這將在更詳細的第二部分來解釋,即使用戶總是知道他們在尋找什么的確切名稱,兩者的A到Z的索引和搜索具有固有的交互問題,使他們不足為主要或唯一指導航。 此外,用戶往往不知道確切名稱或什至不關心的項目或名稱; 相反,他們有一個關鍵字或功能與他們正在尋找什么。
在第一步驟中安全地引導用戶到正確的內容,然后,是聚集和分類 ??的項目網站上的類型。
元數據作為導航系統的基礎
收集關于某個項目或內容塊的信息通常被稱為元數據 – 即,關于信息的信息。
沒有進入細節,項目可能屬于不同的元數據類,一個類是否是新聞報道的政治焦點,監視器,視頻的導演,襯衫的領型或難易程度的顯示大小的健身運動。 當然,多個項目也可以共享類,如價格,普及和出版日期。
用戶可以通過這些元數據分類瀏覽內容。 然而,正如我們將看到的,讓用戶瀏覽內容一切可能的方式是沒有必要的,甚至有益。 這樣做會在最混亂的界面,減緩和復雜的導航過程,在最壞的情況,會混淆,輪胎和惹惱用戶,他們干脆放棄了網站上的點。
仔細考慮是否以及在哪個階段來分類展示給用戶。
三種類型的元數據分類中
決定是否以及何時提出一個元數據類,將您的類別分為三組: 至關重要的,可選的,不相關的 。
信息架構的挑戰是,一類為關鍵的,可選的或不相關的非常多的分類取決于目標受眾,網站的目的和內容,甚至卷的喜好。 但是,一旦你確定了一個適當的分類,一些簡單的規則將幫助你決定??何時顯示哪些類別。
關鍵類別
關鍵類別是那些將是重要的所有目標用戶。 這些類別是罕見的,但似乎是每個項目至少有一個重要的范疇,它簡化了設計師的工作及導航體驗的用戶。
確定關鍵類別
一 小部分元數據類食譜可能是“當然”,“主要成分”,“特殊飲食”,“際”,“美食”和“烹調時間?!边@些類別中,唯一的關鍵之一將是“課程“不是每個人都 在一個特殊的飲食習慣,而不是每頓飯是一個特別的日子,但是幾乎每個人在任何一天的飯菜分成開胃菜,早餐,主菜,小菜,沙拉,甜點等。
因為當然是重要的,所有的目標用戶,應該提交給他們的第一類。
然而,如前所述,目標受眾或網站的目的,可能會影響類別的分類,特別是在利基網站。
例如,“美食”將不相關的誰訪問主流網站關于食譜的所有用戶。 但是,如果一個網站收集來自世界各地流行的美食最好的食譜,然后在“美食”很可能是針對目標受眾的關鍵類別,是否除了“當然”,或替換它作為唯一的重要類別。 在任何情況下,因為“美食”是網站的主要主題(而不是“課程”),第一次顯示它是適當的。
安排關鍵類別
上述地址的例子中只有單一的重要類別。 然而,一組項目可能包含多個重要類別。
就拿服裝。 一個重要的類別可能是服裝的類型,如“襯衫”,“褲子”,“鞋子”和“毛衣”,另一個至關重要的,相互排斥的,品類是性別,“男人”和“女人”。第三可能的場合,如“休閑”,“工作”和“衣服?!蔽覀兛梢杂懈嗟闹匾悇e,但我們會離開它。
的問題,那么,如何更好地適應和解決多個關鍵類別之間的潛在沖突。
首先,將所有重要的類在同一個頂層似乎是合乎邏輯的。 畢竟,他們都是至關重要的。 然而,相反的應該做的。 重要類別是最好的實現一前一后,在隨后的水平 。 為了更好地理解這一點,讓我們來看看下面顯示的網站的信息架構。
一個水平導航欄列出的產品可從LL Bean的類型,如“家居飾品”,“狩獵和捕魚”,“戶外裝備”,“鞋類”和“衣裳”。然而,設計師做了一些不同的“衣服“衣服往往陷入類別”男人“和”女人“,但不是列出的衣服在橫向菜單十幾類,設計師決定的關鍵類別用更少的值。 用戶只需以“男人”和“女人”,開始關閉,然后他們能看到所有的服裝在下拉菜單中,允許比單杠更多可供選擇的類型。
這給在信息架構略有不一致,但設計師接受了它,釋放空間在單杠。 解決的辦法是細只要不一致并不混淆用戶,這是不可能的了。 然而,將類別“鞋”(這可以理解,區分鞋類之間為“男性”和“女性”)在相同的單杠是不是聲音的決定。
這種解決方案的問題是,兩個重要的類別已被放置在同一水平上。 這兩個“鞋→男士”和“男人→鞋”是直接的路徑。 但是,由于這兩類都是至關重要的,用戶還得通過兩個反正。 但由于它們被放置在同一水平上,用戶被要求在它們之間進行選擇,這有損假設兩個類別是至關重要的。 因此,上述路徑之一可以被刪除 – 可能是“鞋→男士?!?/p>
可選分類
如果有多個關鍵類別存在,那么項目的數量可能不是必要將其列入。 如果一個網站沒有十幾件衣服越多,那么設計者可以簡單地讓用戶選擇是否要查看所有衣服的男性或女性,并用它做。
在許多情況下,雖然,發生相反的情況。 所有重要的類都已經用盡,即使,項目豐盈仍可能留下。 所以,附加類別將不得不被引入,允許用戶進一步過濾的內容。 這是可選的類別來發揮作用。
可選的類別是很重要的一些但不是所有的用戶 。 例如,兩個元數據類別為“汽車”可能是“宗門”和“燃料類型?!庇行┤耸强駸岬年P于燃料類型和可能不關心門的數量。 其他的感覺完全相反。
優先考慮關鍵在選購分類
作為一項規則,可選的種類應提交用戶已經度過關鍵類別走后 。
然而,許多零售網站,例如服裝和電子產品,品牌列表(可選類別)在同一水平上的產品的類型(一個重要類別)。
這種方法的問題是,如果用戶選擇上,也就是說,一個服裝網站的一個品牌,他們可能要面對數百個項目或數千,他們仍然將不得不選擇一個類型的服裝,以縮小內容。 所以,放置可選的種類在同一水平上至關重要類別創建冗余路徑,增加了選擇和雜波導航的復雜性。
提供許多過濾器也不錯。 但是,而不是給用戶帶來很多導航選項一次從一開始,有幾個關鍵的選擇首先呈現出來,然后,一旦他們已經用盡了這些,引入可選的值。
因此,在上述的例子中,從這樣的高度除去品牌和具有用戶僅選擇一個類型的服裝第一效果會更好。 然后,在一個新的水平,給用戶提供了選擇,選擇一個品牌。
動態過濾器
如前所述,關鍵類別應提交在隨后的水平一個接一個。 可選類別在同一水平上提供最好的一切。
唯一的例外是,如果可選的類別是互斥的,那么就應該在同一個菜單的關鍵類別下一級所示。 如果可選的種類可能會被合并 ,但是,那么他們應該被實現為動態過濾器 。
在下面的截圖中,注意西爾斯如何列出重要類別的面包屑,而可選的類實現為動態過濾器。
關鍵的和可選的類別之間的這種區別可以作如下解釋。 每個類是一個過濾器,可用的內容,而動態篩選器是動態的,因為它們允許用戶選擇和改變對飛多個值。 相反,在一個傳統的,等級為基礎的導航系統,用戶將不得不從一個級別移動到下一個選擇一個值。 如果類別是至關重要的,那么這將不會是一個問題,如圖所示。 但隨著可選類別,情況就不同了。
當用戶正在尋找一個襯衫,許多可選的元數據類可以起到一定的作用:“品牌”,“領型”,“袖長”,“布”,“模式”,“口袋”,“打折”,“價格“,”等級“,”人氣“等。 確切地知道它的這些許多類別給定的用戶會感興趣的是困難的。 有人可能有興趣沒有,幾個或全部。
而不是通過所有可選類別,此起彼伏,發送用戶,無論他們是否有興趣在他們來說,設計人員可以提供在同一水平上的動態,可選的過濾器列表。 因此,用戶將能夠只選擇自己喜歡的類別。
相比之下,考慮如下所示的網站,這并不區分作為顯然非常重要和可選類別之間。 相反,它實現了所有類別的動態過濾器,包括關鍵類別。
這種缺乏區別導致了幾個問題。 第一,它占用的垂直空間以及推壓其他可選的過濾器下,要求用戶滾動更頻繁查看和改變的值。
其次,動態過濾器被稱為“重金屬”小工具:它是強大的,但在資源豬。 每當用戶選擇一個單一的值,結果列表刷新相匹配。 這是有意義的,用于提供反饋,但它不會使任何相互作用更快。 相同的結果可以簡單地通過讓用戶從傳統的菜單中選擇相同的關鍵值,更快地實現。
事實上,耐克的設計師們提供了這樣一個菜單,讓我們來測試這個假設,并在同一界面內兩個互動模型的速度和效率進行比較。
相互排斥的類別
動態過濾器是必要的,只有當任選的類別有可能進行組合。 如果可選的類別是互斥的 ,那么就應該在主導航菜單的下一級實施。
在下面的截圖中,每日快報要求用戶在第一個層面一個至關重要的問題:挑的新聞話題,如“金融”,“娛樂”或“生活方式”然后,選擇部分的主頁上,網友給出的關于該主題的最新消息摘要。 檢查三個或四個最新的文章都是許多用戶想要做的。 對于那些誰想要鉆研某個特定主題,小節下面列出的第一級。
上面的小節可以看作是相互排斥的,因為一個娛樂項目,通常釋放無論是作為一本書或一部電影或電視節目等,當然,組合是可能的; 一本書可以被拍成電影或舞臺劇。 不過,如果用戶可能希望看到一個摘要符合這些組合? 如果是這樣,那么動態篩選意義。
請注意,這個問題的答案將取決于項目的類型而不是項目的數量和多樣性上,以及目標受眾的特殊利益少。
例如,用戶可能不會找一個早餐食譜,是中國和低脂肪??和圣誕主題。 相反,他們會找一個早餐,要么是中國或低脂或圣誕節為主題。 所以,選購的食譜分類是不太可能,一般要結合起來。 但是,如果一個網站有成千上萬的食譜和目標受眾有非常特殊的喜好,然后讓他們更強大的動態過濾器將是有益的。
最后,考慮的元數據類的第三組。
不相干的分類
不相干的類別是分類由無目標用戶很可能要瀏覽的內容。 然而,這些分類并不是無關緊要的整體用戶體驗。
兩個元數據類的文章的集合可能是“字數統計”和“圖像數量?!比绻@些類別被實現為列在數據庫中,內容策略可以審查這些類別的值并得出結論,大多數文章都太長缺乏圖像,這可能是一個原因,很多用戶放棄了網站,他們讀完的文章之前。 內容策略可以再討論這個問題與設計師或客戶端,這可能導致改進的內容。 然而,雖然這些類別可能產生有價值的信息,為設計師,用戶很可能不希望由“字數統計”,或瀏覽文章“圖像數量。”
總之,不相關的類不應該出現在網站上。 他們會被忽略,將雜亂的界面,甚至可能會使用戶感到困惑。 項目的絕對數量,不過,可以把一個不相干的類插入可選的。
例如,“字數統計”通常會是一個不相關的類通過它來瀏覽文章。 但下圖所示的網頁多年來,設計者認為有必要增加文章的長度作為用戶可選的方式來過濾內容積累了那么多文章。
上面說的食譜展示或服裝的網站是適合解釋優先類別的精妙之處和重要性,因為它們通常需要很多的元數據類。 但他們沒有示出了一個問題,即大多數設計者必須面對在某些時候,在設計一個公司時尤其如此。
公司產品分類
大多數食譜網站收集食譜亂,然后離開它的設計師對它們進行分類。 但企業往往有分類的產品自己內部的方式。 這可能會導致相互沖突的需求。
首先考慮的關鍵元數據類汽車。 你將不得不根據大小或生活方式類別,其值如“緊湊型”,“貨車”,“跑車”,“轎車”,“轎車”等。 這個類是至關重要的,因為每一個類型的車迎合了特定的生活方式,一個是重要的,幾乎每個人誰駕駛汽車。 緊湊型,例如,小,價格便宜,易于駕駛,方便在城市公園。 馬車有很大的后備箱空間,非常適合家庭。 跑車迎合了另一種截然不同的生活方式。 等等。
然而,許多汽車公司的分類模型以自己的方式。 寶馬,如下圖,如下一些基礎的分類方案(1,3,5,7,等等)。
當一個公司的內部分類方案可能會導致可用性問題,寶馬的計劃實際上使信息架構更實用。 盡管是企業,該計劃是頗有名氣的普通大眾,并在邏輯上根據車的大小數字的進步,或多或少與汽車的契約,轎車,豪華轎車等分類在這種情況下的共同計劃路線,任何東西比該公司的分類等可能會疏遠,而不是幫助用戶。
下一個例子是沒有那么簡單。 歐寶同樣根據其自己的內部命名約定列出的車型。
問題是,這種產品線的結構不明確,而且它不是由一個事實,即用戶必須與滑塊進行交互以查看所有的機型(盡管這個問題涉及到更多的交互)變得更加容易。 用戶有沒有簡單的方法來了解產品是如何相互關聯的,因此,有沒有簡單的方法,根據喜好來過濾它們。
如果分類計劃并沒有為用戶很好地工作,然后一個熟悉的外部必須優先于內部之一。
請注意,大眾汽車(下)如何擁有自己的命名和分類車型的道:“捷達”,“帕薩特”,“途銳”等,但該公司優先考慮在其企業一個共同的外部分類方案。 其結果是一個菜單,很容易理解,并且能夠讓用戶專注于的陣容是他們感興趣的部分
當然,客戶端可能不喜歡看到自己的企業分類方案退居次席。 然而,由于誰被聘用,使網站方便對內容的信息架構師,你是負責這個必要傳達給客戶。
解釋導航選項
根據用戶偏好,構建了導航選項是在簡化網站的信息架構的重要一步。 但是,如果用戶無法理解他們擺在首位的選項,那么即使是最復雜的結構將是徒勞的。 所以,花點時間考慮如何最好地解釋了導航選項。
讓用戶只需盡可能多的信息,因為他們需要了解他們的選擇。 再說了累人他們,弄亂界面和導航放緩,甚至放棄的地步風險。
不要給他們的信息太少要么。 如果用戶紛紛猜測其中的鏈接指向,然后在那里他們最終都失望了,他們很快就會失去信心接口和離開該網站。
設計人員可以從三種方式中選擇來解釋導航選項:
- 標簽;
- 標簽和圖片;
- 標簽,圖片和說明。
要選擇正確的方法,評估的標簽有多熟悉到目標受眾。
標簽
如果您想使用標簽是很熟悉,那么只有他們就足夠了。 大型畫冊和長描述是沒有必要解釋什么是“牛仔褲”,“短褲”,“襯衫”和“外套”是。
在保持標簽短路值得稱道的,簡潔不應該在明確的成本來實現。 只要目標受眾是熟悉和適應它們縮寫詞和行話,比如UX和BMI(身體質量指數),可以工作。
然而,有時候,獨自一個術語可能是明確的,但在它出現的上下文使它曖昧。 大型組織的許多濟南網站建設都含有持久性水平導航指向該組織的主要工作方面以及上下文敏感的垂直導航指向的子部門。 這可能會導致重復的標簽。 巴斯大學(如下圖),包括在頂部全球水平菜單,并在左邊的窄的垂直菜單標簽“研究”。
雖然這可能會使用戶感到困惑,精心的設計將避免歧義。 在上面的截圖中,菜單標題“探索部”是一個很好的提示,它下面的“研究”的標簽是指部門,不要把大學作為一個整體。 要絕對確保,我們可以從“關于我們”加長的標簽,比方說,“關于這處”。
另一種方式給標簽的上下文是通過添加數字,說明有多少項目是在一個給定的類別。
這些數字經常被列為動態篩選值。
雖然很多用戶喜歡看到這樣的數字,仔細考慮時,實際上顯示它們。 例如,猜測有多少內容的網站剛剛通過查看主頁通常是困難的。 因此,明確顯示多少已經能籠絡用戶,因為他們會認為,“當然,這個網站有我的東西?!?/p>
當然,你可能不希望透露這樣一個數字,如果你的網站沒有多少內容呢。
同樣,當用戶瀏覽類別,并擁有一定的話題,他們會想探索相關的類別,即使它有幾個項目,即使一個不太相關的類別包含多個項目。 如果有的話,在這一點上顯示的數字會減慢瀏覽和雜亂的接口。
這同樣適用于動態過濾器。 將用戶選擇,根據它所包含的項目數類別? 如果是這樣,那么顯示的數字是有意義的。 如果沒有,那么唯一的一種反饋,你應該給是灰色或移除具有零項的值。
否則,一旦用戶已選擇了類別,顯示該類別中的項目數,或者在動態過濾器的情況下,顯示符合所選擇的值的項數是有用的信息。
圖標是另一種類型,有時附加到標簽的元素。 當好制作和辨認,他們可以是一個非常有益的補充。 而沒有必要解釋的使用者的選項,圖標可以更容易地處理和選項之間進行區分。 在下面的截圖中,我已經刪除的菜單項的圖標。 注意標簽如何仍不足以解釋的選項。 每個人都知道什么是“車”,“房車”,“摩托車”和“卡車”是。
然而,把圖標旁邊的標簽使得它更容易為用戶識別和選項之間區別。
單獨的圖標會引起混亂,雖然。 即使一個圖標是熟悉的,用戶可能會不確定它代表了一個特定的上下文中。
標簽和圖片
標簽和圖標的工作以及熟悉的物品。 對于不太常見的,圖像是必需的。 考慮品牌。 在下面的截圖中,車模被表示為在菜單純文本。
不過,我不知道什么是“三角地”或“遺產”是。 因此,該標簽是不夠的,幫助我決定去探索何種產品。 標簽與圖片,如下圖所示,是一個更好的解決方案。
當使用圖片或圖標的導航菜單是一個有趣的問題。 顯然,解釋一個非常具體的項目,如“13英寸MacBook Pro”或“三星Galaxy注3,”無非是產品的實際畫面會做。
解釋一個產品類別不是那么簡單。 在某些菜單中,該類別的圖標解釋。
在其他菜單,這些相同的類別與實際產品的圖片在這些類別的解釋。
對于產品類別,圖標比圖片更合適。 一個精心繪制的圖標使得菜單看起來比一個產品的回收利用畫面更專業。
此外,使用一個實際產品的圖片來表示一個類可以提出問題的用戶中,下意識的。 “為什么這個特定的產品代表這一類?”“這是他們最好的嗎?”“難道產品中心范圍內對這種特殊類型的項目?”“如果我不是在尋找這樣的項目,那么這是沒有 一個很好的網站給我嗎?“這些疑慮將得到加強,如果他們在一個類中看到的第一個項目是非常相似的,他們在菜單里看到的那個。 一個圖標,通過對比,簡單地傳達了一個類別包含某種產品,僅此而已,無所不及。
帶圖標的伎倆,不過,是他們必須有一定的標準。 一個圖標可以很容易地看外行,如果不抽好。 而如果它是不容易辨認,它甚至可以迷惑用戶。 所以,雖然圖標更適合的產品類別,如果你不相信,你可以使他們的專業和識別,那么你最好有圖片。
標簽和圖片說明
有時候,甚至標簽和圖片都不足以解釋產品。 與復雜的解決方案,如銀行,保險經紀和ISP服務商,往往給自己的產品,如“50加”和名稱“的圍棋網站。”的一對夫婦說給代理的大型圖片或一個女孩在她的談話智能手機可能還不夠,表明正在提供的服務。 對于這樣的產品,一對夫婦線和一個標簽和圖片的說明是最有幫助的。
文章的標題和標題是不同的一種標簽,可能會或可能不會要求隨附的圖像和描述。
許多作者認為前裝頭條新聞的關鍵信息,并保持他們盡可能短 。
雖然上面的標題是簡短,重點突出,這種寫作風格都有其風險,并不適用于每一個網站。
第一個問題是,是否以及如何編寫描述。 BBC的頭條新聞實際上是伴隨著說明,但我在圖片中刪除它們上面隔離的頭條新聞。 下面這個鏡頭恢復描述,你會發現基本上都是頭條新聞的詳細rewordings,而基本上不新信息。
如果標題應該與關鍵信息進行包裝,因為它們上面,然后說明將不再需要。 如果有的話,用戶會閱讀他們,因為他們可能一樣好讀只有標題后已經瀏覽到一篇文章被拖慢。
然而,顯示標題單獨或寫在標題的風格并不總是最好的,甚至為宜。 如果文章僅僅是對一個事件的一個簡短的新聞報道,然后是標題,如BBC的是一個不錯的選擇。 但是,如果一篇文章進入更詳細,那么一個標題,圖片和描述可以更有效,更具趣味性。
在下面的截圖中的標題是比信息更吸引人,而關鍵的信息傳遞中的下面幾行。 還有,圖像已被添加到設定該物品的色調。
了解是什么這篇文章是關于從片段并不難。 此外,通過使用標題作為有效注意力抓取和描述,以解釋的文章和圖片來設置色調,整個片斷給出了作者多室不僅通知用戶更傳達的角度的文章。
最后,考慮建議經常給有關頭條新聞,這是寫他們,使他們很容易理解網站的內容之外。 畢竟,一個標題可以出現在搜索引擎的結果,在社交媒體和其他物品。 一些作者甚至走這么遠,制定公式用于此目的。
只是要小心不要添加上下文的標題時創建的冗余信息。
上圖中的標題并沒有提供足夠的信息,因為網站是關于網頁設計,和多列布局可以在主頁,菜單,文章和更公正的形式發揮作用,不是。 所以,“表格字段可用性”主要是增加了原始網站內環境。 寫作之外的上下文并不總是必要的,但是,因為其他人誰參閱標題會急于提供自己的背景。
搜索引擎的開發人員都知道,用戶最終會拋棄他們,如果搜索結果不符合用戶的期望。 因此,他們不斷提高他們的結果的相關性和成功率的工作,無論是通過添加豐富的片段,圖像或預覽或簡單地通過提高他們的算法 – 也就是說,通過添加上下文。 同樣,如果一個標題是出現另一篇文章的“推薦閱讀”部分中,該文章將提供必要的背景。 最后,在社會化媒體,由一個人或品牌,有人通過共享的標題是不太可能被視為模棱兩可。
在琛
信息架構 – 也就是說,內容的結構和標簽 – 是使用導航的基礎。 設計人員可以通過的方式,自然地變窄,補充了目標受眾的導航選項,以及通過解釋,最大限度地減少對用戶的認知負荷的方式這些選項的內容構建有效簡化網站的信息架構。
本文中給出的建議可以概括為以下兩個列表,細分為“內容結構”和“標簽的項目。”
結構化內容
- 收集和分類你希望用戶導航到項目的類型的元數據。
- 集團的元數據類別為關鍵的,可選的或不相關的。 關鍵類別是重要的是,可選的種類是很重要的部分,和不相關的類別是重要的,沒有目標用戶。
- 目前只有一個關鍵的類,用它的價值觀,在第一級。
- 如果在第二級上的項目不超過一定量時,則附加的類別是沒有必要的。 否則,提供下一個關鍵類別,一個接一個,在每個后續級別。
- 用盡所有重要類別后,提出了一個頁面,其中列出用戶選擇匹配到該點的所有項目。
- 如果其余項目仍超過一定量時,再出示可選類別所有在同一水平上。
- 如果可選的類別是互斥的,實現它們在一個級別。 如果可選的種類有可能進行組合,它們實現為動態過濾器。
貼標項目
- 如果標簽的產品熟悉,它會自己就夠了。 標簽保持盡可能的短,在不犧牲清晰度。 目前在主頁和分類頁面上的項目總數,而不是在兩者之間。 考慮圖標,同樣,這使得它更容易處理和選項之間進行區分。
- 如果標簽不熟悉,可以考慮添加圖片。 用圖示來解釋類別,但只有在圖標以及繪制和識別。 否則,使用的圖片。
- 對于復雜的服務和產品,可以考慮添加圖片和描述標簽。 該說明應真正提供新的信息,而不僅僅是改寫標簽。 此外,要注意不要添加上下文的標題時創建的冗余信息。
一旦你已經簡化了架構,用戶應該能夠與選擇,以滿足他們的互動。 因此,你還必須設計出適應的選擇,這使得互動舒適的導航菜單。 設計導航菜單的過程將在本系列的第二部分進行討論。