北京圣輝友聯(lián)網(wǎng)絡(luò)科技有限公司

主營:網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站優(yōu)化,網(wǎng)站運(yùn)維
您現(xiàn)在的位置: 電腦、數(shù)碼、通信 > 網(wǎng)絡(luò)工程 > 北京圣輝友聯(lián)網(wǎng)絡(luò)科技有限公司 > 供求信息
載入中……
[供應(yīng)]薊縣網(wǎng)站建設(shè)公司,薊縣做網(wǎng)站的公司,薊縣網(wǎng)站設(shè)計(jì)公司
點(diǎn)擊圖片放大
  • 產(chǎn)品產(chǎn)地:
  • 產(chǎn)品品牌:
  • 包裝規(guī)格:
  • 產(chǎn)品數(shù)量:0
  • 計(jì)量單位:
  • 產(chǎn)品單價(jià):0
  • 更新日期:2019-10-21 10:25:20
  • 有效期至:2020-10-20
  • 收藏此信息
薊縣網(wǎng)站建設(shè)公司,薊縣做網(wǎng)站的公司,薊縣網(wǎng)站設(shè)計(jì)公司 詳細(xì)信息

網(wǎng)站導(dǎo)航設(shè)計(jì)指南


 如何設(shè)計(jì)出“清晰,簡(jiǎn)單,一致”的導(dǎo)航呢?

“如果人們?cè)跒g覽網(wǎng)站時(shí)遇到困難,他們就會(huì)猶豫是否要回到該網(wǎng)站?!?

你以前可能經(jīng)歷過類似的情況,如果你下載了一個(gè)app,卻要花時(shí)間去尋找你想要的東西,那么你不可能長(zhǎng)期呆在這里,甚至不會(huì)回來。

那要如何設(shè)計(jì)出“清晰,簡(jiǎn)單,一致”的導(dǎo)航呢?

想象一下,你周日早上出去買自己喜歡的巧克力。走進(jìn)商店,你首先看到的是貨品分區(qū)的名字掛在墻上。(它們夠大,可以在商店的任何地方看到他們)。

“啊,雜貨區(qū)?!蹦阋贿呄胍贿叧@個(gè)方向走去然后找到了你想要的巧克力。

在完全相同的場(chǎng)景下,只需一點(diǎn)小小的改動(dòng),去掉貨品分區(qū),那你可能對(duì)巧克力放在哪一無所知了。

現(xiàn)在,將商店比作你的Web應(yīng)用程序,將你視為訪問Web應(yīng)用程序的客戶。

當(dāng)你在訪問Web應(yīng)用程序時(shí),你將經(jīng)歷與商店中相類似的感受,并試圖在其中找到一些東西。

“一個(gè)用戶沒有必要記住他在你的網(wǎng)頁應(yīng)用上瀏覽的方式,導(dǎo)航應(yīng)該是在最前面的,而且應(yīng)該非常明顯。”

網(wǎng)絡(luò)應(yīng)用程序和商店之間的一個(gè)區(qū)別就在于,前者是沒有導(dǎo)購站在客戶的身邊,引導(dǎo)客戶。而導(dǎo)航欄就要充當(dāng)導(dǎo)購的角色:搜索-在搜索框中輸入關(guān)鍵字,然后跳到需要的鏈接列表。

在Web應(yīng)用程序中,您可以通過一個(gè)層次結(jié)構(gòu),使用導(dǎo)航欄來作為引導(dǎo)。

通常,在整個(gè)WebApp中都有一個(gè)靜態(tài)全局導(dǎo)航(GlobalNavigation),其他主要部分都有一個(gè)子導(dǎo)航欄。

導(dǎo)航的兩個(gè)主要目的是顯而易見的:

幫助我們找到想要的東西,并告訴我們?cè)谀摹?

但導(dǎo)航也有一些重要且容易被忽視的功能:

它告訴我們這里有什么。

通過讓層次結(jié)構(gòu)可見,導(dǎo)航可以告訴我們?cè)搼?yīng)用程序包含了哪些內(nèi)容,即導(dǎo)航顯示的內(nèi)容!而且,揭示這款應(yīng)用的功能可能比指導(dǎo)我們更重要。

它幫助我們?nèi)绾问褂迷搼?yīng)用程序。

導(dǎo)航的主要任務(wù)就在于,它會(huì)告訴你從哪里開始,以及你要選擇什么。如果做的正確,它應(yīng)該符合你所需要的所有指令。(這聽起來不錯(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)過深思熟慮后的導(dǎo)航是應(yīng)用程序可以利用的最佳機(jī)會(huì)之一,從而給用戶創(chuàng)造良好的第一印象。

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

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

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

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

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

“這個(gè)元素在這里。有些部分會(huì)根據(jù)你在網(wǎng)頁應(yīng)用中的位置而有所改變,但它會(huì)一直在這里,而且總是以同樣的方式引導(dǎo)用戶?!?

就像商店里的各個(gè)部門的名字一樣,不管你在哪里,如果你想知道你的位置,你總是會(huì)抬起頭來,然后你可以以自己的方式找到你最喜歡的巧克力。

只要導(dǎo)航出現(xiàn)在每個(gè)頁面的相同位置,并且保持一致的外觀,就可以立即確認(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è)下拉菜單。而在某些情況下,單擊它將帶你到該部分的首頁,在那里你會(huì)發(fā)現(xiàn)輔助導(dǎo)航。

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

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

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

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

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

同類型其他產(chǎn)品
免責(zé)聲明:所展示的信息由企業(yè)自行提供,內(nèi)容的真實(shí)性、和合法性由發(fā)布企業(yè)負(fù)責(zé),浙江民營企業(yè)網(wǎng)對(duì)此不承擔(dān)任何保證責(zé)任。
友情提醒:普通會(huì)員信息未經(jīng)我們?nèi)斯ふJ(rèn)證,為了保障您的利益,建議優(yōu)先選擇浙商通會(huì)員。

關(guān)于我們 | 友情鏈接 | 網(wǎng)站地圖 | 聯(lián)系我們 | 最新產(chǎn)品

浙江民營企業(yè)網(wǎng) peada.cn 版權(quán)所有 2002-2010

浙ICP備11047537號(hào)-1