Godzilla. 2019-01-14
網(wǎng)站建設(shè)
如何為任何類(lèi)型的網(wǎng)站創(chuàng)建完美的網(wǎng)站導(dǎo)航
網(wǎng)頁(yè)設(shè)計(jì)師需要理解創(chuàng)建連貫、用戶友好的網(wǎng)站導(dǎo)航功能的必要性。他們也知道這樣做說(shuō)起來(lái)容易做起來(lái)難。事實(shí)上,可以說(shuō)這個(gè)網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域?qū)υS多人來(lái)說(shuō)是一個(gè)持續(xù)的挑戰(zhàn)。
對(duì)于所有網(wǎng)站類(lèi)型,沒(méi)有一種適合所有類(lèi)型的導(dǎo)航方案。同樣,沒(méi)有一個(gè)單一的解決方案可以滿足每個(gè)客戶或用戶的需求和期望。
然而,對(duì)響應(yīng)式設(shè)計(jì)的需求使我們重回正軌。因此,擁有解決極簡(jiǎn)主義網(wǎng)站架構(gòu)的最佳實(shí)踐。
在網(wǎng)站制作中遵循這5個(gè)最佳實(shí)踐,你會(huì)做得很好:
最佳實(shí)踐#1:幫助訪客達(dá)到她的主要目標(biāo)
訪問(wèn)者通常喜歡看到新的或剛剛在網(wǎng)站上介紹的內(nèi)容。預(yù)先顯示這樣的信息。確保其標(biāo)記或突出顯示。
將一系列新服裝歸入“分頁(yè)”根本沒(méi)有任何意義。放置一個(gè)引人注目的圖像和CTA,指向它在主頁(yè)目錄中的位置。
像這樣:
BeClothing
頁(yè)面頂部的搜索欄有助于確保訪問(wèn)者不會(huì)迷路。策略性的CTA將確保她找到她想要的東西。
“立即購(gòu)買(mǎi)”將她帶到了現(xiàn)場(chǎng)。
BeDietitian2
“閱讀更多”會(huì)沿著他或她選擇的路徑啟動(dòng)訪問(wèn)者。
BeWanderer
最佳實(shí)踐#2:始終讓訪問(wèn)者知道她在哪里
多年來(lái),使用當(dāng)前定位器一直是網(wǎng)站導(dǎo)航黃金標(biāo)準(zhǔn)。電子商務(wù)網(wǎng)站megamenus指向許多不同的產(chǎn)品類(lèi)別。這些可能會(huì)變得非常復(fù)雜。因此,讓訪客更容易忘記他在哪里。
跟蹤用戶現(xiàn)在的位置,他之前的位置以及他可能去的地方將極大地幫助避免這個(gè)問(wèn)題。
對(duì)比鮮明的顏色表明他現(xiàn)在的位置,將是一個(gè)很大的幫助。那要想獲得更多的幫助,也可以多了解了解《每個(gè)設(shè)計(jì)師在2019年需要的8個(gè)工具》,希望能夠給設(shè)計(jì)師們帶來(lái)更多的幫助。
BePizza3
用戶在頁(yè)面上的旅程的迷你地圖可以幫助他追溯他的步驟:
BeCompany
在每個(gè)頁(yè)面上保留固定菜單將有助于用戶決定下一步的去向。
BeAccountant2
最佳實(shí)踐#3:使用標(biāo)準(zhǔn)圖標(biāo)和術(shù)語(yǔ)
使用漢堡菜單?無(wú)論如何。
BeGSMServices
一個(gè)帶有隨機(jī)可點(diǎn)擊區(qū)域的巧妙動(dòng)畫(huà)菜單怎么樣?決不!
點(diǎn)擊時(shí)會(huì)帶您進(jìn)入主頁(yè)的大膽徽標(biāo)?總是一個(gè)好主意。
BeCarWash
一個(gè)動(dòng)畫(huà)徽標(biāo),將訪客帶到一個(gè)意想不到的位置?甚至不要考慮它!
最佳實(shí)踐#4:不要超過(guò)7個(gè)菜單項(xiàng)
“為了他”/“為了她”是一個(gè)良好的開(kāi)端。
BeDenim
僅列出用戶最重要的部分或位置。兩個(gè)主要景點(diǎn)應(yīng)放在頂部和底部。
BeBistro2
最佳實(shí)踐#5:根據(jù)內(nèi)容量選擇菜單類(lèi)型
簡(jiǎn)單的菜單最適合推廣單個(gè)產(chǎn)品或產(chǎn)品系列。
BeShoes
您的網(wǎng)上商店可能會(huì)為男士,女士和兒童銷(xiāo)售90種品牌和款式的服裝。如果這是你的情況,你想要使用結(jié)構(gòu)良好的megamenu。
可折疊的垂直菜單也可以使用。
BeStore
一個(gè)簡(jiǎn)單而有效的解決方案 - BeTheme
多年來(lái),導(dǎo)航標(biāo)準(zhǔn)和最佳實(shí)踐可能會(huì)發(fā)生變化。最好的辦法是保持一切簡(jiǎn)單,結(jié)構(gòu)合理。這是最有可能成為常青樹(shù)的最佳實(shí)踐。
最簡(jiǎn)單的方法是使用BeTheme的預(yù)建網(wǎng)站。內(nèi)置了最佳實(shí)踐,這些預(yù)先構(gòu)建的網(wǎng)站將為您節(jié)省大量的時(shí)間和精力。
超過(guò)320的其中2個(gè):
BeMusic2
BeHerbal
摘要
以下是對(duì)網(wǎng)站制作中的導(dǎo)航設(shè)計(jì)所涵蓋內(nèi)容的總結(jié):
引導(dǎo)游客走向目標(biāo)。在每個(gè)頁(yè)面上執(zhí)行此操作;
讓游客知道他們?cè)谀睦?,去過(guò)哪里,最好去哪里 - 總是如此;
使用標(biāo)準(zhǔn)圖標(biāo)和術(shù)語(yǔ),以免混淆用戶;
將菜單項(xiàng)數(shù)限制為七個(gè);
選擇與網(wǎng)站上的內(nèi)容量保持一致的菜單類(lèi)型;
使用預(yù)建網(wǎng)站。它們旨在簡(jiǎn)化網(wǎng)站導(dǎo)航。
文章標(biāo)簽:
網(wǎng)站制作 網(wǎng)站導(dǎo)航
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高,我想投身于網(wǎng)站行業(yè)中,一展所長(zhǎng),為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論: