導(dǎo)航欄設(shè)計(jì):有「發(fā)現(xiàn)」模塊的產(chǎn)品,就不應(yīng)該再有「首頁(yè)」的存在?

7 評(píng)論 7695 瀏覽 46 收藏 11 分鐘

清晰易懂的導(dǎo)航欄是提升有效轉(zhuǎn)化的第一步,如何設(shè)計(jì)一款實(shí)用的導(dǎo)航欄呢?

我有個(gè)興趣,就是定期不定量地去試用新產(chǎn)品,但最近我越來(lái)越困惑了,因?yàn)樵絹?lái)越多的產(chǎn)品讓人難以理解,有些簡(jiǎn)直到了無(wú)所適從的程度。

尤其體現(xiàn)在產(chǎn)品的導(dǎo)航欄上面,根本起不到導(dǎo)航的作用,不信你看看下面的導(dǎo)航欄:

為什么有「發(fā)現(xiàn)」模塊的產(chǎn)品,就不應(yīng)該再有「首頁(yè)」的存在?

假如我是一名新用戶,想看看最近的產(chǎn)品投資的熱點(diǎn)新聞,誰(shuí)能告訴我究竟應(yīng)該從哪個(gè)入口進(jìn)去獲取有效信息?

你知道導(dǎo)航欄是能被推導(dǎo)出來(lái)的嗎?

在這一輪的科技變革浪潮里,與其說(shuō)是技術(shù)進(jìn)步,其實(shí)更多是整個(gè)社會(huì)接口界面層的變化,中后臺(tái)的業(yè)務(wù)效率提升仍處在萌芽階段。

引用王興先生的一段感慨:

這里面長(zhǎng)出來(lái)的很多公司,表面上是科技公司,實(shí)際上都是廣義上的中介公司:趁著社會(huì)接口界面洗牌的時(shí)候,搶先占據(jù)了一些中介點(diǎn)。

社會(huì)接口界面層的變化,著實(shí)提升了現(xiàn)代人與其他對(duì)象建立聯(lián)系的效率,這里所說(shuō)的對(duì)象大致能分為下面四個(gè)方面:

  • 人與資訊;
  • 人與商品;
  • 人與服務(wù);
  • 人與人;
  • ……

目前市面上基于互聯(lián)網(wǎng)技術(shù)的產(chǎn)品,本質(zhì)上都在處理著人與各種對(duì)象之間林林總總的關(guān)系。

這是“人+X”的模式,在這里我用“X”來(lái)代表這段關(guān)系中的另一半,盡管在未來(lái)會(huì)有更多的X,但唯一不變的是人這一部分,畢竟產(chǎn)品是給人用的。

針對(duì)上述的這部分關(guān)系,這些產(chǎn)品普遍都在引導(dǎo)用戶:建立一段關(guān)系 → 消費(fèi)這段關(guān)系。

這個(gè)時(shí)候,產(chǎn)品的主流程應(yīng)該圍繞著上述方向做有針對(duì)性地引導(dǎo),很顯然這本應(yīng)是導(dǎo)航欄以及一切引導(dǎo)模塊的職責(zé)。

所以根據(jù)產(chǎn)品的主流程,導(dǎo)航欄是可以被推導(dǎo)出來(lái)的,而且是能根據(jù)用戶和對(duì)象建立關(guān)系的場(chǎng)景推導(dǎo)出來(lái)的。

而那些讓人費(fèi)解到無(wú)地自容的導(dǎo)航欄,簡(jiǎn)直就是天然的“新用戶殺手”,有些更是堪比“障礙欄”根本沒(méi)有導(dǎo)航作用。

如何根據(jù)業(yè)務(wù)流程設(shè)計(jì)導(dǎo)航欄的模塊?

在「人+X」這種模式下,用戶的操作行為從源頭上就會(huì)分為三類:

  • 與“X”建立關(guān)系;
  • 消費(fèi)與“X”的關(guān)系;
  • 自我管理。

下面是我自己常用的一套方法論,分享給大家:

Step1:與“X”建立關(guān)系

