“App產(chǎn)品交互在設(shè)計(jì)階段的最關(guān)鍵環(huán)節(jié)是什么?”

　　“導(dǎo)航”

　　“為什么?”

　　“對(duì)于互聯(lián)網(wǎng)產(chǎn)品來(lái)說(shuō)：導(dǎo)航，并不是產(chǎn)品的組成部分，導(dǎo)航，就是產(chǎn)品本身。”

　　-互聯(lián)網(wǎng)產(chǎn)品是實(shí)體產(chǎn)品的進(jìn)化，二者本質(zhì)相同，都需要節(jié)能高效的傳遞信息。

　　我們打開(kāi)手機(jī)app，就像走入超市買(mǎi)一包薯?xiàng)l。二者都希望用戶(hù)實(shí)現(xiàn)目標(biāo)，從而變現(xiàn)。

　　-然而，實(shí)體場(chǎng)景可以提供更多維度的體驗(yàn)信息，人在其中可以綜合判斷自身與目標(biāo)的關(guān)系。假如我要買(mǎi)一包薯?xiàng)l，發(fā)現(xiàn)身邊所見(jiàn)都是電鉆和螺絲刀，我會(huì)猜想此處離薯?xiàng)l還很遠(yuǎn)。但如果我走著走著看到了果凍，雖然它不是薯?xiàng)l，但我知道已經(jīng)很近了。

　　我們可以在現(xiàn)實(shí)中綜合判斷空間，如下圖

　　現(xiàn)實(shí)中的導(dǎo)航存在于各種環(huán)節(jié)之中。

　　-互聯(lián)網(wǎng)產(chǎn)品導(dǎo)航與上述內(nèi)容產(chǎn)別很大。在網(wǎng)站中，我們無(wú)法通過(guò)物理判斷明確感知到網(wǎng)頁(yè)界面到底有多大，不知東南西北，不了解產(chǎn)品的深度和層級(jí)，參照物在虛擬中的作用喪失。造成焦慮感和不安全感。在這種情況下，產(chǎn)品使用只能依靠導(dǎo)航，沒(méi)有導(dǎo)航就沒(méi)有產(chǎn)品。

　　-導(dǎo)航的存在能讓用戶(hù)快速找到“他的薯片”，因此在設(shè)計(jì)前必須進(jìn)行用戶(hù)研究，明確產(chǎn)品真正的價(jià)值信息，這才是產(chǎn)品存活下去的根源。這個(gè)內(nèi)容我以后找機(jī)會(huì)用視頻課程的形式講清，再此不展開(kāi)。

　　-為了能更好的利用導(dǎo)航，我來(lái)介紹兩個(gè)常見(jiàn)的APP導(dǎo)航形式：

　　宮格式導(dǎo)航 / 舵式(隱喻式)導(dǎo)航

　　選他們是因?yàn)樵诰唧w的使用中，他們的錯(cuò)誤率最高的。

　　首先我們先來(lái)看一下他們都是誰(shuí)

　　宮格導(dǎo)航左一 / 舵式導(dǎo)航 中(分別是默認(rèn)和點(diǎn)開(kāi)(那個(gè)加號(hào))效果) / 標(biāo)簽導(dǎo)航右一

　　宮格導(dǎo)航，是最容易被濫用的導(dǎo)航，也是最常見(jiàn)的導(dǎo)航。

　　幾乎所有的智能手機(jī)桌面都是宮格導(dǎo)航，它適用于 5個(gè)以上平級(jí)獨(dú)立入口的同步展示 ，入口分類(lèi)必須獨(dú)立。

　　它的優(yōu)點(diǎn)在于可以高效的展示少量?jī)?nèi)容，但如果入口數(shù)量超過(guò)7+2個(gè)，就會(huì)造成噪聲(這也是為什么蘋(píng)果圖標(biāo)合集數(shù)量為9)，使人無(wú)法找到內(nèi)容造成焦慮。(在手機(jī)里找到一個(gè)次頻的APP其實(shí)不容易)

　　-因此如果使用多宮格導(dǎo)航，必須建立在合理的分組基礎(chǔ)之上。支付寶區(qū)塊分組如圖

　　合理的分組來(lái)自對(duì)業(yè)務(wù)的了解，這是突破設(shè)計(jì)師所謂“瓶頸”的最快法門(mén)。

　　綜上所述，宮格導(dǎo)航

　　優(yōu)勢(shì)：可以高效展示多個(gè)平級(jí)高頻獨(dú)立入口。

　　劣勢(shì)：多于9個(gè)會(huì)造成噪聲，需要通過(guò)合理分組降噪。

　　舵式導(dǎo)航(隱喻式導(dǎo)航)：

　　很多人誤解了這種導(dǎo)航的真正用途，覺(jué)得把一些功能藏起來(lái)讓用戶(hù)無(wú)意中發(fā)現(xiàn)是一件很幽默很有創(chuàng)意的事情，這種幼稚的行為會(huì)直接影響到用戶(hù)使用產(chǎn)品的效率，造成體驗(yàn)度的下滑。

　　-舵式導(dǎo)航使用形式很類(lèi)似 動(dòng)畫(huà)片哆啦A夢(mèng)ドラえもん的任意門(mén)，能快速鏈接其他頁(yè)面的主要功能，最典型的就是微信首頁(yè)的右上“+”號(hào)，它集合了次頁(yè)面的高頻功能，提供快速的穿越方案，提升效率。

　　-使用舵式導(dǎo)航，最重要的是分析用戶(hù)在當(dāng)下頁(yè)面中最可能用到哪些 輔助功能，能讓這些內(nèi)容能在不搶主功能聚焦的前提下，以隱喻的形式展示在用戶(hù)眼前。

　　APP產(chǎn)品導(dǎo)航除上述兩種之外，還有標(biāo)簽導(dǎo)航、抽屜導(dǎo)航、組合導(dǎo)航、TAB 導(dǎo)航、輪循導(dǎo)航、后期課程慢慢補(bǔ)上。

　　更多關(guān)于影視剪輯培訓(xùn)的問(wèn)題，歡迎咨詢(xún)千鋒教育在線(xiàn)名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn)，采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式，擁有國(guó)內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，助力更多學(xué)員實(shí)現(xiàn)高薪夢(mèng)想。