最近朋友圈被微信小程序刷屏，張小龍教父說(shuō)：“好的產(chǎn)品是用完即走”。從目前來(lái)看，微信并沒(méi)有給小程序提供特殊入口，確定的為“二維碼”與“搜索”這兩個(gè)入口。具體效果情況或許還是要等到1月9日那天我們才知道。

在此之前，我花了一些時(shí)間思考了一些關(guān)于功能、品類(lèi)導(dǎo)航入口設(shè)置的一些問(wèn)題。當(dāng)面臨數(shù)量眾多的入口時(shí)，如何設(shè)置入口會(huì)是一個(gè)更好的選擇？

導(dǎo)航是APP產(chǎn)品的神經(jīng)中樞，同時(shí)，也是各個(gè)功能的入口。其幫助用戶找到想要瀏覽的頁(yè)面，想要查找的信息。同時(shí)，也為用戶指明當(dāng)下所在虛擬位置。因?yàn)樘摂M的架構(gòu)沒(méi)有現(xiàn)實(shí)世界中那么明顯的方向感，導(dǎo)航指向不明確很容易讓用戶迷失方向，成功的導(dǎo)航可以自我解釋，即讓用戶明白APP的信息框架。下圖是常見(jiàn)的八種導(dǎo)航：

隨著內(nèi)容、功能的增加，用戶對(duì)于導(dǎo)航數(shù)量的接收程度將會(huì)發(fā)生一些變化（一定數(shù)量?jī)?nèi)，用戶接受度增加，但隨著數(shù)量的增長(zhǎng)，用戶接收能力會(huì)逐漸降低）：

可以看出，減少用戶的接收能力的降低是影響入口設(shè)置很重要的一個(gè)因素。接下來(lái)就談?wù)勎覍?duì)于如何減少用戶接受能力的降低的幾個(gè)思考：

| 一、遵守入口設(shè)置的幾個(gè)原則

設(shè)計(jì)導(dǎo)航入口首先需要把握幾個(gè)大方向性的原則：

• 注意邏輯：導(dǎo)航的設(shè)計(jì)要抓住邏輯，例如用戶要找的內(nèi)容應(yīng)該在欄目A中，但是如果該內(nèi)容 出現(xiàn)在B中，則會(huì)造成邏輯混亂；

• 能夠引導(dǎo)用戶：簡(jiǎn)單來(lái)說(shuō)，就是要讓用戶明白“我從哪里來(lái)，我現(xiàn)在哪里，我要到哪里去”。

• 易用性：由于教育用戶的的成本有限，需要盡可能確保每一個(gè)按鈕、圖標(biāo)、控件都是用戶能夠看懂的。要避免讓用戶去猜怎么用的情況。

• 做好平衡：避免某些欄目太深，容易造成用戶失去耐心，導(dǎo)致用戶的流失，同時(shí)，用戶也難以找到其所需要的功能或信息。另外，對(duì)于廣度導(dǎo)航也要避免過(guò)廣，避免造成誤操作。

• 一致性：在APP內(nèi)要保持風(fēng)格、位置的一致性，避免用戶的誤解。同時(shí)，盡量使用簡(jiǎn)明的方式告知用戶。

| 二、為用戶做好分類(lèi)

為用戶做好分類(lèi)，在用戶進(jìn)行選擇的過(guò)程中能夠清晰地為用戶做好類(lèi)別的區(qū)別，讓用戶能更流暢地捕捉到所需要的功能。

上圖是翼支付在近期一次重大改版中所做的改變：為標(biāo)簽做“廣度”。這樣的改變一定程度的減輕了用戶在使用時(shí)的難找到自己需要的功能的問(wèn)題，但是還有一些問(wèn)題：

加入了欄目的分類(lèi)，從頁(yè)面來(lái)看，仍然占滿整個(gè)界面，界面仍顯得笨重；

在“購(gòu)物、生活、金融、其他”等欄目中，關(guān)聯(lián)度較小，難以把用戶進(jìn)行引流到其他功能上；

推薦功能較多，不夠精細(xì)，對(duì)用戶而言，并沒(méi)有起到推薦的效果。

翼支付半數(shù)以上的用戶為30歲以上用戶，此番改版可能并不契合該群體，可謂改版目標(biāo)不明確。

| 三、交互友好度

上一個(gè)例子說(shuō)明了在分類(lèi)的情況下，仍有可能出現(xiàn)交互不夠友好的情況。那么，接下來(lái)的問(wèn)題就是如何在分類(lèi)的情況下，盡量為用戶考慮，解決剛剛的不足呢？這里我整理出兩個(gè)方法：

1、不做“廣度”做“長(zhǎng)度”

下圖左邊是支付寶10版后應(yīng)用的界面，我們可以發(fā)現(xiàn)幾個(gè)特點(diǎn)：

• 不做寬度上的拓展，在頁(yè)面長(zhǎng)度上下功夫。這樣做的好處可以增加同一頁(yè)面下不同功能的相互聯(lián)系（讓用戶更清楚的看到全部功能），同時(shí)，相比“廣度”拓展，這樣改變更能快捷向用戶體現(xiàn)其產(chǎn)品功能的邏輯。

• 在“我的應(yīng)用”與“為你推薦”欄目下做精不做多。

• 增加搜索框，用戶可更為快捷的找到所需要的功能。

2、做好二三級(jí)的分類(lèi)列表

在內(nèi)容方面，如果內(nèi)容眾多還可以考慮如網(wǎng)易云課堂式，多級(jí)界面的入口。

| 四、用好用戶的小習(xí)慣

用戶的習(xí)慣不僅僅體現(xiàn)欄目的邏輯，包括其日常的習(xí)慣。

上圖是此前同程旅游的一個(gè)界面?？梢钥吹接疫呌幸粋€(gè)小箭頭，提示用戶右邊還有內(nèi)容。這個(gè)設(shè)計(jì)的目的很簡(jiǎn)單：

• 減少首頁(yè)的占用；

• 利用用戶對(duì)箭頭的習(xí)慣，主動(dòng)滑動(dòng)。

但是事實(shí)是，這樣的效果并沒(méi)有設(shè)計(jì)時(shí)設(shè)想的好。我們發(fā)現(xiàn)這樣的設(shè)計(jì)并不“易用”，因?yàn)閷?duì)用戶而言，這樣的按鈕，并不能判定接下來(lái)的操作是左滑、右滑、點(diǎn)擊還是其他。我們?cè)倏聪乱粋€(gè)案例：

顯然，App Store的這種設(shè)計(jì)，讓圖片顯示一半，會(huì)讓用戶覺(jué)得右后方還有東西沒(méi)有顯示完，會(huì)自動(dòng)去拖動(dòng)這個(gè)欄目。這種設(shè)計(jì)顯得更加高明。

雷鋒網(wǎng)按：本文由人人都是產(chǎn)品經(jīng)理社區(qū)作者@張亮 原創(chuàng)發(fā)布。未經(jīng)許可，不得轉(zhuǎn)載。

雷峰網(wǎng)版權(quán)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見(jiàn)轉(zhuǎn)載須知。