從檢查電影放映時(shí)間,閱讀一個(gè)Photoshop技巧,審查每日新聞,我們可以發(fā)現(xiàn),我們正在尋找互聯(lián)網(wǎng)上的幾乎任何信息。一個(gè)網(wǎng)站的一部分就是幫助我們找到我們要找的特別重要的是它的導(dǎo)航。當(dāng)我們與網(wǎng)站聘請我們使用其導(dǎo)航來幫助我們找到我們所期待的。不幸的是,許多網(wǎng)站有一個(gè)不是…
從檢查電影放映時(shí)間,閱讀一個(gè)Photoshop技巧,審查每日新聞,我們可以發(fā)現(xiàn),我們正在尋找互聯(lián)網(wǎng)上的幾乎任何信息。一個(gè)網(wǎng)站的一部分就是幫助我們找到我們要找的特別重要的是它的導(dǎo)航。
當(dāng)我們與網(wǎng)站聘請我們使用其導(dǎo)航來幫助我們找到我們所期待的。不幸的是,許多網(wǎng)站有一個(gè)不是特別好計(jì)劃的導(dǎo)航。當(dāng)然它可能工作不夠好,去我們正在尋找的信息,但往往,只有經(jīng)過一番混亂,并利用搜索稱為試錯(cuò),我們能夠這樣做網(wǎng)頁的那經(jīng)典的方法。
如果一個(gè)網(wǎng)站的導(dǎo)航組織得很差,有困惑的措辭,或有太多的聯(lián)系,它降低了我們用它來查找我們在一個(gè)快速簡便的方式尋找能力。明顯直觀的導(dǎo)航是下面列出一個(gè)偉大的website.These實(shí)踐的關(guān)鍵構(gòu)建模塊之一,將幫助您創(chuàng)建更有效的導(dǎo)航為您的網(wǎng)站的一部分。
1.明確
當(dāng)網(wǎng)站訪問者不知道點(diǎn)擊鏈接時(shí),或如何輕松地找到他們所尋找的,混亂的結(jié)果會(huì)發(fā)生什么。通過設(shè)計(jì)你的網(wǎng)站的導(dǎo)航更容易讓參觀者了解減少混亂。
Abercrombie&Fitch的網(wǎng)站提供了這個(gè)概念的一個(gè)例子。他們的導(dǎo)航是很容易的第一刻起訪客進(jìn)入他們的網(wǎng)站了解。
使用透明標(biāo)簽,這是顯而易見的,一目了然,讓的觀眾知道你的公司做什么。從一開始,他們才知道他們是在正確的地方,以及如何得到的地方,他們想要的。若有所思考慮你使用你的網(wǎng)站導(dǎo)航的術(shù)語,因此很容易為游客找到他們所期待的。
避免周圍內(nèi)容的格式制作的導(dǎo)航,例如,而不是一個(gè)視頻頁面,創(chuàng)建具有按主題分開內(nèi)容的“如何”部分。很容易讓用戶找到他們正在通過他們將使用術(shù)語描述的內(nèi)容尋找。游客到您的網(wǎng)站可能不會(huì)找一個(gè)視頻部分,但他們可能會(huì)尋找關(guān)于如何設(shè)置你的產(chǎn)品或如何使用特定功能的提示。
要清楚的游客哪些項(xiàng)目的導(dǎo)航項(xiàng)目。敏銳不會(huì)幫助您的網(wǎng)站訪問者得到他們想要的。舉例來說,即使它可能很好看你,讓鏈接的網(wǎng)站比文字灰色略暗的陰影并沒有幫助創(chuàng)建出色的用戶體驗(yàn)。不要讓工作游客使用您的網(wǎng)站。
2.保持一致
我相信你已經(jīng)到網(wǎng)站,它看起來像他們的導(dǎo)航部分是上漲了事后的想法或者它只是不屬于。這種缺乏一致性的工作,以減少對網(wǎng)站訪問者的部分信任,此外,它降低了用戶體驗(yàn)的質(zhì)量。如果事情只是看起來上漲就交給你了,它很可能會(huì)尋找相同或更不如你的客戶。
Bouguessa網(wǎng)站的美觀大方,干凈的導(dǎo)航是一致的,有助于提高,同時(shí)在其網(wǎng)站訪問者的體驗(yàn)。
趨于減少的導(dǎo)航素質(zhì)另一個(gè)問題,正在對不屬于鏈接,尤其是當(dāng)他們似乎是菜單中的項(xiàng)目。當(dāng)訪問者點(diǎn)擊菜單項(xiàng)不鏈接它增加了混亂,因此,無奈水平的高低。使用視覺設(shè)計(jì)來顯示哪些項(xiàng)目是連接的,哪些不是,舉例來說,如果你有頭作為一個(gè)大型菜單的一部分,使用不同的字體樣式,顏色或空白,表明他們是頭部,而不是鏈接。
第二個(gè)功能也應(yīng)該在您的網(wǎng)站設(shè)計(jì)一致。應(yīng)用相同的焦點(diǎn),并考慮到你做的主要的導(dǎo)航輔助導(dǎo)航。無論訪問者在你的網(wǎng)站為首要提供一個(gè)很好的經(jīng)驗(yàn)。
如果你有一個(gè)是最重要的,你想成為更容易訪問的網(wǎng)頁,為它創(chuàng)建您的主頁或部分登陸頁面上的功能塊。網(wǎng)站訪問者注意這些塊,同時(shí),刻意突出的導(dǎo)航菜單項(xiàng)可以經(jīng)常擾亂菜單。
3.保持精簡
避免使用過多的項(xiàng)目創(chuàng)建菜單。它是最好的,如果可以限制包括作為菜單至七的一部分項(xiàng)目的數(shù)量。有較少的項(xiàng)目可供選擇,是您的網(wǎng)站的訪客更好。這對您的訪問者的一部分,產(chǎn)生更少的精神壓力,因?yàn)樗麄冏龀鰶Q定,并增加了他們前進(jìn)的機(jī)會(huì)。
研究已經(jīng)表明,人類大腦使用分塊以提高回收的方法。打破數(shù)據(jù)分成有關(guān)團(tuán)體或塊,它可以讓我們理解并更好地記住它。這對于較大的網(wǎng)站需要超過七菜單項(xiàng)的特別有效的技術(shù)。通過打破菜單項(xiàng)分成組,您將幫助您的網(wǎng)站訪問者。
請記住,每次你從你的菜單或從頁面移除元素中的一個(gè)項(xiàng)目; 你在做其他的都是一點(diǎn)視覺上更加突出。當(dāng)您刪除的東西,你讓其他項(xiàng)目更容易被看到和點(diǎn)擊。仔細(xì)評估你真正需要的是你的網(wǎng)站的一部分,并愿意刪除您不需要簡化和改進(jìn)經(jīng)驗(yàn)的項(xiàng)目。
奧爾森昆迪希網(wǎng)站提供了一個(gè)簡化的導(dǎo)航體驗(yàn)網(wǎng)站的一個(gè)很好的例子。
此外,你將要考慮你你的導(dǎo)航中使用的順序。就像在生活的其他方面,在開始或結(jié)束的項(xiàng)目會(huì)站出來給用戶。用戶注意力和保留是在它們的在列表的開頭或結(jié)尾最高。這是我們的基本心理的結(jié)果。作為人類,我們是有線記住在開始(優(yōu)先)或在末端(新近度)的項(xiàng)目。
利用這一現(xiàn)象,并把重要的項(xiàng)目在你的菜單的開始或結(jié)束。通過將那些對你的重要客戶在這些領(lǐng)域的項(xiàng)目,你更容易為游客使用你的網(wǎng)站。如果你不能確定哪些項(xiàng)目是最重要的客戶,看看您的分析,看看哪些網(wǎng)站中的網(wǎng)頁獲得最多流量。
4.使用扁平架構(gòu)
大航海始于一個(gè)深思熟慮的信息架構(gòu)(IA)。至于你認(rèn)為你的網(wǎng)站的組織,你會(huì)希望保持結(jié)構(gòu)盡可能平坦。讓您的網(wǎng)站訪問者一兩次點(diǎn)擊內(nèi)到達(dá)任何頁面。
當(dāng)你有較少的級別是更快,更容易,更令人困惑的為你的客戶去他們想去的地方是。限制級別數(shù),以幫助導(dǎo)航簡單的為您的訪客。
為了幫助集團(tuán)內(nèi)部組織你的網(wǎng)站,單獨(dú)的頁面分組,而是組內(nèi)嵌套組,期待創(chuàng)造最平坦的組織安排的可能。整合的內(nèi)容在適當(dāng)情況下,甚至考慮不同分組的頁面比你現(xiàn)在正在做的,使這一點(diǎn),但請確保您的分組都與一致的客戶是如何看待你們的產(chǎn)品。奇集團(tuán)沒有意義的用戶不會(huì)幫助你,即使他們幫助拉平你的網(wǎng)站的層次結(jié)構(gòu)。
使用可視化設(shè)計(jì),幫助用戶了解等級時(shí),他們正在尋找在你的菜單。使用字體樣式,大小,顏色和空格可以幫助游客了解導(dǎo)航的水平。明確區(qū)分的,從主導(dǎo)航分隔在一個(gè)和諧的方式的方式輔助導(dǎo)航。