經常和底部tab式導航結合使用的抽屜式導航,我們可以稱之為優雅的隱喻。抽屜式導航將部分信息內容進行隱藏,突出了應用的核心功能。設想你的產品信息層級有非常多的頁面和內容,難以在一屏內顯示全部內容,那么你一定首先會想到去設計一個底部或頂部的tab導航,但導航太多無疑顯得臃腫,而且使用戶難以點擊,那么這個時候,抽屜式導航是個不錯的選擇。
但是,抽屜欄式導航有兩大缺陷
1、在大屏幕手機上,單手持握時處于操作盲區,難以點擊
我們看到隨著iPhone6和iPhone6 plus的推出,到今年6S的持續推進,大屏幕手機時代就這么不可阻擋的來了,而屏幕頂部左上角的抽屜欄位置,一個需要被經常操作的入口,現在,處在了操作盲區。(如下圖)
2、 抽屜式導航可能會降低你產品一半的用戶參與度
抽屜欄為頁面帶來干凈的設計的同時,也讓用戶忽視隱藏的信息,既然你第一眼看不到這些入口,那么你也就會時常忘記它們在哪兒。這也導致了隱藏在抽屜欄內的信息內容用戶點擊率下降,參與感降低。
那么,問題來了,到底什么時候適合用側導航呢?
我們總結一下:
l 如果應用主要的功能和內容都在一個頁面里面。只是一些用戶設置這類低頻操作內容需要顯示在其他頁面里。為了讓主頁面看上去干凈美觀,可以把這些輔助功能放在抽屜欄里。
l 如果你的應用有不同的視圖,且他們是平級的,需要用戶同等地對待,抽屜欄將會浪費掉大多數的用戶對于側邊欄中入口的潛在參與度和交互程度。
l 在大屏時代使用抽屜欄,手勢操作顯得尤為重要,從屏幕邊緣喚出抽屜欄是個不錯的選擇。
需要注意的是:需要用戶有一定參與的信息層級,最好不好放置在抽屜欄
三、列表式導航
如果說標簽式導航是APP中最普遍的導航方式,那么列表式導航就是最必不可少的一種信息承載模式,這種導航結構簡單清晰、易于理解、冷靜高效,能夠幫助用戶快速定位到對應內容。在APP中的應用也分為兩種
1、 作為主導航使用
如果該APP主要表達的信息層級較為單一,且并不會在入口間頻繁且反復跳轉,那么將列表式導航作為主導航是一種不錯的選擇。例如雜志Elle,作為一個雜志APP,他以文字、圖片表達為主,層級淺且內容評級,用列表式導航作為主導航來構架內容,簡單而直接。(如下圖)
2、 作為輔助導航來展示二級甚至更深層級的內容
你幾乎在所以APP中都能看到它的應用,作為信息梳理條目,列表數量盡量保持在一屏以內,超過一屏最好再分一級,而且按照人一次只能記住4項事物的心理法則最重要的內容歸納在前4個列表更容易被人們記住。如果不同種類的內容放在同一頁面,那么要注意為這些內容分類,比如微信的設置頁面,用留白的方式來區分內容的不同(如下圖)
總結:
列表式導航大多作為輔助導航來展示二級甚至更深層次的內容,若要作為主導航,必須滿足層級淺且內容平級的條件
需要注意的是:
l 列表式導航的數量保持在一屏以內,超過一屏最好再分一級,
l 將最終要的內容歸納在前4個列表更容易被人們記住
l 要注意為列表內容分類。
文章轉載請保留網址:http://cctvsc.cn/news/solutions/1551.html