說響應式網頁設計已經改變了我們的行業,最多只會是輕描淡寫。我們曾經向客戶詢問他們希望我們支持哪些決議和設備,但我們現在知道答案是“盡可能多的”。為了應對這樣的挑戰,并處理我們日益復雜的世界,我們的行業已經爆炸了新的思維,模式和方法。
在這篇文章中,我想特別看一下響應式導航的問題。我們將首先談論信息架構,然后談論導航的目的,最后我們將看一下三種響應速度快的導航模式。
信息架構挑戰鏈接
在移動第一世界中,或者至少應該是第一件事情是內容和信息架構策略。如果我們的應用主要是為了促進任務和信息共享,那么我們首先要把重點放在首位。
該行業經歷了一個大型的趨勢和越來越復雜的導航結構,但響應式的網頁設計迫使我們重新思考這種復雜性。我們的導航需要持有多少才能有效?一個應用程序真的需要幾種不同類型的導航,還是只能使用一個?您會發現,最響應敏捷的導航模式迫使我們簡化和集中精力,而且這也是移動優先方式的優點。
事實是,如果您的信息架構未被優化,那么響應式導航解決方案的光滑無關緊要。在我們辯論媒體查詢的優點之前,這是真的,但現在的挑戰甚至更大。我們必須確保我們的導航結構在我們的網站上公布時,是清楚的,并盡可能減少任何認知的摩擦。
創建導航時,有幾個問題要詢問:
難道你們的標簽意味著什么,而且您的訪問者是否明確了這個價值主張(有時稱為“?信息氣味?”)?
如何盡可能地降低導航的復雜性?如果您的導航結構有七個層次,那么這個挑戰并不多。
您如何確保導航在整個分辨率調整中不會丟失?
您是否徹底測試過,以確保導航符合用戶訪問網站的目標?
導航鏈接的目的
讓我們快點來考慮導航的目的。這可能看起來很小,但是我看到太多的應用程序設計人員已經忘記了這些重要原則。我讀過的最好的文章來自于十年前由德里克·鮑亞澤克(Derek Powazek)撰寫的文章(這表明事情的核心性仍然相同)。他寫:
導航還有三個部分,用于向用戶傳達他們的過去,現在和未來。任何良好的全球導航方案,一目了然地回答了每個用戶在任何頁面上的頭三個問題:
我在哪里?(當下)
我去哪里?(未來)
我去過哪里?(過去)
我們必須重新審視這些原則,因為我看到最響應的導航解決方案處理這些原則是不一致的。大多數解決方案都處理了“我可以去哪里”的問題,但是大多數網站甚至不會在他們的響應解決方案中顯示用戶目前或者曾經在哪里。當您調整我們將要查看的一些模式時,請確保模具滿足這些重要標準。