知乎的“更多”頁面:從重復(fù)入口看知乎在產(chǎn)品設(shè)計(jì)的細(xì)節(jié)

12 評(píng)論 12554 瀏覽 48 收藏 12 分鐘

本文作者將從最簡(jiǎn)單、最常見的“我的”頁面——知乎里面的“更多”頁面入手,從重復(fù)入口看知乎在產(chǎn)品設(shè)計(jì)的細(xì)節(jié)。

知乎是一個(gè)問答社區(qū),用戶分享著彼此的專業(yè)知識(shí)、經(jīng)驗(yàn)和見解,社區(qū)里面不斷地涌現(xiàn)高質(zhì)量的信息,這是一個(gè)不斷傾聽各種不同聲音的社區(qū)。

筆者是2014年初就注冊(cè)了知乎,3年多的時(shí)間,見證了知乎的不斷發(fā)展。很感謝知乎給我提供了很多思考問題的角度。

在知乎提供高質(zhì)量內(nèi)容的同時(shí),使用的同時(shí),感謝的同時(shí),筆者覺得知乎需要對(duì)內(nèi)容的架構(gòu)做一個(gè)比較全面的梳理,對(duì)于內(nèi)容的創(chuàng)作、整合、分發(fā)應(yīng)該做一個(gè)更加清晰地理解和呈現(xiàn)。

筆者今天就從最簡(jiǎn)單、最常見的“我的”頁面——知乎里面的“更多”頁面入手,從重復(fù)入口看知乎在產(chǎn)品設(shè)計(jì)的細(xì)節(jié)。

從用戶角度理解

觀察頁面

首先,我們每個(gè)人把自己當(dāng)做用戶來看看以下三個(gè)頁面。

“更多”的主頁面

個(gè)人主頁

詳細(xì)信息

頁面梳理

下面是我對(duì)更多頁面的梳理(頁面不夠,分兩張圖)

頁面梳理(1)

頁面梳理(2)

重復(fù)的功能入口

  1. 通過頁面梳理,我們看知乎“更多”頁面的重復(fù)的功能入口:
  2. 綠色部分:個(gè)人主頁-我關(guān)注的話題=我的關(guān)注-話題
  3. 橘色部分:個(gè)人主頁-我關(guān)注的人=我的關(guān)注-用戶
  4. 藍(lán)色部分:我的回答+我的提問=我的關(guān)注-問題
  5. 黃色部分:個(gè)人主頁-我的收藏=我的收藏(一級(jí)頁面)≠我的關(guān)注-收藏
  6. 紫色部分:個(gè)人主頁-贊=詳細(xì)信息-贊
  7. 紅色部分:個(gè)人主頁-?=詳細(xì)信息-?
  8. 淺藍(lán)色部分:已購內(nèi)容-Live=我贊助的Live
  9. 玫紅色部分:已購內(nèi)容-電子書=我的書架-已購買的
  10. 墨綠色部分:付費(fèi)咨詢=我的值乎

存在的問題

通過對(duì)上面重復(fù)功能的分解,筆者認(rèn)為存在如下問題:

(1)不同功能入口之間沒有構(gòu)成明顯的類功能分布區(qū)

重復(fù)功能中的1、5、6功能相同,但是并沒有起到聯(lián)系不同使用場(chǎng)景的作用;而不同的功能之間,其關(guān)聯(lián)本來就不是很明顯,加上相同功能的入口太多,且分布在不同頁面區(qū)域,讓用戶理解某“類功能分布區(qū)”的成本很高。

筆者的定義,所謂的類功能分布區(qū),是指在APP的有限界面內(nèi),更具有相似性或連續(xù)性的功能集中分布在某一個(gè)區(qū)域。

以天貓(V6.0.0)為例,“我”的頁面主要分為三塊區(qū)域。

天貓“我的”頁面

  • 第一部分是關(guān)于用戶本身的信息,包括修改個(gè)人信息以及瀏覽信息兩部分,是相似性功能的集中分布;此部分對(duì)應(yīng)著購買商品前的相關(guān)信息;
  • 第二部分是我的訂單;此部分對(duì)應(yīng)著用戶購買的流程,包括購買中、購買后、以及售后等信息。
  • 第三部分是必備工具;前兩部分是天貓用戶主體的使用功能,此部分對(duì)應(yīng)著額外的福利或附加功能,輔助用戶完成購買。

綜上可以看到,天貓的個(gè)人頁面深入了使用場(chǎng)景——購買商品,用戶在到了這個(gè)頁面以后一目了然,了解自己在哪一個(gè)階段而去頁面的哪一個(gè)區(qū)域去操作。

