知乎的“更多”頁面:從重復入口看知乎在產品設計的細節

12 評論 12536 瀏覽 48 收藏 12 分鐘

本文作者將從最簡單、最常見的“我的”頁面——知乎里面的“更多”頁面入手,從重復入口看知乎在產品設計的細節。

知乎是一個問答社區,用戶分享著彼此的專業知識、經驗和見解,社區里面不斷地涌現高質量的信息,這是一個不斷傾聽各種不同聲音的社區。

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

在知乎提供高質量內容的同時,使用的同時,感謝的同時,筆者覺得知乎需要對內容的架構做一個比較全面的梳理,對于內容的創作、整合、分發應該做一個更加清晰地理解和呈現。

筆者今天就從最簡單、最常見的“我的”頁面——知乎里面的“更多”頁面入手,從重復入口看知乎在產品設計的細節。

從用戶角度理解

觀察頁面

首先,我們每個人把自己當做用戶來看看以下三個頁面。

“更多”的主頁面

個人主頁

詳細信息

頁面梳理

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

頁面梳理(1)

頁面梳理(2)

重復的功能入口

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

存在的問題

通過對上面重復功能的分解,筆者認為存在如下問題:

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

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

筆者的定義,所謂的類功能分布區,是指在APP的有限界面內,更具有相似性或連續性的功能集中分布在某一個區域。

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

天貓“我的”頁面

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

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

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

(2)相同功能入口的太多,但是并沒有構成有效的聯系

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

還是以天貓(V6.0.0)為例,領取優惠券這個功能入口的出現頻率就很高。

圖1:優惠券出現在商品主頁面

圖1:在商品的基本信息下面直接出現優惠券的提示,第一次提醒用戶可以領券;

圖2:優惠券出現在商品詳情頁

圖2:在商品詳情頁,在用戶想要更細致觀看商品細節時,第二次提醒用戶可以領取優惠券;

圖3:優惠券出現在購物車頁面

圖3:在購物車中品牌名稱的右側,當用戶想要去結算時,第三次提醒用戶領取優惠券。

由上面的例子可以看到,在APP的不同地方出現的相同的功能,應該是在不同的用戶使用場景下有益于用戶的,它的出現是為了完成閉環,在每一個環節提醒用戶的使用。而目前知乎上功能的重復,都是在一個tab下面,似乎沒有看到明顯的閉環。

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

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

眾所周知,在一個APP頁面上的名詞使用應該是極為嚴格的,因為一旦用戶有了固有的使用印象,是很難改變的。

也多虧這個原因,使得一代一代的互聯網人不斷教育用戶,明白了一些專有名詞的使用特征,比如“掃一掃”是掃描二維碼、“發現”通常是瀏覽“新”資訊、“鉛筆”圖標通常代表編輯、“加號”圖標代表新建等。

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

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

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

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

(4)符號含義不明確

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

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

試著從產品經理的角度理解如此設計的原因

從用戶的角度理解完,我看到了很多問題。但是存在必然有原因,我們再試著從做產品的角度去理解現有架構的原因,想想他們為什么這么做?

以下是我猜測的原因:

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

寫在后面

如果知乎的產品接收過很多功能入口過深的反饋,我想一定是因為沒有在使用場景中及時出現在該出現的地方。按照用戶的使用場景去重新規劃功能,對用戶而言才是最方便快捷的,而不是像現在這樣設置很多快捷入口,反而增加了理解的成本。

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

 

作者:biubiubiubiu小丸子

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

本文由 @biubiubiubiu小丸子 授權發布于人人都是產品經理,未經作者許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 我的關注-收藏是關注別人的收藏夾,去年的一個新功能。我的收藏是我對話題或問題或回答的收藏。

    來自美國 回復
  2. 作為電商人,悄悄告訴你天貓優惠券很多地方是賣家自己設置的,可展現可不展現,當然有部分是系統展現的,原因其實也有很多

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

    回復
    1. 糟糕嗎/?我覺得說的挺對的啊 也許格式什么的的確不對(因為我不是產品是運營 所以我不知道他的格式是否是正確的),但是內容我還是挺贊同的

      來自四川 回復
  4. 我想問一下 為什么要在。 更多tab-我的live和發展tab-live 和市場tab-live 都進入到同一個頁面。為什么要重復這么多功能入口啊

    回復
  5. 其實是說出了知乎團隊當前設計方案的優點和缺點;
    缺點是從用戶的角度來說的,優點是從產品的角度來說的(樓主的意思)

    來自浙江 回復
  6. 博主棒棒的,深入地思考,有機會希望多交流,產品屆需要會思考的人!~

    來自廣東 回復
  7. 前路漫漫… ??

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

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

      回復
  9. 個人成就的那個星星,應該是文章被收藏的次數。

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

      回復