移動(dòng)優(yōu)先已經(jīng)成為共識(shí)，即便是響應(yīng)式網(wǎng)站，也會(huì)優(yōu)先考慮移動(dòng)端。如此一來(lái)，就需要重視官網(wǎng)導(dǎo)航設(shè)計(jì)。

什么是移動(dòng)導(dǎo)航？

在手機(jī)上瀏覽時(shí)，網(wǎng)站導(dǎo)航是用戶體驗(yàn)的核心。移動(dòng)導(dǎo)航是通過(guò)應(yīng)用程序或移動(dòng)網(wǎng)站通知和引導(dǎo)訪問(wèn)者的功能。與桌面導(dǎo)航相比，由于空間限制，移動(dòng)導(dǎo)航往往面臨更多挑戰(zhàn)。
隨著手機(jī)使用量的增加，用戶體驗(yàn)和用戶界面設(shè)計(jì)師多年來(lái)通過(guò)進(jìn)行用戶體驗(yàn)研究和測(cè)試不同的手機(jī)模式，將手機(jī)導(dǎo)航變成了一種藝術(shù)形式。移動(dòng)網(wǎng)站導(dǎo)航和移動(dòng)應(yīng)用程序?qū)Ш蕉际潜敬螌?duì)話的一部分，調(diào)查用戶如何使用移動(dòng)設(shè)備，以更好地了解以較小規(guī)模交付內(nèi)容的最有效方式。
好的移動(dòng)導(dǎo)航不僅僅是為用戶找到從A點(diǎn)到B點(diǎn)的最快方式。它有助于用戶進(jìn)行合理的旅程，防止用戶受挫，并允許他們通過(guò)移動(dòng)網(wǎng)站或應(yīng)用程序了解更多關(guān)于您的品牌和產(chǎn)品的信息。

四種基本的移動(dòng)導(dǎo)航模式

了解最常用的移動(dòng)導(dǎo)航模式和網(wǎng)站菜單是制作讓用戶滿意的應(yīng)用程序或移動(dòng)網(wǎng)站的第一步。下面，我們介紹四類常見(jiàn)的移動(dòng)導(dǎo)航。

漢堡菜單

到目前為止，構(gòu)成經(jīng)典漢堡菜單的三條水平線在移動(dòng)網(wǎng)站設(shè)計(jì)領(lǐng)域無(wú)處不在。小圖標(biāo)隱藏菜單，直到用戶點(diǎn)擊它。這是移動(dòng)用戶界面非常流行的導(dǎo)航模式。
因?yàn)闈h堡圖標(biāo)將菜單隱藏在主頁(yè)上，所以設(shè)計(jì)師可以提供更多菜單項(xiàng)或使標(biāo)題更長(zhǎng)，而不會(huì)擠占頁(yè)面。大多數(shù)時(shí)候，使用漢堡菜單，因?yàn)樗懈嗟男畔ⅰ?br />
選項(xiàng)卡欄

標(biāo)簽欄是當(dāng)今移動(dòng)應(yīng)用程序中最常見(jiàn)的導(dǎo)航模式，它確實(shí)適用于所有類型。它位于屏幕底部，是一種更易于發(fā)現(xiàn)的設(shè)計(jì)導(dǎo)向?qū)Ш侥Ｊ?。通常，選項(xiàng)卡欄包括提供直接訪問(wèn)導(dǎo)航項(xiàng)的圖標(biāo)。它的互動(dòng)性和在拇指區(qū)的位置使它成為一種特別舒適的導(dǎo)航模式。
由于操作系統(tǒng)指南允許您一次最多包含五個(gè)項(xiàng)目，作為所有者，您需要選擇要在主導(dǎo)航上顯示的最重要的內(nèi)容。

基于網(wǎng)格的導(dǎo)航

包括移動(dòng)應(yīng)用程序主屏幕上的大多數(shù)菜單項(xiàng)。與漢堡菜單類似，可以使用基于網(wǎng)格的導(dǎo)航來(lái)容納你想要的任意多個(gè)項(xiàng)目，因此它是多功能的，在設(shè)計(jì)時(shí)有很多選擇。

抽屜導(dǎo)航

顧名思義，抽屜導(dǎo)航是一種移動(dòng)導(dǎo)航模式，其中大多數(shù)導(dǎo)航內(nèi)容都包含在選項(xiàng)卡或側(cè)邊欄菜單后面。使用與漢堡菜單類似的概念，導(dǎo)航抽屜可以隱藏許多菜單項(xiàng)。雖然菜單項(xiàng)是隱藏的，但如果沒(méi)有清晰的組織，導(dǎo)航系統(tǒng)將無(wú)法正常工作。

移動(dòng)導(dǎo)航設(shè)計(jì)技巧

技巧一：確保內(nèi)容清晰可辨。

由于移動(dòng)屏幕較小的限制，確保用戶輕松閱讀您的內(nèi)容非常重要。注意字體大小和樣式，當(dāng)它們放在小屏幕上時(shí)，可能會(huì)讓人目不暇接，并盡可能減少書面內(nèi)容的數(shù)量。

技巧二：在導(dǎo)航菜單中包含基本項(xiàng)。

如果使用的移動(dòng)導(dǎo)航模式限制了可以包含的菜單項(xiàng)的數(shù)量，請(qǐng)戰(zhàn)略性地考慮只包含用戶最重要的頁(yè)面。盡管基于網(wǎng)格和漢堡菜單的移動(dòng)導(dǎo)航允許更多的選項(xiàng)，但您仍然應(yīng)該認(rèn)識(shí)到它們的過(guò)載。

技巧三：使用基于手勢(shì)的導(dǎo)航吸引觀眾。

基于手勢(shì)的導(dǎo)航是指使用手勢(shì)來(lái)控制和導(dǎo)航移動(dòng)網(wǎng)站或應(yīng)用程序的用戶界面?？梢允褂盟鼇?lái)增強(qiáng)您的導(dǎo)航模式，允許用戶在設(shè)備上執(zhí)行操作，例如向左或向右滑動(dòng)、在屏幕之間移動(dòng)或捏住并展開(kāi)手指以放大和縮小。通常，手勢(shì)交互提供了與電子設(shè)備交互的更自然和直觀的方式。

技巧四：使用浮動(dòng)動(dòng)作按鈕

浮動(dòng)動(dòng)作按鈕（FAB）是顯示在用戶界面頂部的圓形按鈕，當(dāng)按下時(shí)觸發(fā)主要?jiǎng)幼?。設(shè)計(jì)師通常將其放置在屏幕的角落，并使其突出以吸引用戶的注意力。FAB可快速方便地訪問(wèn)導(dǎo)航抽屜等基本功能。

技巧五：應(yīng)用單手導(dǎo)航原則。

單手導(dǎo)航使用戶能夠僅使用一只手在移動(dòng)設(shè)備上執(zhí)行常見(jiàn)任務(wù)。