移動(dòng)網(wǎng)站和體驗(yàn)內(nèi)容越容易，他們?cè)接锌赡苻D(zhuǎn)化為所需的用戶操作

2010-02-14 商城開發(fā)專題

設(shè)計(jì)導(dǎo)航菜單有明確的對(duì)與錯(cuò)方法。網(wǎng)站的基本部分通常在設(shè)計(jì)過程中被忽略，并且在可用性方面表現(xiàn)出優(yōu)勢。

笨拙，擁擠或缺少導(dǎo)航是最常見的問題，并且坦率地說，它們會(huì)使您的網(wǎng)站變得很糟糕。不要成為那個(gè)男人（或女孩）。使用這些技巧可確保您在網(wǎng)站項(xiàng)目中使用現(xiàn)代導(dǎo)航模式，以獲取不會(huì)吸引人的炫酷，創(chuàng)意性導(dǎo)航元素。（并且非常有用。）

1.放棄超級(jí)菜單

超級(jí)菜單是客戶喜愛的設(shè)計(jì)時(shí)尚，即使設(shè)計(jì)師討厭它。包括“除了廚房水槽之外的所有東西”的超大菜單樣式對(duì)用戶來說是不知所措，并且沒有提供任何實(shí)際價(jià)值。

只有少數(shù)主要零售商可以真正使用大型菜單，而這樣做的目的是顯示庫存規(guī)模。重載導(dǎo)航元素的有用性值得懷疑。

通常，選擇大型菜單選項(xiàng)是因?yàn)楹茈y縮小導(dǎo)航欄中的內(nèi)容。做出艱難的選擇。深入分析以查看用戶的需求。坦白說，大多數(shù)想要特定事物的用戶無論如何都可以通過搜索找到它。

2.突出搜索

說到搜索：使其突出。搜索應(yīng)該在每個(gè)頁面上。它應(yīng)該在主導(dǎo)航中。而且它應(yīng)該很大并且易于訪問。

一流的搜索功能是使用戶保持網(wǎng)站訪問的鏈接。如果他們要找的東西不可用，那么下一個(gè)選項(xiàng)可能會(huì)搜索它。（您可以感謝Google的這種搜索優(yōu)先的思考過程。）

不要試圖與之抗?fàn)?。與用戶合作，并將搜索作為主要導(dǎo)航的一部分。（并確保該框足夠大，可以在其中鍵入并完全看到常用短語。）

3.限制導(dǎo)航選擇的數(shù)量

預(yù)期用戶接下來將要訪問哪些內(nèi)容是您的工作。將導(dǎo)航選項(xiàng)限制為網(wǎng)站設(shè)計(jì)中最流行的頁面和信息。

幾乎每個(gè)導(dǎo)航菜單都應(yīng)包含搜索，“關(guān)于”或“聯(lián)系”頁面，電子商務(wù)網(wǎng)站應(yīng)始終包含購物車或“立即購買”按鈕。之后，導(dǎo)航元素應(yīng)由網(wǎng)站內(nèi)容驅(qū)動(dòng)。

4.開發(fā)智能導(dǎo)航菜單

良好的導(dǎo)航將幫助用戶從內(nèi)容的一點(diǎn)移到下一個(gè)邏輯點(diǎn)。該內(nèi)容通常在網(wǎng)站的不同部分上有所不同。

創(chuàng)建多個(gè)導(dǎo)航配置，以便用戶可以輕松訪問內(nèi)容，這是其設(shè)計(jì)過程中下一步的邏輯步驟。盡管某些元素可能重疊，但其他元素可以幫助用戶并幫助他們更深入地設(shè)計(jì)。

我們正處在用戶期望某些個(gè)性化水平的時(shí)代。亞馬遜在導(dǎo)航元素方面做得很好，甚至可以按名稱呼叫用戶。下次登錄時(shí)仔細(xì)查看導(dǎo)航，以查看[此處您的名字]的Amazon.com。輔助導(dǎo)航包括諸如微笑用戶的年度捐贈(zèng)，最近的訂單歷史記錄，甚至還包括其他Amazon服務(wù)的貸項(xiàng)等信息。（此后的所有內(nèi)容也非常個(gè)性化。）

5.故意訂購導(dǎo)航元素

導(dǎo)航元素的順序與使用它們的決定一樣重要。導(dǎo)航元素開頭和結(jié)尾的項(xiàng)目將是最有效，最常查看和最多點(diǎn)擊的項(xiàng)目。仔細(xì)使用這些位置。

甚至還有一些科學(xué)支持這一點(diǎn)。該系列位置效應(yīng)是一個(gè)人的回憶列表中的最一致的第一個(gè)和最后一個(gè)項(xiàng)目的傾向。此外，用戶傾向于最好地回憶最近的項(xiàng)目（新近效應(yīng)），并且列表中的前幾項(xiàng)要比中間元素更好地被回憶（首要效應(yīng)）。

查看網(wǎng)站分析中的用戶流模式，以幫助您準(zhǔn)確確定哪些頁面和元素應(yīng)放在最前面和最中心。包括用戶要從主頁轉(zhuǎn)到的頁面以及您希望用戶連接的內(nèi)容。消除不會(huì)推動(dòng)用戶流量的導(dǎo)航元素。

