怎樣設計“明晰、簡略、共同”的網(wǎng)站導航?

2016-07-06    分類: 網(wǎng)站導航

怎樣規(guī)劃出“明晰,簡略,共同”的導航呢?“一個用戶沒有必要記住他在你的網(wǎng)頁運用上閱讀的辦法,導航應該是在最前面的,而且應該十分明顯?!币话?,在整個Web App中都有一個靜態(tài)大局導航(Global Navigation),其他首要部分都有一個子導航欄。為答復怎樣創(chuàng)立眾所周知的“明晰、簡略、共同”的導航,創(chuàng)新網(wǎng)絡總結了以下網(wǎng)絡的根本導航常規(guī):

Web規(guī)劃人員運用“耐久化導航”(或大局導航)來描述在運用程序的每個頁面上出現(xiàn)的導航元素調(diào)集。耐久的導航——用一種安靜、理性的聲響說:“這個元素在這兒。有些部分會依據(jù)你在網(wǎng)頁運用中的方位而有所改動,但它會一向在這兒,而且總是以相同的辦法引導用戶。”

只需導航出現(xiàn)在每個頁面的相同方位,而且保持共同的外觀,就能夠當即確認你仍然在同一個運用程序中——這比你幻想中的更為重要,在整個運用程序中保持共同意味著你只需求知道它是怎樣作業(yè)的。要害部分——有時被稱為“主導航”——是運用程序首要部分的鏈接,也是運用程序的層次結構的第一流。

在某些規(guī)劃中,耐久導航還將包含顯現(xiàn)二級導航的空間:當時部分中的末節(jié)列表。在其他狀況下,指向一個稱號或點擊它會顯現(xiàn)一個下拉菜單。而在某些狀況下,單擊它將帶你到該部分的主頁,在那里你會發(fā)現(xiàn)輔佐導航。面包屑導航——您的導航攻略就像“你在這兒”的指示器相同,面包屑導航會通知你你在運用程序的具體方位。其效果當然是不言而喻的,不占用太多空間,卻供給了一個便利和共同的辦法來做你最需求做的兩件工作:回到上一個頁面或許主頁。

他們之所以被稱為面包屑,是由于它們讓人想起漢斯在樹林里墜落的面包屑,使得他和格萊特爾能夠找到回家的路。面包屑向您顯現(xiàn)從主頁到您地點的方位的途徑,讓你輕松地在運用程序中移回到更高的層次結構。很長一段時間,面包屑導航是一個奇怪的現(xiàn)象,只在運用程序中才有很多的數(shù)據(jù),但現(xiàn)在它們在UI/ UX中是必不可少的。以下是一些好實踐辦法:

1、置頂

面包屑導航在置頂中似乎是做的最好的,我想這可能是由于把它們邊際化了——讓它們看起來像一個附屬品,就像書或雜志里的頁碼相同。

2.運用>層級

實驗和過錯似乎標明,層級之間的好分隔符是“大于”符號(>),可能是由于它將向下移動可視化。

3、最終一項運用粗體

列表中的最終一個項目應該是當時頁面的稱號,并使其為粗體,以杰出其應有的重要性。 由于這是當時運用頁,天然它不是一個鏈接。

選項卡是少量幾個在用戶界面中選用暗喻的比如之一。就像一個三環(huán)的活頁夾里的文件相同,它們會把東西分紅不同的部分。經(jīng)過點擊它的標簽(或許,在Web上點擊它)來打開內(nèi)容是很簡略的。了解導航可能是困難的,完成它或許愈加困難??墒遣还苣阕鍪裁矗愣急仨毐WC你完成的導航是終端用戶想要看到的。這十分重要,由于用戶比你幻想中的更想快速的找到自己想要的東西。

網(wǎng)頁名稱:怎樣設計“明晰、簡略、共同”的網(wǎng)站導航?
URL網(wǎng)址:http://www.muchs.cn/news32/38532.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站設計網(wǎng)站導航

廣告

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

h5響應式網(wǎng)站建設