導航欄設計:有「發(fā)現(xiàn)」模塊的產(chǎn)品,就不應該再有「首頁」的存在?
清晰易懂的導航欄是提升有效轉(zhuǎn)化的第一步,如何設計一款實用的導航欄呢?
我有個興趣,就是定期不定量地去試用新產(chǎn)品,但最近我越來越困惑了,因為越來越多的產(chǎn)品讓人難以理解,有些簡直到了無所適從的程度。
尤其體現(xiàn)在產(chǎn)品的導航欄上面,根本起不到導航的作用,不信你看看下面的導航欄:
假如我是一名新用戶,想看看最近的產(chǎn)品投資的熱點新聞,誰能告訴我究竟應該從哪個入口進去獲取有效信息?
你知道導航欄是能被推導出來的嗎?
在這一輪的科技變革浪潮里,與其說是技術(shù)進步,其實更多是整個社會接口界面層的變化,中后臺的業(yè)務效率提升仍處在萌芽階段。
引用王興先生的一段感慨:
這里面長出來的很多公司,表面上是科技公司,實際上都是廣義上的中介公司:趁著社會接口界面洗牌的時候,搶先占據(jù)了一些中介點。
社會接口界面層的變化,著實提升了現(xiàn)代人與其他對象建立聯(lián)系的效率,這里所說的對象大致能分為下面四個方面:
- 人與資訊;
- 人與商品;
- 人與服務;
- 人與人;
- ……
目前市面上基于互聯(lián)網(wǎng)技術(shù)的產(chǎn)品,本質(zhì)上都在處理著人與各種對象之間林林總總的關系。
這是“人+X”的模式,在這里我用“X”來代表這段關系中的另一半,盡管在未來會有更多的X,但唯一不變的是人這一部分,畢竟產(chǎn)品是給人用的。
針對上述的這部分關系,這些產(chǎn)品普遍都在引導用戶:建立一段關系 → 消費這段關系。
這個時候,產(chǎn)品的主流程應該圍繞著上述方向做有針對性地引導,很顯然這本應是導航欄以及一切引導模塊的職責。
所以根據(jù)產(chǎn)品的主流程,導航欄是可以被推導出來的,而且是能根據(jù)用戶和對象建立關系的場景推導出來的。
而那些讓人費解到無地自容的導航欄,簡直就是天然的“新用戶殺手”,有些更是堪比“障礙欄”根本沒有導航作用。
如何根據(jù)業(yè)務流程設計導航欄的模塊?
在「人+X」這種模式下,用戶的操作行為從源頭上就會分為三類:
- 與“X”建立關系;
- 消費與“X”的關系;
- 自我管理。
下面是我自己常用的一套方法論,分享給大家:
Step1:與“X”建立關系
“X”是這段關系里面的另一個對象,無論是內(nèi)容資訊、商品、服務還是人來充當這個對象,這一步都可以分為以下兩種方式:
獲取對象
「模塊例子:發(fā)現(xiàn)、探索、活動、話題」
這里的獲取指的是用戶通過產(chǎn)品的推薦功能,最終獲取到對象,也就是說這部分用戶有獲取信息、獲取服務的需求,但是并不知道哪種信息或者哪種服務適合他。
這種模塊的功能大部分以推薦為主,模塊內(nèi)容的周轉(zhuǎn)率要求很高,只有在高周轉(zhuǎn)率高密度的內(nèi)容推薦下,用戶才能不斷發(fā)現(xiàn)新事物。(不僅僅指資訊)
所以這個模塊的周轉(zhuǎn)率是用戶留存和用戶活躍的關鍵,相比之下,其余模塊的更新速度相對比較固定,在沒有新對象獲取的情況下,用戶是不會持續(xù)使用的。
通常情況下在重視留存的產(chǎn)品里,用戶需求都是需要被持續(xù)滿足的,更期待的聊天、更火爆的新聞、更劃算的商品、更有趣的活動,這都是用戶持續(xù)使用的根本原因。
如果一個產(chǎn)品的用戶留存總是很低,大概率就是這一步?jīng)]有做好。
在以前,這都是強運營手段的結(jié)果,現(xiàn)在基本都是依靠算法來支撐。隨著科技的進步,通過推薦獲取對象的方式,將會越來越普及。
詳情可見之前的文章:《為什么未來更多優(yōu)質(zhì)的內(nèi)容只會通過「推薦」獲得,而非「搜索」?》
尋找對象
「模塊例子:書架、通訊錄、產(chǎn)品、商城」
這里的尋找對應的是搜索,在前面的文章中也有說過,這是個高級行為,只有用戶很清晰自己需要什么,以及這個東西在哪里時,才會去使用搜索行為。
這一點尤其體現(xiàn)在老用戶身上。
諸如書架、通訊錄、產(chǎn)品、商品這些列表類型的模塊都是起著分類作用,這個模塊主要以搜索為主,內(nèi)容信息大多以庫的形式展示出來,這里是產(chǎn)品對象數(shù)量瓶頸的體現(xiàn)。
上面兩種方式,基本是目前互聯(lián)網(wǎng)產(chǎn)品里最常用的兩種建立關系的方法,它們所對應的業(yè)務場景各有不同,但卻部分重合。
因為新用戶會逐漸成為老用戶,老用戶又會被推薦建立新的關系,新老交替的場景切換,導致這兩個模塊常常并列存在,互相促進。
另外部分UGC的產(chǎn)品,可能會選擇在導航欄中添加發(fā)布入口,這也是建立關系的一種途徑。
Step2:消費與“X”的關系
用戶之所以會和新的對象建立關系,是因為這段關系有消費價值。
例如:
- 用戶會關注某個健身教練,希望平時也能跟著教練的課程一起鍛煉;
- 用戶會收藏某個特價商品,希望在合適的時候把它買下來;
只有這段關系有消費價值,才算是真正滿足了用戶需求,如果一段關系只停留在建立的階段,一直沒有消費的入口,這就是一段無意義的流程。
就好比如在使用陌陌的時候,你不斷地添加陌生人作為好友,但卻從來沒和他們聊過天,從消費關系的角度來看,這并不構(gòu)成真正意義上的陌生人社交,因為這只是一個匹配的過程罷了。
所以必須存在一個模塊,專門是為了消費與“X”的關系:
消費關系
「模塊例子:聊天列表、購物車、關注、消息、動態(tài)」
Step3:自我管理
「模塊例子:我的」
顯然,這個模塊的職責就是承擔起一切關于產(chǎn)品賬戶、個性設定、產(chǎn)品交互痕跡的管理。
管理行為包括常見的:刪除、編輯、查詢,這里是用戶擁有自主度最高的地方,也是用戶歸屬感最強的區(qū)域。
基本上以上這些就是導航欄設計的底層邏輯。
我們常常會發(fā)現(xiàn),很多產(chǎn)品在導航欄中同時出現(xiàn):資訊、精選、發(fā)現(xiàn)等這種tab,導致用戶短時間內(nèi)根本無從下手,并不知道應該看哪一個。
這是在同一個業(yè)務步驟上,出現(xiàn)多個同質(zhì)化模塊的錯誤做法,往往這樣子只會瓜分原本就不多的用戶注意力,分發(fā)了源頭的頂級流量。
所以你會發(fā)現(xiàn),在很多產(chǎn)品當中,首頁和發(fā)現(xiàn)就是個異常雞肋的存在:
- 你的產(chǎn)品真的需要有一個首頁嗎?
- 用戶與對象建立關系的過程當中,真的需要一個首頁來嫁接嗎?
- 首頁在這里到底起了什么作用?
畢竟每多一個步驟,都能帶來不必要的流失。
雅格布的結(jié)論
在單一業(yè)務場景的產(chǎn)品里面,最忌諱的就是使用同質(zhì)化的導航模塊,而一條清晰易懂的導航欄是提升有效轉(zhuǎn)化的第一步。
不同類型的產(chǎn)品導航欄在不同的設計步驟上只是有所側(cè)重,但絕不重復,甚至不應在文案設計上設置過多的理解障礙。
產(chǎn)品導航欄的設計步驟:
- Step1:與“X”建立關系;
- Step2:消費與“X”的關系;
- Step3:自我管理。
#專欄作家#
雅格布,微信公眾號:雅格布(ID:jacoblab),人人都是產(chǎn)品經(jīng)理專欄作家。策略型產(chǎn)品經(jīng)理,擅長需求挖掘以及產(chǎn)品增長,重點關注金融、游戲和社區(qū)領域,并對此類產(chǎn)品從0到1有啟發(fā)性的實戰(zhàn)思考。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
我也很喜歡微信讀書扁平化的設計,偏向微信的風格。
其實作者的意思類似于做減法,首頁太繁重給用戶太多選擇,而發(fā)現(xiàn)更聚焦,更容易讓用戶建立并直接消費關系。這樣的話首頁的功能不如扁平化下來,將不易跟用戶建立關系的功能縮級或者砍掉,這樣用戶獲得的信息更聚焦 ?? ??
?? ??
其實我還是沒有看明白為什么不要首頁。我覺得發(fā)現(xiàn)和首頁均基于推送,但呈現(xiàn)形式和粒度不同讓它們有不同的價值。發(fā)現(xiàn)如果是建立關系的一種渠道,我們進去這個地方能夠發(fā)現(xiàn)很多有趣的東西。它根據(jù)我們的習慣和閱讀深度為我們篩選出符合胃口的東西。這個地方的東西比較多而雜亂,需要分類嗎?首頁的出現(xiàn)雖然也基于推送,但是它又存在于創(chuàng)新和簡約,能夠讓我們有一個思考,是否決定繼續(xù)深入。人的記憶是有局限性的,產(chǎn)生感興趣并且記憶的不過是奇妙的數(shù)字9。一覽無余的首頁給出的選擇少,聚焦亮點,對用戶的吸引力很高,呆的時間更長。這讓我想到奶茶店的點餐窗臺,它會先放一個當季新品,再放一個菜單。不管從遠處和近處看,我們先發(fā)現(xiàn)哪一個?肯定是選擇少呀?至少,我的閱讀習慣告訴我是這樣的。與此同時,發(fā)傳單講究少和創(chuàng)意無非也是一個首頁,打開你的欲望,帶著你走進門店,再看看其他有趣的內(nèi)容吧…生活的習慣無處不體現(xiàn)這樣的一個道理。我們一時間無法改變大眾的習慣,想要突破,不一定是刪掉該功能,可以是組織。我覺得可以從內(nèi)容本身,交互什么的來考慮…原諒我胡扯了一通,嘿嘿??
首頁是更基于個性化的,發(fā)現(xiàn)則是“新鮮度”“熱門度”占權(quán)重更高的。
其實我覺得總結(jié)得挺好得,但如果從另一個角度來看,或者說是從正常用戶的視角來看,或許不會有這么多功能的劃分,就只剩下哪里有我想獲取的內(nèi)容,僅此而已。
滿滿的干貨,收了!