6.對(duì)長滾動(dòng)頁面使用粘性導(dǎo)航

不要讓用戶迷失導(dǎo)航。無論是粘貼在屏幕的頂部，底部還是側(cè)面，任何長滾動(dòng)格式的頁面都應(yīng)包含粘性菜單。這背后的原因很簡單：不要讓用戶努力保持與您的網(wǎng)站的交互。

移動(dòng)和體驗(yàn)內(nèi)容越容易，用戶越有可能做到這一點(diǎn)。用戶花在設(shè)計(jì)上的網(wǎng)站上的時(shí)間越長，他們?cè)接锌赡苻D(zhuǎn)化為所需的用戶操作。

7.不要隱藏導(dǎo)航

微小的菜單項(xiàng)，隱藏在屏幕底部或僅位于頁腳中的鏈接以及隱藏在奇數(shù)球圖標(biāo)后面的彈出式導(dǎo)航以及內(nèi)部頁面上的導(dǎo)航不足，只會(huì)使用戶無法單擊。不要隱藏網(wǎng)站導(dǎo)航。它應(yīng)該在前面和中間。它應(yīng)該在每一頁上。

用戶可以通過多種方式訪問您的網(wǎng)站。確保它們到達(dá)時(shí)有導(dǎo)航元素在等待著他們。

8.使用描述性標(biāo)簽

從導(dǎo)航詞到圖標(biāo)，每個(gè)元素都應(yīng)準(zhǔn)確告訴用戶單擊一次會(huì)發(fā)生什么。使用常用的圖標(biāo)，例如購物卡簽出或放大鏡進(jìn)行搜索，甚至使用漢堡包圖標(biāo)彈出菜單樣式。

然后再進(jìn)一步，使用文本標(biāo)簽準(zhǔn)確告訴用戶其中包含哪些信息。如果有一個(gè)詞可以更好地解釋內(nèi)容，請(qǐng)盡量避免使用過于籠統(tǒng)的標(biāo)簽，例如服務(wù)或產(chǎn)品。

9.考慮全頁導(dǎo)航

有時(shí)設(shè)計(jì)就是導(dǎo)航。如果有一些對(duì)用戶至關(guān)重要的關(guān)鍵元素，請(qǐng)通過全屏導(dǎo)航向他們展示。

盡管這并不適合每個(gè)項(xiàng)目，但對(duì)較小的網(wǎng)站，項(xiàng)目組合或項(xiàng)目工作可能會(huì)有效。

10.去垂直

垂直導(dǎo)航現(xiàn)在很流行，這是有充分理由的。因?yàn)橛行┎煌?，所以很容易看到并吸引眼球?/span>

側(cè)面，垂直導(dǎo)航是需要更多導(dǎo)航元素空間的網(wǎng)站的不錯(cuò)選擇。通過更深的菜單，該設(shè)計(jì)可以容納更多的導(dǎo)航杭州網(wǎng)站建設(shè)，而不會(huì)感到混亂，并在元素之間保持足夠的空間。

上一篇：網(wǎng)站首頁“定制”主題頁面的方式返回觀點(diǎn)列表下一篇：功能齊全的UI，并且吸引微交互，共情的內(nèi)容尤為重要

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/1285.html

相關(guān)專題

電商/商城開發(fā)
杭州派迪科技為高端客戶提供商城開發(fā)建設(shè)咨詢策劃，商城官網(wǎng)設(shè)計(jì)，商城建設(shè)開發(fā)服務(wù)，以國際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端商城開發(fā)定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
微信公眾號(hào)開發(fā)
杭州派迪科技微信公眾號(hào)開發(fā)，為全國企業(yè)提供微信公眾號(hào)商城、H5、功能系統(tǒng)開發(fā)，如您需要找專業(yè)的公眾號(hào)開發(fā)團(tuán)隊(duì)，委托第三方公司開發(fā)公眾號(hào)菜單及網(wǎng)頁內(nèi)容請(qǐng)聯(lián)系派迪科技
查看詳情
小程序開發(fā)
杭州派迪科技專業(yè)小程序開發(fā)，為企業(yè)提供微信小程序開發(fā),包括小程序商城、小程序應(yīng)用及其他平臺(tái),可根據(jù)客戶需求進(jìn)行定制開發(fā),提供源代碼,可二次開發(fā),可申請(qǐng)軟件著作權(quán),歡迎咨詢。我們以用戶為中心的程序功能豐富、直觀且性能極佳。我們以清晰的業(yè)務(wù)目標(biāo)視圖制作您的項(xiàng)目目的地，并確保它支持用戶訪問體驗(yàn)?？稍诳缭O(shè)備上產(chǎn)生無縫的全渠道體驗(yàn)，應(yīng)用程序具有豐富的 UI/UX、規(guī)范化的數(shù)據(jù)庫和強(qiáng)大的框架，可提供更好性能。
查看詳情
在線教育
查看詳情
APP/應(yīng)用平臺(tái)開發(fā)
杭州派迪科技專業(yè)的app開發(fā)平臺(tái),9年開發(fā)經(jīng)驗(yàn),專注app開發(fā)、app軟件開發(fā)、手機(jī)app制作為教育行業(yè)、檢修行業(yè)、商城電商系統(tǒng)等APP提供過全程策劃及開發(fā)
查看詳情