導航的選擇,對于產品有何影響

2 評論 6825 瀏覽 98 收藏 9 分鐘

隨著移動互聯網時代的到來,一個小小的手機屏已經成為各大公司逐鹿的焦點領域。因為競爭激烈所以用戶體驗的好壞成為各家公司關注的重中之重。受限于手機屏幕的大小,信息不可能在頁面中有足夠的展示所以導航的應用在APP的體驗中是至關重要的。那么本文就以在線廣播這類內容大量聚合的APP來討論導航的應用。

導航分類

導航的分類主要有標簽導航、舵式導航、抽屜式導航、宮格導航、混合組合導航、列表式導航、tab導航、輪播導航。最近新出現的有點聚導航和瀑布導航。這些導航都各有優缺點每一個都有適合和不適合的產品。

所以大多數的APP不會只有一種導航而是在一二級頁面中穿插著幾種導航的應用。這種一般就稱作混合式導航。

下面我們就結合喜馬拉雅聽說和蜻蜓fm分析一下導航在APP中的各種應用。

主導航的選擇

主導航的選擇上兩家大體上是相同的但在播放聲音的選擇有一些不一樣。

webwxgetmsgimg(1)

蜻蜓fm

webwxgetmsgimg

喜馬拉雅聽書

兩家app的主導航都是用的標簽導航的方式(喜馬拉雅用的舵式導航本質也是標簽導航),這樣做的優點是功能表現清楚,跳轉方便兩家做的都是比較正確的選擇。

蜻蜓fm在頁面上方做標簽導航是為了給下方的播放控制懸框做讓位,喜馬拉雅的舵式部分也是播放控制窗口,這體現出兩家的設計理念是有相通的部分但設計方案卻是不一樣的。喜馬拉雅的導航方案的選擇會導致暫?;蛘卟シ怕曇魰r會中斷原有主頁面的任務流,會出現用戶選錯聲音時換下一個聲音增加糾錯成本,影響了產品的可探索性,可能是喜馬拉雅產品為了讓產品頁面布局合理美觀不得不做的犧牲吧,但是市面上很多播放聲音和音樂類的APP都用了懸框式的設計,不影響聲音在播放時用戶操作的任務流。

所以在主導航的應用上應該多考慮用戶的使用場景,應在用戶的主要操作上多做優化。

主頁面二級導航

到了二級導航兩個APP的選擇就很不一樣了。

蜻蜓fm

蜻蜓fm主界面二級導航中使用了tab導航+分類列表導航+卡片導航的組合式導航可以看出這是蜻蜓fm為了讓自己的內容更加完全直觀的在用戶面前展示做的一個努力。這個導航的設計可以兼具不同類別間翻頁靈活,展示信息長,可以展示次頁面信息,可以一步到達熱門聲音界面等優點,這樣可以吸引到目的性不明確的用戶收聽。

webwxgetmsgimg(1)

但是同時也讓頁面顯得過于的雜亂,而且在導航中犯了一個列表導航一個巨大的忌諱就是同級過多易產生疲勞感,蜻蜓fm在本頁有20個以上的分類,它這樣做的原因可能是為了分類明確更好的引導用戶,但是能有多少用戶能認真的看完每一個分類就要打一個大大的問號了,這樣做用戶的學習成本過高。并且在第一個頁面給出用戶過多的選擇會讓用戶出現選擇恐懼癥,這時用戶做出往往是不選擇或者是不能專注做出選擇,導致用戶不能專心找到自己想要的內容,致使用戶流失并且流失的往往是可以發展成為忠實聽眾的用戶。

所以產品在做導航時應充分考慮用戶的實際使用,不要為了細致而分類過多,導航的目的是讓用戶馬上理解快速到達,但是如果引導過于詳細又增加學習成本,有一些矯枉過正,過猶不及了。

喜馬拉雅聽書

喜馬拉雅聽書中的主界面二級導航主要使用的是宮格導航,下面的圖片輪播和列表雖然也有導航的功能但是更像是內容的入口,這里就不做過多的闡述了。

webwxgetmsgimg

可以看出宮格導航的優點是可以在小空間大量的展示導航入口,可以直觀清晰的展示導航的內容。如果有新加的導航宮格也可以快速讓用戶看到。但是宮格導航的缺點也是很明顯的不能快速切換分類,如果想要去其他分類下需要多次操作才能完成。也沒有辦法展示入口內的內容這樣不利于用戶對入口的理解和里邊內容的推廣,這樣就對產品內容的分類有了很高的要求,一定要邏輯清晰明確,要不然用戶進入了里邊發現理解有偏差而切換又不方便這對用戶體驗的打擊將是致命的。所以用這種導航宮格上的圖片展示將會很重要,好在喜馬拉雅用的是一些抽象的圖片幫助用戶理解,這樣對產品的頁面布局的美觀度是好的,但是抽象的圖片對于用戶的理解成本又有一些偏高。

所以在導航的應用上每一個導航都有自己的優缺點在選擇時就要有所取舍,但是一定要對缺點有相應的補充。其實對于缺點一點點的補充可以收獲用戶體驗的大大的提高。(話外音~~~邊際成本理論嘛)

次頁面的二級導航

在次級頁面的導航設計的好也可以讓用戶體驗有很大提高

webwxgetmsgimg(5)

蜻蜓fm

webwxgetmsgimg(4)

喜馬拉雅聽書

蜻蜓fm和喜馬拉雅聽書下載頁面中都是一個tab導航加列表頁面的形式但是明顯看出蜻蜓的專輯沒有圖片的引導。這里不說頁面的好看與否只從導航的角度討論用戶體驗這個問題。

蜻蜓fm前面導航中都有圖片的加入但是到這里卻把圖片給省略了,我們知道在APP設計中有一個一致性原則,用戶很容易對自己熟悉和見過的東西認同,在這里加入圖片將會對用戶體驗有提高,相信蜻蜓的前面導航都有圖片在這里加入圖片在技術上是很容易實現的??梢哉f這里是一個很大的敗筆。相反喜馬拉雅聽書做的就很好。所以導航的設計對后面頁面的設計其實是有指導意義的,是要注意這些細節的。

結語

導航是用戶接觸產品時對產品初步交互的窗口,一個好的導航是產品能夠流暢應用的基礎。所以一定不能忽視導航設計,在導航設計時以用戶為核心引導用戶通過導航能夠真正的使用上產品。

PS:本人是一個產品的新人,以上都是自己最近的感悟,如果有人有不同觀點歡迎交流指導!

 

本文由 @5156zcp 原創發布于人人都是產品經理?,未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 滿篇胡說八道,誤導初學者

    來自廣東 回復