換句話說,一個(gè)比較好的流程或功能路徑應(yīng)該深入用戶的使用場(chǎng)景,是相似或者同一個(gè)流程的功能聚集在一起。而目前知乎只是把相同的功能堆疊在不同深度的入口,不同功能的路徑并沒有深入使用場(chǎng)景。用戶使用起來,面對(duì)同樣的功能入口會(huì)不會(huì)有些困惑呢?

(2)相同功能入口的太多,但是并沒有構(gòu)成有效的聯(lián)系

尤其是重復(fù)入口1-9,給用戶的信息完全一樣,只是堆疊在不同級(jí)別的頁面。

還是以天貓(V6.0.0)為例,領(lǐng)取優(yōu)惠券這個(gè)功能入口的出現(xiàn)頻率就很高。

圖1:優(yōu)惠券出現(xiàn)在商品主頁面

圖1:在商品的基本信息下面直接出現(xiàn)優(yōu)惠券的提示,第一次提醒用戶可以領(lǐng)券;

圖2:優(yōu)惠券出現(xiàn)在商品詳情頁

圖2:在商品詳情頁,在用戶想要更細(xì)致觀看商品細(xì)節(jié)時(shí),第二次提醒用戶可以領(lǐng)取優(yōu)惠券;

圖3:優(yōu)惠券出現(xiàn)在購物車頁面

圖3:在購物車中品牌名稱的右側(cè),當(dāng)用戶想要去結(jié)算時(shí),第三次提醒用戶領(lǐng)取優(yōu)惠券。

由上面的例子可以看到,在APP的不同地方出現(xiàn)的相同的功能,應(yīng)該是在不同的用戶使用場(chǎng)景下有益于用戶的,它的出現(xiàn)是為了完成閉環(huán),在每一個(gè)環(huán)節(jié)提醒用戶的使用。而目前知乎上功能的重復(fù),都是在一個(gè)tab下面,似乎沒有看到明顯的閉環(huán)。

(3)使用專有名詞過于隨便

特別參見重復(fù)功能入口的2、7、8、9。

眾所周知,在一個(gè)APP頁面上的名詞使用應(yīng)該是極為嚴(yán)格的,因?yàn)橐坏┯脩粲辛斯逃械氖褂糜∠?,是很難改變的。

也多虧這個(gè)原因,使得一代一代的互聯(lián)網(wǎng)人不斷教育用戶,明白了一些專有名詞的使用特征,比如“掃一掃”是掃描二維碼、“發(fā)現(xiàn)”通常是瀏覽“新”資訊、“鉛筆”圖標(biāo)通常代表編輯、“加號(hào)”圖標(biāo)代表新建等。

反觀知乎:使用了“我關(guān)注的人”=“我關(guān)注的用戶”,其實(shí)道理上是說的過去的,不過嚴(yán)格來講,這樣隨便也頁面中命名新名詞,其實(shí)不算是很規(guī)范吧……用戶最開始使用的時(shí)候,會(huì)不會(huì)傻傻分不清楚呢?!

既然在這里可以使用“我關(guān)注的人”=“我關(guān)注的用戶”,“已購內(nèi)容-Live”=“我贊助的Live”,“付費(fèi)咨詢”=“我的值乎”,那么“我的收藏”≠“收藏”又是為啥?

也許是我收藏的太少了,至今為止還不太明白,“收藏”(我的關(guān)注)與“我的收藏”的區(qū)別。

所以,這就是名詞使用過于隨便的問題,用戶需要使用很久可能才知道這個(gè)功能的用意,對(duì)用戶而言,理解成本會(huì)不會(huì)太高了呢?

(4)符號(hào)含義不明確

大家可以看一下主頁的詳細(xì)信息,個(gè)人成就里面分為四個(gè)部分,分別是大拇指形、心形、星星形、分享形。且先不說這四個(gè)符號(hào)都無法點(diǎn)擊以便于進(jìn)一步查看詳細(xì)信息,其中的“星星”符號(hào),至今為止我也不太明確是代表什么成就(怪我成就太少了……),不知道大家在使用的時(shí)候是如何理解的,是不是也跟我一樣在理解上存在困難呢?

綜上,可以看到在“更多”這個(gè)頁面,其功能的邏輯不是按照用戶的使用場(chǎng)景來切入,對(duì)于整個(gè)頁面理解成本非常高,用戶使用起來自然也就很困惑。

試著從產(chǎn)品經(jīng)理的角度理解如此設(shè)計(jì)的原因

