POST TIME:2018-12-03 21:01
導(dǎo)航菜單是人機(jī)交互的最主要的橋梁和平臺,主要作用是不讓用戶迷失標(biāo)的目的。現(xiàn)在市面上產(chǎn)品的菜單欄種類繁多,到底什么樣的才是優(yōu)秀的導(dǎo)航菜單設(shè)計呢?好的菜單設(shè)計不但能提升整個產(chǎn)品的用戶體驗,并且還能讓用戶耳目一新。這篇文章將聚焦導(dǎo)航菜單,分享我們對于導(dǎo)航菜單的認(rèn)識和體驗。
一、導(dǎo)航菜單有什么作用?
1. 提升產(chǎn)品內(nèi)容和功能結(jié)構(gòu)和層次
導(dǎo)航是APP的骨架,支撐著整體的內(nèi)容和信息,讓內(nèi)容根據(jù)信息架構(gòu)有機(jī)地結(jié)合在一起,直不雅觀而清晰地展示在用戶面前,從而使零碎的內(nèi)容變得充實而有序。結(jié)構(gòu)化的同時也增強(qiáng)了生態(tài)感。
2. 重點(diǎn)展示核心功能
每一款產(chǎn)品投入開發(fā)進(jìn)入市場后,立身之本在于本身的核心功能。因此,核心功能必需放在用戶觸手可及的位置,次要功能的比重應(yīng)該得到控制,展示上也不能喧賓奪主。通過導(dǎo)航就能很好的突出核心,適當(dāng)隱藏次要功能。
3. 簡化用戶旅程
合理的導(dǎo)航系統(tǒng)和順暢的任務(wù)路徑,能夠讓用戶快速地達(dá)到目標(biāo),形成暢快的用戶體驗。用戶旅程的簡化對于產(chǎn)品的用戶黏度和轉(zhuǎn)化率有著直接的作用,高效的導(dǎo)航能夠直戳用戶痛點(diǎn)。
二、導(dǎo)航菜單的分類
在了解導(dǎo)航菜單的基本作用后,我們利用快速原型工具M(jìn)ockplus來展示一下導(dǎo)航菜單的分類。
1、經(jīng)典導(dǎo)航菜單Tabber
Tabber是蘋果ios可以自動生成一種導(dǎo)航控件,開發(fā)起來便利。所以這種經(jīng)典的底部導(dǎo)航欄受到絕大數(shù)app設(shè)計師的青睞。這種設(shè)計符合手機(jī)端用戶單手操作的習(xí)慣,包孕新版微信,淘寶,支付寶,百度手機(jī)等都采用的這一方式。這個APP導(dǎo)航方式占大多數(shù)。
優(yōu)點(diǎn):清楚當(dāng)前所在的入口位置;直接展現(xiàn)最重要入口的內(nèi)容信息。
缺點(diǎn):功能入口過多時,該模式顯得笨重不實用。
2.、矩形、網(wǎng)格式導(dǎo)航菜單
這種宮格導(dǎo)航是將主要入口全部聚合在頁面,讓用戶做出選擇。這樣的組織方式無法讓用戶在第一時間看到內(nèi)容,,選擇壓力較大,采用這種導(dǎo)航的應(yīng)用已經(jīng)越來越少,往往用在二級頁作為內(nèi)容列表的一種圖形化形式呈現(xiàn),或是作為一系列工具入口的聚合。
利用Mockplus實現(xiàn)的宮格導(dǎo)航效果
優(yōu)點(diǎn):簡約而不簡陋,導(dǎo)航清晰、明顯,并能提高效率。
缺點(diǎn):設(shè)計時需要注意色彩的搭配,太過于花哨會讓用戶產(chǎn)生視覺疲勞。