“X”是這段關(guān)系里面的另一個(gè)對(duì)象,無(wú)論是內(nèi)容資訊、商品、服務(wù)還是人來(lái)充當(dāng)這個(gè)對(duì)象,這一步都可以分為以下兩種方式:

獲取對(duì)象

「模塊例子:發(fā)現(xiàn)、探索、活動(dòng)、話題」

為什么有「發(fā)現(xiàn)」模塊的產(chǎn)品,就不應(yīng)該再有「首頁(yè)」的存在?

這里的獲取指的是用戶通過(guò)產(chǎn)品的推薦功能,最終獲取到對(duì)象,也就是說(shuō)這部分用戶有獲取信息、獲取服務(wù)的需求,但是并不知道哪種信息或者哪種服務(wù)適合他。

這種模塊的功能大部分以推薦為主,模塊內(nèi)容的周轉(zhuǎn)率要求很高,只有在高周轉(zhuǎn)率高密度的內(nèi)容推薦下,用戶才能不斷發(fā)現(xiàn)新事物。(不僅僅指資訊)

所以這個(gè)模塊的周轉(zhuǎn)率是用戶留存和用戶活躍的關(guān)鍵,相比之下,其余模塊的更新速度相對(duì)比較固定,在沒(méi)有新對(duì)象獲取的情況下,用戶是不會(huì)持續(xù)使用的。

通常情況下在重視留存的產(chǎn)品里,用戶需求都是需要被持續(xù)滿足的,更期待的聊天、更火爆的新聞、更劃算的商品、更有趣的活動(dòng),這都是用戶持續(xù)使用的根本原因。

如果一個(gè)產(chǎn)品的用戶留存總是很低,大概率就是這一步?jīng)]有做好。

在以前,這都是強(qiáng)運(yùn)營(yíng)手段的結(jié)果,現(xiàn)在基本都是依靠算法來(lái)支撐。隨著科技的進(jìn)步,通過(guò)推薦獲取對(duì)象的方式,將會(huì)越來(lái)越普及。

詳情可見(jiàn)之前的文章:《為什么未來(lái)更多優(yōu)質(zhì)的內(nèi)容只會(huì)通過(guò)「推薦」獲得,而非「搜索」?》

尋找對(duì)象

「模塊例子:書(shū)架、通訊錄、產(chǎn)品、商城」

為什么有「發(fā)現(xiàn)」模塊的產(chǎn)品,就不應(yīng)該再有「首頁(yè)」的存在?

這里的尋找對(duì)應(yīng)的是搜索,在前面的文章中也有說(shuō)過(guò),這是個(gè)高級(jí)行為,只有用戶很清晰自己需要什么,以及這個(gè)東西在哪里時(shí),才會(huì)去使用搜索行為。

這一點(diǎn)尤其體現(xiàn)在老用戶身上。

諸如書(shū)架、通訊錄、產(chǎn)品、商品這些列表類型的模塊都是起著分類作用,這個(gè)模塊主要以搜索為主,內(nèi)容信息大多以庫(kù)的形式展示出來(lái),這里是產(chǎn)品對(duì)象數(shù)量瓶頸的體現(xiàn)。

上面兩種方式,基本是目前互聯(lián)網(wǎng)產(chǎn)品里最常用的兩種建立關(guān)系的方法,它們所對(duì)應(yīng)的業(yè)務(wù)場(chǎng)景各有不同,但卻部分重合。

因?yàn)樾掠脩魰?huì)逐漸成為老用戶,老用戶又會(huì)被推薦建立新的關(guān)系,新老交替的場(chǎng)景切換,導(dǎo)致這兩個(gè)模塊常常并列存在,互相促進(jìn)。

另外部分UGC的產(chǎn)品,可能會(huì)選擇在導(dǎo)航欄中添加發(fā)布入口,這也是建立關(guān)系的一種途徑。

Step2:消費(fèi)與“X”的關(guān)系

用戶之所以會(huì)和新的對(duì)象建立關(guān)系,是因?yàn)檫@段關(guān)系有消費(fèi)價(jià)值。