從用戶的角度理解完,我看到了很多問題。但是存在必然有原因,我們?cè)僭囍鴱淖霎a(chǎn)品的角度去理解現(xiàn)有架構(gòu)的原因,想想他們?yōu)槭裁催@么做?

以下是我猜測(cè)的原因:

  • 個(gè)人主頁:讓用戶能夠詳細(xì)看到自己各種詳細(xì)信息。
  • 詳細(xì)信息:讓用戶(尤其是大V)看到自己對(duì)其他用戶所展示的信息;與個(gè)人主頁區(qū)別開來是因?yàn)?,大V在對(duì)外展示的信息上很重要,初衷是想營造主頁的氛圍,用戶可以一下子看到別人眼中的我的樣子。
  • 我的關(guān)注:讓用戶快速找到自己關(guān)注的內(nèi)容
  • 已購內(nèi)容:讓用戶快速找到自己付費(fèi)的內(nèi)容

寫在后面

如果知乎的產(chǎn)品接收過很多功能入口過深的反饋,我想一定是因?yàn)闆]有在使用場(chǎng)景中及時(shí)出現(xiàn)在該出現(xiàn)的地方。按照用戶的使用場(chǎng)景去重新規(guī)劃功能,對(duì)用戶而言才是最方便快捷的,而不是像現(xiàn)在這樣設(shè)置很多快捷入口,反而增加了理解的成本。

產(chǎn)品是需要不斷打磨的,思考的。如有任何問題,歡迎大家一起交流討論~

 

作者:biubiubiubiu小丸子

來源:http://www.jianshu.com/p/a898d9332137

本文由 @biubiubiubiu小丸子 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 我的關(guān)注-收藏是關(guān)注別人的收藏夾,去年的一個(gè)新功能。我的收藏是我對(duì)話題或問題或回答的收藏。

    來自美國 回復(fù)
  2. 作為電商人,悄悄告訴你天貓優(yōu)惠券很多地方是賣家自己設(shè)置的,可展現(xiàn)可不展現(xiàn),當(dāng)然有部分是系統(tǒng)展現(xiàn)的,原因其實(shí)也有很多

    來自浙江 回復(fù)
  3. 為什么寫用戶體驗(yàn)的文章本身閱讀體驗(yàn)如此之糟糕

    回復(fù)
    1. 糟糕嗎/?我覺得說的挺對(duì)的啊 也許格式什么的的確不對(duì)(因?yàn)槲也皇钱a(chǎn)品是運(yùn)營 所以我不知道他的格式是否是正確的),但是內(nèi)容我還是挺贊同的

      來自四川 回復(fù)
  4. 我想問一下 為什么要在。 更多tab-我的live和發(fā)展tab-live 和市場(chǎng)tab-live 都進(jìn)入到同一個(gè)頁面。為什么要重復(fù)這么多功能入口啊

    回復(fù)
  5. 其實(shí)是說出了知乎團(tuán)隊(duì)當(dāng)前設(shè)計(jì)方案的優(yōu)點(diǎn)和缺點(diǎn);
    缺點(diǎn)是從用戶的角度來說的,優(yōu)點(diǎn)是從產(chǎn)品的角度來說的(樓主的意思)

    來自浙江 回復(fù)
  6. 博主棒棒的,深入地思考,有機(jī)會(huì)希望多交流,產(chǎn)品屆需要會(huì)思考的人!~

    來自廣東 回復(fù)
  7. 前路漫漫… ??

    來自廣東 回復(fù)
  8. 我的一點(diǎn)點(diǎn)感覺是: 更多 這一界面,是展示給知乎主自己看的,可以直觀的在這里看到自己的相關(guān)信息。個(gè)人主頁則是其他用戶看到的你,你可以通過這一功能看到別人眼中看到的你,這樣的話,如果你有某些信息不想暴漏給其他人,你就可以進(jìn)行相關(guān)操作來掩蓋。 收藏和關(guān)注的問題,我個(gè)人是這么理解的:收藏是你把某些內(nèi)容添加到自己的收藏夾里,而關(guān)注里面的收藏指的是你關(guān)注的別人的收藏夾。區(qū)別在于一個(gè)是你自己添加的內(nèi)容,一個(gè)是別人在添加的內(nèi)容

    回復(fù)
    1. 前面跟我的理解是一樣的,但是似乎收藏這一塊這么做,沒那么大的意義……

      回復(fù)
  9. 個(gè)人成就的那個(gè)星星,應(yīng)該是文章被收藏的次數(shù)。

    來自廣東 回復(fù)
    1. 理解了,我之前一直沒明白⊙ω⊙

      回復(fù)