web導航菜單還有哪些可行性方案:
分為以下幾大部分:
1.web導航菜單有哪些基本的形式,各自有哪些特點?
2.web導航菜單,還有哪些可能性?
1.web導航菜單有哪些基本的形式,各自有哪些特點
1.1水平導航
因為導航菜單存在頂部(最不容易忽略的地方),易讀性更強,最常見也最容易上手。
優點:減少對內容區的干擾,可以更好的強化內容區沉浸式的閱讀。因為留給內容區域的空間是最大的,所以對于橫向版面要求比較大的內容(例如:后臺信息總覽大圖、大型的列表、類似基于圖片的業務)比較適合。
缺點:橫向tab數量、以及沒給tab的字符數都存在限制。另外層級擴展性也相對較差,單單水平導航層級最好不要超過2級。
思考點:水平tab在視覺形式選擇上,需要注意什么?
下面是5種tab樣式:
當導航菜單字符書較少時,適當的強化視覺效果(圖標,標簽,下劃線),可以做出適當的差異化,但是不能增加視覺負荷(因為加圖標而加圖標,圖標語義不夠,反而顯得擁擠)。
1.2垂直導航
優點:限制性更小(菜單字符數,菜單數量),另外具有一定的擴展性(圖標+文字,單純圖標,兩者之間的切換);菜單的自定義;菜單層級可以更加深(樹狀導航)。
缺點:菜單層級上仍然存在限制,占用內容區域,減弱了沉浸閱讀。
1.3混合型導航
混合型導航主要解決了水平/垂直導航的菜單層級問題,在復雜的B端產品較為常見。
2.web導航菜單,還有哪些可能性
2.1彈出式導航欄
隨著響應式技術普及,彈出式導航漸漸走出傳統陳舊的導航方式,導航移動化。減少了頁面干擾元素,為頁面騰出更大的空間。適用層級淺,注重追求極致的的視覺體驗的產品。
2.2首屏導航欄
因為網站信息層級淺,這種新型導航并不會引起網站功能性的不適,反而起到一個脫穎而出的效果。
以上兩個例子,因為信息層級淺,新式的導航給web帶來了特有的調性。但是對于B端產品,這種方式是完全不適用的,多而深的層級下是不是就沒有其他的可能性了呢?
2.3B端產品導航菜單可能性1:“瀏覽器菜單”
適用信息架構“淺而廣、并沒有明顯的優先級“的產品。為了導航的簡潔性,提高效率,菜單根據用戶需要顯示。
2.4B端產品導航菜單可能性2:“當前導航菜單”
適用信息架構“廣而深”的產品,“當前導航菜單”可以在廣而深的菜單中獨立出來,便于用戶的業務操作,減少因為菜單切換帶來的行為負荷,也一定程度的減少了視覺負荷。
2.5B端產品導航菜單可能性3:Windows 10風
模塊之間完全相互獨立,區分明顯,并且切換頻率低,內容區對于沉浸式的操作要求較高(例如視頻業務)。
2.6B端產品導航菜單可能性4:我的導航欄
例如OA系統,模塊海量級,深不可測,用起來尤其痛苦。我的導航欄+樹型導航更配。
本文轉載自網絡,版權歸原作者所有!
文章轉載請保留網址:http://waterplane.cn/news/industry/1874.html