例如:

  • 用戶會(huì)關(guān)注某個(gè)健身教練,希望平時(shí)也能跟著教練的課程一起鍛煉;
  • 用戶會(huì)收藏某個(gè)特價(jià)商品,希望在合適的時(shí)候把它買(mǎi)下來(lái);

只有這段關(guān)系有消費(fèi)價(jià)值,才算是真正滿足了用戶需求,如果一段關(guān)系只停留在建立的階段,一直沒(méi)有消費(fèi)的入口,這就是一段無(wú)意義的流程。

就好比如在使用陌陌的時(shí)候,你不斷地添加陌生人作為好友,但卻從來(lái)沒(méi)和他們聊過(guò)天,從消費(fèi)關(guān)系的角度來(lái)看,這并不構(gòu)成真正意義上的陌生人社交,因?yàn)檫@只是一個(gè)匹配的過(guò)程罷了。

所以必須存在一個(gè)模塊,專門(mén)是為了消費(fèi)與“X”的關(guān)系:

消費(fèi)關(guān)系

「模塊例子:聊天列表、購(gòu)物車(chē)、關(guān)注、消息、動(dòng)態(tài)」

為什么有「發(fā)現(xiàn)」模塊的產(chǎn)品,就不應(yīng)該再有「首頁(yè)」的存在?

Step3:自我管理

「模塊例子:我的」

為什么有「發(fā)現(xiàn)」模塊的產(chǎn)品,就不應(yīng)該再有「首頁(yè)」的存在?

顯然,這個(gè)模塊的職責(zé)就是承擔(dān)起一切關(guān)于產(chǎn)品賬戶、個(gè)性設(shè)定、產(chǎn)品交互痕跡的管理。

管理行為包括常見(jiàn)的:刪除、編輯、查詢,這里是用戶擁有自主度最高的地方,也是用戶歸屬感最強(qiáng)的區(qū)域。

基本上以上這些就是導(dǎo)航欄設(shè)計(jì)的底層邏輯。

我們常常會(huì)發(fā)現(xiàn),很多產(chǎn)品在導(dǎo)航欄中同時(shí)出現(xiàn):資訊、精選、發(fā)現(xiàn)等這種tab,導(dǎo)致用戶短時(shí)間內(nèi)根本無(wú)從下手,并不知道應(yīng)該看哪一個(gè)。

這是在同一個(gè)業(yè)務(wù)步驟上,出現(xiàn)多個(gè)同質(zhì)化模塊的錯(cuò)誤做法,往往這樣子只會(huì)瓜分原本就不多的用戶注意力,分發(fā)了源頭的頂級(jí)流量。

所以你會(huì)發(fā)現(xiàn),在很多產(chǎn)品當(dāng)中,首頁(yè)和發(fā)現(xiàn)就是個(gè)異常雞肋的存在:

  • 你的產(chǎn)品真的需要有一個(gè)首頁(yè)嗎?
  • 用戶與對(duì)象建立關(guān)系的過(guò)程當(dāng)中,真的需要一個(gè)首頁(yè)來(lái)嫁接嗎?
  • 首頁(yè)在這里到底起了什么作用?

畢竟每多一個(gè)步驟,都能帶來(lái)不必要的流失。

雅格布的結(jié)論

在單一業(yè)務(wù)場(chǎng)景的產(chǎn)品里面,最忌諱的就是使用同質(zhì)化的導(dǎo)航模塊,而一條清晰易懂的導(dǎo)航欄是提升有效轉(zhuǎn)化的第一步。

不同類型的產(chǎn)品導(dǎo)航欄在不同的設(shè)計(jì)步驟上只是有所側(cè)重,但絕不重復(fù),甚至不應(yīng)在文案設(shè)計(jì)上設(shè)置過(guò)多的理解障礙。

產(chǎn)品導(dǎo)航欄的設(shè)計(jì)步驟:

  • Step1:與“X”建立關(guān)系;
  • Step2:消費(fèi)與“X”的關(guān)系;
  • Step3:自我管理。

