導(dǎo)航的主要任務(wù)就在于，它會(huì)告訴你從哪里開(kāi)始，以及你要選擇什么。如果做的正確，它應(yīng)該符合你所需要的所有指令。(這聽(tīng)起來(lái)不錯(cuò)，但是大多數(shù)用戶都會(huì)忽略其他指令。)

它讓我們對(duì)創(chuàng)造它的人更有信心。

每當(dāng)我們進(jìn)入一個(gè)網(wǎng)絡(luò)應(yīng)用程序的時(shí)候，我們都會(huì)有一種精神冥想：“這些家伙知道他們?cè)谧鍪裁磫?？”這是讓我們返回應(yīng)用程序的主要因素之一。

簡(jiǎn)單明了，經(jīng)過(guò)深思熟慮后的導(dǎo)航是應(yīng)用程序可以利用的最佳機(jī)會(huì)之一，從而給用戶創(chuàng)造良好的第一印象。

為回答如何創(chuàng)建眾所周知的“清晰、簡(jiǎn)單、一致”的導(dǎo)航，我總結(jié)了以下網(wǎng)絡(luò)的基本導(dǎo)航慣例:

全局導(dǎo)航——什么與為什么？

現(xiàn)在不要急著往下看，畢竟他會(huì)跟著我們的。

Web設(shè)計(jì)人員使用“持久化導(dǎo)航”(或全局導(dǎo)航)來(lái)描述在應(yīng)用程序的每個(gè)頁(yè)面上出現(xiàn)的導(dǎo)航元素集合。

持久的導(dǎo)航——用一種平靜、理性的聲音說(shuō)：

“這個(gè)元素在這里。有些部分會(huì)根據(jù)你在網(wǎng)頁(yè)應(yīng)用中的位置而有所改變，但它會(huì)一直在這里，而且總是以同樣的方式引導(dǎo)用戶?！?br />
就像商店里的各個(gè)部門的名字一樣，不管你在哪里，如果你想知道你的位置，你總是會(huì)抬起頭來(lái)，然后你可以以自己的方式找到你最喜歡的巧克力。

只要導(dǎo)航出現(xiàn)在每個(gè)頁(yè)面的相同位置，并且保持一致的外觀，就可以立即確認(rèn)你仍然在同一個(gè)應(yīng)用程序中——這比你想象中的更為重要，在整個(gè)應(yīng)用程序中保持一致意味著你只需要知道它是如何工作的。

關(guān)鍵部分：

關(guān)鍵部分——有時(shí)被稱為“主導(dǎo)航”——是應(yīng)用程序主要部分的鏈接，也是應(yīng)用程序的層次結(jié)構(gòu)的最高級(jí)。

在某些設(shè)計(jì)中，持久導(dǎo)航還將包含顯示二級(jí)導(dǎo)航的空間：當(dāng)前部分中的小節(jié)列表。

在其他情況下，指向一個(gè)名稱或點(diǎn)擊它會(huì)顯示一個(gè)下拉菜單。而在某些情況下，單擊它將帶你到該部分的首頁(yè)，在那里你會(huì)發(fā)現(xiàn)輔助導(dǎo)航。

面包屑導(dǎo)航——您的導(dǎo)航指南

就像“你在這里”的指示器一樣，面包屑導(dǎo)航會(huì)告訴你你在應(yīng)用程序的具體位置。

其作用當(dāng)然是不言而喻的，不占用太多空間，卻提供了一個(gè)方便和一致的方式來(lái)做你最需要做的兩件事情：回到上一個(gè)頁(yè)面或者首頁(yè)。

他們之所以被稱為面包屑，是因?yàn)樗鼈冏屓讼肫饾h斯在樹(shù)林里掉落的面包屑，使得他和格萊特爾可以找到回家的路。

面包屑向您顯示從主頁(yè)到您所在的位置的路徑，讓你輕松地在應(yīng)用程序中移回到更高的層次結(jié)構(gòu)。

很長(zhǎng)一段時(shí)間，面包屑導(dǎo)航是一個(gè)奇怪的現(xiàn)象，只在應(yīng)用程序中才有大量的數(shù)據(jù)，但現(xiàn)在它們?cè)赨I/ UX中是必不可少的。

以下是一些最佳實(shí)踐方法：

1、置頂

面包屑導(dǎo)航在置頂中似乎是做的最好的，我想這可能是因?yàn)榘阉鼈冞吘壔恕屗鼈兛雌饋?lái)像一個(gè)附屬品，就像書(shū)或雜志里的頁(yè)碼一樣。

2.使用>層級(jí)

試驗(yàn)和錯(cuò)誤似乎表明，層級(jí)之間的最佳分隔符是“大于”符號(hào)（>），可能是因?yàn)樗鼘⑾蛳乱苿?dòng)可視化。

3、最后一項(xiàng)使用粗體

列表中的最后一個(gè)項(xiàng)目應(yīng)該是當(dāng)前頁(yè)面的名稱，并使其為粗體，以突出其應(yīng)有的重要性。 因?yàn)檫@是當(dāng)前使用頁(yè)，自然它不是一個(gè)鏈接。

標(biāo)簽

選項(xiàng)卡是少數(shù)幾個(gè)在用戶界面中采用暗喻的例子之一。就像一個(gè)三環(huán)的活頁(yè)夾里的文件一樣，它們會(huì)把東西分成不同的部分。通過(guò)點(diǎn)擊它的標(biāo)簽(或者，在Web上點(diǎn)擊它)來(lái)打開(kāi)內(nèi)容是很容易的。

如果你還記得購(gòu)物中心和巧克力，那也很棒了。標(biāo)簽類似于商場(chǎng)的一個(gè)貨架，它會(huì)告訴你你的所想之物在哪里，你可以在不同的貨架上看到不同種類的巧克力，供不同的人購(gòu)買。

我認(rèn)為這是一個(gè)非常優(yōu)秀的導(dǎo)航選擇。這也是為什么我喜歡他們的原因：

1、簡(jiǎn)潔明了

我從來(lái)沒(méi)見(jiàn)過(guò)任何人——哪怕是“電腦文盲”——看一個(gè)選項(xiàng)卡界面，然后說(shuō)，“嗯，我想知道這些是怎么做的？”

2、不容錯(cuò)過(guò)

當(dāng)我做可用性測(cè)試時(shí)，很吃驚的是，人們?cè)诰W(wǎng)頁(yè)頂部經(jīng)常忽略水平導(dǎo)航欄。而選項(xiàng)卡的視覺(jué)特征是如此的與眾不同，以至于很難被忽略。因?yàn)槌藢?dǎo)航，它們很難被誤認(rèn)為是其他的什么，所以它們創(chuàng)建了導(dǎo)航和內(nèi)容之間的那種“顯而易見(jiàn)”的劃分。

3、操作平滑

網(wǎng)頁(yè)設(shè)計(jì)師總是在努力讓頁(yè)面看起來(lái)更有趣一點(diǎn)。如果操作正確，選項(xiàng)卡還可以為你的導(dǎo)航潤(rùn)色，并提供其他實(shí)用功能。

結(jié)論

理解導(dǎo)航可能是困難的，實(shí)現(xiàn)它也許更加困難。但是無(wú)論你做什么，你都必須確保你實(shí)現(xiàn)的導(dǎo)航是終端用戶想要看到的。這非常重要，因?yàn)橛脩舯饶阆胂笾械母肟焖俚恼业阶约合胍臇|西。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

文章名稱：網(wǎng)站導(dǎo)航設(shè)計(jì)教程
地址分享：http://jinyejixie.com/news28/325478.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、做網(wǎng)站、虛擬主機(jī)、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)