導(dǎo)航菜單是人機交互的最主要的橋梁和平臺，主要作用是不讓用戶迷失標的目的。現(xiàn)在市面上產(chǎn)品的菜單欄種類繁多，到底什么樣的才是優(yōu)秀的導(dǎo)航菜單設(shè)計呢？好的菜單設(shè)計不但能提升整個產(chǎn)品的用戶體驗，并且還能讓用戶耳目一新。這篇文章將聚焦導(dǎo)航菜單，分享我們對于導(dǎo)航菜單的認識和體驗。

一、導(dǎo)航菜單有什么作用？

1.    提升產(chǎn)品內(nèi)容和功能結(jié)構(gòu)和層次

導(dǎo)航是APP的骨架，支撐著整體的內(nèi)容和信息，讓內(nèi)容根據(jù)信息架構(gòu)有機地結(jié)合在一起，直不雅觀而清晰地展示在用戶面前，從而使零碎的內(nèi)容變得充實而有序。結(jié)構(gòu)化的同時也增強了生態(tài)感。

2.    重點展示核心功能

每一款產(chǎn)品投入開發(fā)進入市場后，立身之本在于本身的核心功能。因此，核心功能必需放在用戶觸手可及的位置，次要功能的比重應(yīng)該得到控制，展示上也不能喧賓奪主。通過導(dǎo)航就能很好的突出核心，適當隱藏次要功能。

3.    簡化用戶旅程

合理的導(dǎo)航系統(tǒng)和順暢的任務(wù)路徑，能夠讓用戶快速地達到目標，形成暢快的用戶體驗。用戶旅程的簡化對于產(chǎn)品的用戶黏度和轉(zhuǎn)化率有著直接的作用，高效的導(dǎo)航能夠直戳用戶痛點。

二、導(dǎo)航菜單的分類

在了解導(dǎo)航菜單的基本作用后，我們利用快速原型工具Mockplus來展示一下導(dǎo)航菜單的分類。

1、經(jīng)典導(dǎo)航菜單Tabber

Tabber是蘋果ios可以自動生成一種導(dǎo)航控件，開發(fā)起來便利。所以這種經(jīng)典的底部導(dǎo)航欄受到絕大數(shù)app設(shè)計師的青睞。這種設(shè)計符合手機端用戶單手操作的習慣，包孕新版微信，淘寶，支付寶，百度手機等都采用的這一方式。這個APP導(dǎo)航方式占大多數(shù)。

優(yōu)點：清楚當前所在的入口位置；直接展現(xiàn)最重要入口的內(nèi)容信息。

缺點：功能入口過多時，該模式顯得笨重不實用。

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)點：簡約而不簡陋，導(dǎo)航清晰、明顯，并能提高效率。

缺點：設(shè)計時需要注意色彩的搭配，太過于花哨會讓用戶產(chǎn)生視覺疲勞。

標簽：鹽城 東營 林芝 九江 烏魯木齊