產(chǎn)品總監(jiān)修煉之道開課，BAT大咖教你突破職業(yè)瓶頸，實(shí)現(xiàn)向產(chǎn)品總監(jiān)的真正飛躍。了解詳情

如果你喜歡用戶使用某個(gè)重要的東西，請(qǐng)務(wù)必把它放在用戶看得到的地方，別讓用戶去找!

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

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

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

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

可以看出，減少用戶的接收能力的降低是影響入口設(shè)置很重要的一個(gè)因素。接下來就談?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)單來說，就是要讓用戶明白“我從哪里來，我現(xiàn)在哪里，我要到哪里去”。
• 易用性：由于教育用戶的的成本有限，需要盡可能確保每一個(gè)按鈕、圖標(biāo)、控件都是用戶能夠看懂的。要避免讓用戶去猜怎么用的情況。
• 做好平衡：避免某些欄目太深，容易造成用戶失去耐心，導(dǎo)致用戶的流失，同時(shí)，用戶也難以找到其所需要的功能或信息。另外，對(duì)于廣度導(dǎo)航也要避免過廣，避免造成誤操作。
• 一致性：在APP內(nèi)要保持風(fēng)格、位置的一致性，避免用戶的誤解。同時(shí)，盡量使用簡(jiǎn)明的方式告知用戶。

為用戶做好分類

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

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

• 加入了欄目的分類，從頁面來看，仍然占滿整個(gè)界面，界面仍顯得笨重;
• 在“購物、生活、金融、其他”等欄目中，關(guān)聯(lián)度較小，難以把用戶進(jìn)行引流到其他功能上;
• 推薦功能較多，不夠精細(xì)，對(duì)用戶而言，并沒有起到推薦的效果。

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

交互友好度

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

一、不做“廣度”做“長度”

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

• 不做寬度上的拓展，在頁面長度上下功夫。這樣做的好處可以增加同一頁面下不同功能的相互聯(lián)系(讓用戶更清楚的看到全部功能)，同時(shí)，相比“廣度”拓展，這樣改變更能快捷向用戶體現(xiàn)其產(chǎn)品功能的邏輯。
• 在“我的應(yīng)用”與“為你推薦”欄目下做精不做多。
• 增加搜索框，用戶可更為快捷的找到所需要的功能。

二、做好二三級(jí)的分類列表

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

用好用戶的小習(xí)慣

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

上圖是此前同程旅游的一個(gè)界面?？梢钥吹接疫呌幸粋€(gè)小箭頭，提示用戶右邊還有內(nèi)容。這個(gè)設(shè)計(jì)的目的很簡(jiǎn)單：減少首頁的占用;利用用戶對(duì)箭頭的習(xí)慣，主動(dòng)滑動(dòng)。但是事實(shí)是，這樣的效果并沒有設(shè)計(jì)時(shí)設(shè)想的好。我們發(fā)現(xiàn)這樣的設(shè)計(jì)并不“易用”，因?yàn)閷?duì)用戶而言，這樣的按鈕，并不能判定接下來的操作是左滑、右滑、點(diǎn)擊還是其他。我們?cè)倏聪乱粋€(gè)案例：

顯然，APP Store的這種設(shè)計(jì)，讓圖片顯示一半，會(huì)讓用戶覺得右后方還有東西沒有顯示完，會(huì)自動(dòng)去拖動(dòng)這個(gè)欄目。這種設(shè)計(jì)顯得更加高明。以上內(nèi)容就到這里，下面提供一個(gè)新的設(shè)計(jì)風(fēng)格趨勢(shì)--MBE風(fēng)格。

海淘科技提供手機(jī)主題MBE風(fēng)格圖標(biāo)設(shè)計(jì)欣賞，還有APP MBE風(fēng)格缺省頁設(shè)計(jì)欣賞。更多MBE風(fēng)格設(shè)計(jì)資訊等你查閱。本文下載，點(diǎn)擊：APP設(shè)計(jì)之功能入口設(shè)置規(guī)范。