載入中……
[供應]薊縣網站建設公司,薊縣做網站的公司,薊縣網站設計公司
- 產品產地:
- 產品品牌:
- 包裝規格:
- 產品數量:0
- 計量單位:
- 產品單價:0
- 更新日期:2019-10-21 10:25:20
- 有效期至:2020-10-20
-
-
- 收藏此信息
薊縣網站建設公司,薊縣做網站的公司,薊縣網站設計公司
詳細信息
網站導航設計指南
 如何設計出“清晰,簡單,一致”的導航呢?
“如果人們在瀏覽網站時遇到困難,他們就會猶豫是否要回到該網站。”
你以前可能經歷過類似的情況,如果你下載了一個app,卻要花時間去尋找你想要的東西,那么你不可能長期呆在這里,甚至不會回來。
那要如何設計出“清晰,簡單,一致”的導航呢?
想象一下,你周日早上出去買自己喜歡的巧克力。走進商店,你首先看到的是貨品分區的名字掛在墻上。(它們夠大,可以在商店的任何地方看到他們)。
“啊,雜貨區。”你一邊想一邊朝著這個方向走去然后找到了你想要的巧克力。
在完全相同的場景下,只需一點小小的改動,去掉貨品分區,那你可能對巧克力放在哪一無所知了。
現在,將商店比作你的Web應用程序,將你視為訪問Web應用程序的客戶。
當你在訪問Web應用程序時,你將經歷與商店中相類似的感受,并試圖在其中找到一些東西。
“一個用戶沒有必要記住他在你的網頁應用上瀏覽的方式,導航應該是在最前面的,而且應該非常明顯。”
網絡應用程序和商店之間的一個區別就在于,前者是沒有導購站在客戶的身邊,引導客戶。而導航欄就要充當導購的角色:搜索-在搜索框中輸入關鍵字,然后跳到需要的鏈接列表。
在Web應用程序中,您可以通過一個層次結構,使用導航欄來作為引導。
通常,在整個WebApp中都有一個靜態全局導航(GlobalNavigation),其他主要部分都有一個子導航欄。
導航的兩個主要目的是顯而易見的:
幫助我們找到想要的東西,并告訴我們在哪。
但導航也有一些重要且容易被忽視的功能:
它告訴我們這里有什么。
通過讓層次結構可見,導航可以告訴我們該應用程序包含了哪些內容,即導航顯示的內容!而且,揭示這款應用的功能可能比指導我們更重要。
它幫助我們如何使用該應用程序。
導航的主要任務就在于,它會告訴你從哪里開始,以及你要選擇什么。如果做的正確,它應該符合你所需要的所有指令。(這聽起來不錯,但是大多數用戶都會忽略其他指令。)
它讓我們對創造它的人更有信心。
每當我們進入一個網絡應用程序的時候,我們都會有一種精神冥想:“這些家伙知道他們在做什么嗎?”這是讓我們返回應用程序的主要因素之一。
簡單明了,經過深思熟慮后的導航是應用程序可以利用的最佳機會之一,從而給用戶創造良好的第一印象。
為回答如何創建眾所周知的“清晰、簡單、一致”的導航,圣輝友聯總結了以下網絡的基本導航慣例:
全局導航——什么與為什么?
現在不要急著往下看,畢竟他會跟著我們的。
Web設計人員使用“持久化導航”(或全局導航)來描述在應用程序的每個頁面上出現的導航元素集合。
持久的導航——用一種平靜、理性的聲音說:
“這個元素在這里。有些部分會根據你在網頁應用中的位置而有所改變,但它會一直在這里,而且總是以同樣的方式引導用戶。”
就像商店里的各個部門的名字一樣,不管你在哪里,如果你想知道你的位置,你總是會抬起頭來,然后你可以以自己的方式找到你最喜歡的巧克力。
只要導航出現在每個頁面的相同位置,并且保持一致的外觀,就可以立即確認你仍然在同一個應用程序中——這比你想象中的更為重要,在整個應用程序中保持一致意味著你只需要知道它是如何工作的。
關鍵部分:
關鍵部分——有時被稱為“主導航”——是應用程序主要部分的鏈接,也是應用程序的層次結構的最高級。
在某些設計中,持久導航還將包含顯示二級導航的空間:當前部分中的小節列表。
在其他情況下,指向一個名稱或點擊它會顯示一個下拉菜單。而在某些情況下,單擊它將帶你到該部分的首頁,在那里你會發現輔助導航。
面包屑導航——您的導航指南
就像“你在這里”的指示器一樣,面包屑導航會告訴你你在應用程序的具體位置。
其作用當然是不言而喻的,不占用太多空間,卻提供了一個方便和一致的方式來做你最需要做的兩件事情:回到上一個頁面或者首頁。
他們之所以被稱為面包屑,是因為它們讓人想起漢斯在樹林里掉落的面包屑,使得他和格萊特爾可以找到回家的路。
面包屑向您顯示從主頁到您所在的位置的路徑,讓你輕松地在應用程序中移回到更高的層次結構。
同類型其他產品
免責聲明:所展示的信息由企業自行提供,內容的真實性、和合法性由發布企業負責,浙江民營企業網對此不承擔任何保證責任。
友情提醒:普通會員信息未經我們人工認證,為了保障您的利益,建議優先選擇浙商通會員。