首頁(yè)?>?知識(shí)?資訊?>?響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)改變了我們的行業(yè)?>?正文

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)改變了我們的行業(yè)

2017/7/18 0:00:00 · 稿源:傳誠(chéng)信

說(shuō)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)改變了我們的行業(yè),最多只會(huì)是輕描淡寫。我們?cè)?jīng)向客戶詢問(wèn)他們希望我們支持哪些決議和設(shè)備,但我們現(xiàn)在知道答案是“盡可能多的”。為了應(yīng)對(duì)這樣的挑戰(zhàn),并處理我們?nèi)找鎻?fù)雜的世界,我們的行業(yè)已經(jīng)爆炸了新的思維,模式和方法。

在這篇文章中,我想特別看一下響應(yīng)式導(dǎo)航的問(wèn)題。我們將首先談?wù)撔畔⒓軜?gòu),然后談?wù)搶?dǎo)航的目的,最后我們將看一下三種響應(yīng)速度快的導(dǎo)航模式。

信息架構(gòu)挑戰(zhàn)鏈接

在移動(dòng)第一世界中,或者至少應(yīng)該是第一件事情是內(nèi)容和信息架構(gòu)策略。如果我們的應(yīng)用主要是為了促進(jìn)任務(wù)和信息共享,那么我們首先要把重點(diǎn)放在首位。

該行業(yè)經(jīng)歷了一個(gè)大型的趨勢(shì)和越來(lái)越復(fù)雜的導(dǎo)航結(jié)構(gòu),但響應(yīng)式的網(wǎng)頁(yè)設(shè)計(jì)迫使我們重新思考這種復(fù)雜性。我們的導(dǎo)航需要持有多少才能有效?一個(gè)應(yīng)用程序真的需要幾種不同類型的導(dǎo)航,還是只能使用一個(gè)?您會(huì)發(fā)現(xiàn),最響應(yīng)敏捷的導(dǎo)航模式迫使我們簡(jiǎn)化和集中精力,而且這也是移動(dòng)優(yōu)先方式的優(yōu)點(diǎn)。

intel-preview-opt.png


英特爾的導(dǎo)航是復(fù)雜的,而且在小視口上的復(fù)雜性會(huì)加劇。請(qǐng)注意,導(dǎo)航具有標(biāo)簽,小空間中的鏈接和子類別列表。(查看大圖)

事實(shí)是,如果您的信息架構(gòu)未被優(yōu)化,那么響應(yīng)式導(dǎo)航解決方案的光滑無(wú)關(guān)緊要。在我們辯論媒體查詢的優(yōu)點(diǎn)之前,這是真的,但現(xiàn)在的挑戰(zhàn)甚至更大。我們必須確保我們的導(dǎo)航結(jié)構(gòu)在我們的網(wǎng)站上公布時(shí),是清楚的,并盡可能減少任何認(rèn)知的摩擦。

創(chuàng)建導(dǎo)航時(shí),有幾個(gè)問(wèn)題要詢問(wèn):

  • 難道你們的標(biāo)簽意味著什么,而且您的訪問(wèn)者是否明確了這個(gè)價(jià)值主張(有時(shí)稱為“?信息氣味?”)?

  • 如何盡可能地降低導(dǎo)航的復(fù)雜性?如果您的導(dǎo)航結(jié)構(gòu)有七個(gè)層次,那么這個(gè)挑戰(zhàn)并不多。

  • 您如何確保導(dǎo)航在整個(gè)分辨率調(diào)整中不會(huì)丟失?

  • 您是否徹底測(cè)試過(guò),以確保導(dǎo)航符合用戶訪問(wèn)網(wǎng)站的目標(biāo)?

導(dǎo)航鏈接的目的

讓我們快點(diǎn)來(lái)考慮導(dǎo)航的目的。這可能看起來(lái)很小,但是我看到太多的應(yīng)用程序設(shè)計(jì)人員已經(jīng)忘記了這些重要原則。我讀過(guò)的最好的文章來(lái)自于十年前由德里克·鮑亞澤克(Derek Powazek)撰寫的文章(這表明事情的核心性仍然相同)。他寫:

導(dǎo)航還有三個(gè)部分,用于向用戶傳達(dá)他們的過(guò)去,現(xiàn)在和未來(lái)。任何良好的全球?qū)Ш椒桨?,一目了然地回答了每個(gè)用戶在任何頁(yè)面上的頭三個(gè)問(wèn)題:

  • 我在哪里?(當(dāng)下)

  • 我去哪里?(未來(lái))

  • 我去過(guò)哪里?(過(guò)去)

我們必須重新審視這些原則,因?yàn)槲铱吹阶铐憫?yīng)的導(dǎo)航解決方案處理這些原則是不一致的。大多數(shù)解決方案都處理了“我可以去哪里”的問(wèn)題,但是大多數(shù)網(wǎng)站甚至不會(huì)在他們的響應(yīng)解決方案中顯示用戶目前或者曾經(jīng)在哪里。當(dāng)您調(diào)整我們將要查看的一些模式時(shí),請(qǐng)確保模具滿足這些重要標(biāo)準(zhǔn)。

ncsbn-preview-opt.png
NCSBN的網(wǎng)站是您在網(wǎng)站結(jié)構(gòu)中反映導(dǎo)航的標(biāo)記之一。(查看大圖)



  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354