#專欄作家#

雅格布,微信公眾號(hào):雅格布(ID:jacoblab),人人都是產(chǎn)品經(jīng)理專欄作家。策略型產(chǎn)品經(jīng)理,擅長(zhǎng)需求挖掘以及產(chǎn)品增長(zhǎng),重點(diǎn)關(guān)注金融、游戲和社區(qū)領(lǐng)域,并對(duì)此類產(chǎn)品從0到1有啟發(fā)性的實(shí)戰(zhàn)思考。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 我也很喜歡微信讀書(shū)扁平化的設(shè)計(jì),偏向微信的風(fēng)格。

    來(lái)自廣東 回復(fù)
  2. 其實(shí)作者的意思類似于做減法,首頁(yè)太繁重給用戶太多選擇,而發(fā)現(xiàn)更聚焦,更容易讓用戶建立并直接消費(fèi)關(guān)系。這樣的話首頁(yè)的功能不如扁平化下來(lái),將不易跟用戶建立關(guān)系的功能縮級(jí)或者砍掉,這樣用戶獲得的信息更聚焦 ?? ??

    來(lái)自北京 回復(fù)
    1. ?? ??

      來(lái)自廣東 回復(fù)
  3. 其實(shí)我還是沒(méi)有看明白為什么不要首頁(yè)。我覺(jué)得發(fā)現(xiàn)和首頁(yè)均基于推送,但呈現(xiàn)形式和粒度不同讓它們有不同的價(jià)值。發(fā)現(xiàn)如果是建立關(guān)系的一種渠道,我們進(jìn)去這個(gè)地方能夠發(fā)現(xiàn)很多有趣的東西。它根據(jù)我們的習(xí)慣和閱讀深度為我們篩選出符合胃口的東西。這個(gè)地方的東西比較多而雜亂,需要分類嗎?首頁(yè)的出現(xiàn)雖然也基于推送,但是它又存在于創(chuàng)新和簡(jiǎn)約,能夠讓我們有一個(gè)思考,是否決定繼續(xù)深入。人的記憶是有局限性的,產(chǎn)生感興趣并且記憶的不過(guò)是奇妙的數(shù)字9。一覽無(wú)余的首頁(yè)給出的選擇少,聚焦亮點(diǎn),對(duì)用戶的吸引力很高,呆的時(shí)間更長(zhǎng)。這讓我想到奶茶店的點(diǎn)餐窗臺(tái),它會(huì)先放一個(gè)當(dāng)季新品,再放一個(gè)菜單。不管從遠(yuǎn)處和近處看,我們先發(fā)現(xiàn)哪一個(gè)?肯定是選擇少呀?至少,我的閱讀習(xí)慣告訴我是這樣的。與此同時(shí),發(fā)傳單講究少和創(chuàng)意無(wú)非也是一個(gè)首頁(yè),打開(kāi)你的欲望,帶著你走進(jìn)門(mén)店,再看看其他有趣的內(nèi)容吧…生活的習(xí)慣無(wú)處不體現(xiàn)這樣的一個(gè)道理。我們一時(shí)間無(wú)法改變大眾的習(xí)慣,想要突破,不一定是刪掉該功能,可以是組織。我覺(jué)得可以從內(nèi)容本身,交互什么的來(lái)考慮…原諒我胡扯了一通,嘿嘿??

    回復(fù)
    1. 首頁(yè)是更基于個(gè)性化的,發(fā)現(xiàn)則是“新鮮度”“熱門(mén)度”占權(quán)重更高的。

      來(lái)自北京 回復(fù)
    2. 其實(shí)我覺(jué)得總結(jié)得挺好得,但如果從另一個(gè)角度來(lái)看,或者說(shuō)是從正常用戶的視角來(lái)看,或許不會(huì)有這么多功能的劃分,就只剩下哪里有我想獲取的內(nèi)容,僅此而已。

      來(lái)自廣東 回復(fù)
  4. 滿滿的干貨,收了!

    來(lái)自廣東 回復(fù)