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

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

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

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

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

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

可以看出，減少用戶的接收能力的降低是影響入口設(shè)置很重要的一個因素。接下來就談?wù)勎覍τ谌绾螠p少用戶接受能力的降低的幾個思考：

遵守入口設(shè)置的幾個原則

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

• 注意邏輯：導(dǎo)航的設(shè)計要抓住邏輯，例如用戶要找的內(nèi)容應(yīng)該在欄目A中，但是如果該內(nèi)容 出現(xiàn)在B中，則會造成邏輯混亂;
• 能夠引導(dǎo)用戶：簡單來說，就是要讓用戶明白“我從哪里來，我現(xiàn)在哪里，我要到哪里去”。
• 易用性：由于教育用戶的的成本有限，需要盡可能確保每一個按鈕、圖標、控件都是用戶能夠看懂的。要避免讓用戶去猜怎么用的情況。
• 做好平衡：避免某些欄目太深，容易造成用戶失去耐心，導(dǎo)致用戶的流失，同時，用戶也難以找到其所需要的功能或信息。另外，對于廣度導(dǎo)航也要避免過廣，避免造成誤操作。
• 一致性：在APP內(nèi)要保持風(fēng)格、位置的一致性，避免用戶的誤解。同時，盡量使用簡明的方式告知用戶。

為用戶做好分類

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

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

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

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

交互友好度

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

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

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

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

二、做好二三級的分類列表

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

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

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

上圖是此前同程旅游的一個界面。可以看到右邊有一個小箭頭，提示用戶右邊還有內(nèi)容。這個設(shè)計的目的很簡單：減少首頁的占用;利用用戶對箭頭的習(xí)慣，主動滑動。但是事實是，這樣的效果并沒有設(shè)計時設(shè)想的好。我們發(fā)現(xiàn)這樣的設(shè)計并不“易用”，因為對用戶而言，這樣的按鈕，并不能判定接下來的操作是左滑、右滑、點擊還是其他。我們再看下一個案例：

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

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