互聯網產品設計之——APP常規導航(二)

上次給大家總結介紹了底部Tab導航、頂部Tab導航,舵式導航和輪播導航,今天利用空閒時間將其餘的APP常規導航在梳理給大家。

常規導航——宮格導航

描述:宮格導航顧名思義就是由最原始的九宮格演示過來的,是我們日常APP中常用的一種導航樣式,以平鋪的形式展示所有欄目,看著和桌面類似。

互聯網產品設計之——APP常規導航(二)

優點:

簡潔,樣式單一由九宮格演變而來,不需要用戶學習就可以使用;

豐富,使用宮格式導航進行的內容分類,照片加文字的方式更加情感化;

擴展性強,宮格導航出現的形式更多是獨佔一個頁面,所有可以展示大量內容,適用於功能龐大的APP。

缺點:

排布:應該進行合理分類,便於用戶瀏覽定位;

切換效率低,當在下一級欄目進行深度操作時,要進行初始欄目的切換需要跳反回當前頁面。

常規導航——抽屜式導航

描述:交互方式像抽屜工作方式因此得名,也叫擴展菜單、漢堡菜單、側邊導航。多用來放置不常用的內容,比如設置、個人中心等。

互聯網產品設計之——APP常規導航(二)

優點:

利用率高,外觀小巧不會佔用太多空間,但容量卻驚人;

功能重要性劃分,通過主次原則將功能進行了劃分,不常用的功能隱藏於此。

缺點:

可見性差,用戶不易發現。

常用導航——下拉導航(也稱菜單導航)

描述:下拉導航常用在電商類APP,適用於類目層級較多時使用,其可作為二級、三級導航,一般出現在APP頂部,通過點擊展開/收起菜單。

互聯網產品設計之——APP常規導航(二)

優點:

分類明顯,可將多分類進行有效整合、分組、排序;

類別組合,可以很好的將多種欄目篩選進行組合選擇;

連貫性優,此類導航可以與界面形成有機整體,不過干擾用戶當前及接下要進行的任務和操作。也容易讓用戶很好的感知到當前所在位置。

缺點:

位置,因為菜單導航大多位於頁面頂部,所以手勢操作體驗略遜;

常規導航——列表導航

描述:最常用的導航模式多於其他導航模式並存、相互輔助,多用於二級導航,由文字+icon+欄目框組成。

互聯網產品設計之——APP常規導航(二)

優點:

條理清晰,從視覺上看此類導航最便於用戶理解和接受,並且多列表時可以通過間距有效、便捷的進行區域劃分;

便於查找,用戶使用此類導航時可以快速定位到想要尋找的入口;

文字信息不受控制,此類導航相對於其他導航的一個優勢就是欄目命名不收字數控制,3字、5字都可以、

缺點:

條目多時要合理組織展示欄目,否則影響用戶查找降低信用度;

不適用於當前欄目中頻繁切換。

在產品設計過程中,需要根據業務模式、功能流程、展示樣式、信息傳達等多方面來規劃設計適合自己的導航。導航的模式還有很多,感興趣的童鞋可以多多去體驗和試用各類APP,一定會發現新大陸。


分享到:


相關文章: