編輯導(dǎo)讀：當(dāng)你在平臺(tái)看見一篇好文章或視頻時(shí)，想要獲得作者的最新動(dòng)態(tài)，一般會(huì)點(diǎn)擊“關(guān)注”按鈕。關(guān)注作為產(chǎn)品中最常見的功能，它的設(shè)計(jì)過(guò)程頗有講究。本文將從四個(gè)方面，圍繞關(guān)注功能展開分析，希望對(duì)你有幫助。

最近為了提高自己的寫作能力，在各個(gè)內(nèi)容平臺(tái)上看了不少文章，看到文章寫的不錯(cuò)的作者，果斷來(lái)一波關(guān)注，方便日后能夠更快找到該作者。想到這里，剛好與大家分享一下“關(guān)注”功能的設(shè)計(jì)過(guò)程。

一、詳述

首先，我們先來(lái)假想一下當(dāng)沒(méi)有關(guān)注功能的時(shí)候，會(huì)是怎樣的情況？

以瀏覽文章為例，當(dāng)我們?cè)谄脚_(tái)上瀏覽一個(gè)作者的文章時(shí)，覺得該作者的文章內(nèi)容很好，希望以后能夠讀到更多該作者的作品，這時(shí)候，如果沒(méi)有“關(guān)注”功能，在龐大的信息中我們很難再次找到該作者。那么，“關(guān)注”功能就能夠幫我們很好的解決此問(wèn)題。當(dāng)我們關(guān)注該作者后，在“關(guān)注”列表中，我們能夠方便快捷的找到該作者。以上例子是設(shè)計(jì)該功能的背景之一。

在漢語(yǔ)詞典中，“關(guān)注”一詞的大意為關(guān)心重視、用實(shí)際行動(dòng)或用心去對(duì)待某人、某事。 針對(duì)我們的功能描述來(lái)說(shuō)，我認(rèn)為基本上與它本身的大意一致，當(dāng)我們消費(fèi)某些鐘意的內(nèi)容時(shí)，針對(duì)內(nèi)容的產(chǎn)出者（作者）我們希望能夠產(chǎn)生持續(xù)性的互動(dòng)，并且對(duì)其產(chǎn)出的內(nèi)容重視程度更高，因此，付諸的實(shí)際行動(dòng)就是對(duì)產(chǎn)出者（作者）本身進(jìn)行關(guān)注。

二、常見案例

一般情況下，“關(guān)注”功能存在于用戶列表界面或內(nèi)容詳情界面，例如人人都是產(chǎn)品經(jīng)理的文章詳情頁(yè)、抖音用戶列表頁(yè)、小紅書的內(nèi)容詳情頁(yè)等等。

此處，我們以“小紅書”APP為例：

當(dāng)用戶瀏覽文章的詳情內(nèi)容時(shí)，對(duì)文章中的內(nèi)容產(chǎn)生了共鳴，希望日后能夠繼續(xù)閱讀該作者的文章，這時(shí)候，如何能快速準(zhǔn)確的找到該作者呢？

例如，用戶可以記住這個(gè)作者的用戶名，進(jìn)行搜索，也能快速找到這個(gè)作者，但是當(dāng)喜愛的作者過(guò)多時(shí)，這個(gè)方案顯然有些吃力，因?yàn)橛脩魺o(wú)法準(zhǔn)確的記住他們；再者，也可以不斷的刷新列表數(shù)據(jù)來(lái)尋找這個(gè)作者，但是當(dāng)數(shù)據(jù)量相對(duì)龐大的時(shí)候，這也很難快速準(zhǔn)確的找到該作者。

那么，假設(shè)如果用戶能夠通過(guò)一個(gè)簡(jiǎn)單操作就可以將喜愛的作者進(jìn)行記錄，形成一個(gè)列表，這樣是不是就方便多了？

回到上面的案例中，我們將這個(gè)“假設(shè)”設(shè)計(jì)成一個(gè)功能，用戶的“簡(jiǎn)單操作”=“關(guān)注”按鈕，形成觸發(fā)條件；“記錄”=“關(guān)注列表”，方便日后快速準(zhǔn)確的查找。觸發(fā)條件形成后“關(guān)注列表”同時(shí)聯(lián)動(dòng)，更新列表數(shù)據(jù)。當(dāng)然，如果不想繼續(xù)關(guān)注該作者時(shí)，同樣可以取消關(guān)注，列表中的記錄也將消失。

如圖所示：

下面，我會(huì)將該功能拆分為以下幾個(gè)核心子功能進(jìn)行具體的分析及說(shuō)明：

2.1 動(dòng)態(tài)信息

“動(dòng)態(tài)信息”指的是，用戶正在或近期發(fā)生的新事物、新情況。

舉個(gè)例子，比如我關(guān)注的一位作者，他今日發(fā)布了一篇文章，那這個(gè)“文章”就是他的一條“動(dòng)態(tài)信息”。那如何能夠方便查看我所有關(guān)注用戶的動(dòng)態(tài)呢？就需要把這些用戶的動(dòng)態(tài)全部集合起來(lái)，放在一起進(jìn)行瀏覽。這也就是我們經(jīng)常看到的“我關(guān)注的”列表，你可以在這個(gè)列表中集中查看到你所關(guān)注的用戶近期發(fā)表的動(dòng)態(tài)內(nèi)容。一般情況下，列表內(nèi)容的展示時(shí)間是以個(gè)人動(dòng)態(tài)發(fā)布時(shí)間的“倒序”進(jìn)行排列，有效的保證我們能夠接觸到目前最新的動(dòng)態(tài)信息。

在設(shè)計(jì)這個(gè)功能模塊的時(shí)候，我們可以從兩個(gè)層面進(jìn)行分析，一個(gè)是“展示層面”，也就是參數(shù)的展示；另一個(gè)是“功能層面”，需要具有哪些功能，如下：

2.1.1“展示層面”

展示層面從2個(gè)方面入手，一個(gè)是作者層面，具有代表意義的一定是“頭像”和“昵稱”，另一個(gè)是內(nèi)容層面，比如：圖片、文案、視頻以及動(dòng)態(tài)發(fā)布時(shí)間等和動(dòng)態(tài)內(nèi)容相關(guān)的展示，在“動(dòng)態(tài)發(fā)布時(shí)間”這里，因?yàn)槲覀冏龅氖恰皠?dòng)態(tài)信息”，所以一定是取最近一次的動(dòng)態(tài)內(nèi)容進(jìn)行優(yōu)先展示，這里是需要進(jìn)行時(shí)間的判斷。

2.1.2“功能層面”

• 分享、點(diǎn)贊、收藏、以及評(píng)論功能：這些子功能可以讓用戶在最短時(shí)間內(nèi)抒發(fā)自己的情感，同時(shí)增加用戶的粘性，因此可以針對(duì)自己的需求進(jìn)行設(shè)計(jì)。
• 當(dāng)用戶想要查看作者的往期動(dòng)態(tài)內(nèi)容時(shí)，而往期動(dòng)態(tài)一般都會(huì)在“作者主頁(yè)”中進(jìn)行集中展示，因此我們需要考慮如何讓用戶進(jìn)入“作者主頁(yè)”，比如，我們可以將該功能的入口放在作者“頭像”一欄上，路徑短且目標(biāo)準(zhǔn)確。

2.2 關(guān)注列表

關(guān)注列表，我將它分為兩個(gè)部分進(jìn)行分析說(shuō)明，分別是“方便快捷”&“便于管理”。

關(guān)于“方便快捷”這個(gè)其實(shí)是我們可以在關(guān)注列表中快速方便的找到相關(guān)人員，不需要進(jìn)行冗長(zhǎng)的操作；“便于管理”是當(dāng)我們關(guān)注的作者過(guò)多且類別過(guò)多時(shí)，我們可以給他們進(jìn)行分類操作，又或者我們不想關(guān)注某人時(shí)，也可以進(jìn)行“取消關(guān)注”操作等等。

關(guān)注列表設(shè)計(jì)時(shí)，同樣可以從上面講的2個(gè)方面去考慮，一個(gè)是“展示層面”，列表中需要明確作者是誰(shuí)，則“頭像”和“昵稱”一定是必要的；另一個(gè)是“功能層面”，先說(shuō)和“關(guān)注”功能本身相關(guān)的，如果我不想關(guān)注這個(gè)作者了，在這個(gè)界面應(yīng)該怎么辦？同樣，我們可以通過(guò)上文中說(shuō)到的“簡(jiǎn)單操作”解決這個(gè)需求，設(shè)計(jì)一個(gè)“取消關(guān)注”功能即可。再者，和上述一樣，如果用戶想要查看這個(gè)作者的往期動(dòng)態(tài)，我們?cè)撊绾卧O(shè)計(jì)？

答案和上面的一致，這里不做過(guò)多贅述。

2.3 關(guān)注行為

回到其本身，“關(guān)注行為”實(shí)際上不僅僅是一個(gè)用戶的操作動(dòng)作，而是與“內(nèi)容主動(dòng)推送”、“持續(xù)獲得”詞語(yǔ)相關(guān)聯(lián)，也就是上文中“動(dòng)態(tài)信息”中產(chǎn)生的內(nèi)容。因此，我們可以將“關(guān)注行為”定義為：當(dāng)用戶通過(guò)某種操作后，便可持續(xù)獲得被關(guān)注者更新的信息。

通常，“關(guān)注行為”的觸發(fā)操作一般會(huì)在3個(gè)頁(yè)面中出現(xiàn)，分別為“內(nèi)容列表頁(yè)”、“內(nèi)容詳情頁(yè)”以及“用戶推薦”頁(yè)面，下面進(jìn)行一個(gè)簡(jiǎn)單分析：

2.3.1“內(nèi)容列表頁(yè)”

一般情況下，存在較短篇幅內(nèi)容時(shí)，當(dāng)內(nèi)容在列表中的有限區(qū)域內(nèi)可以顯示完全的情況下，用戶可以直觀、準(zhǔn)確的感受到所寫內(nèi)容并產(chǎn)生興趣時(shí)，在內(nèi)容列表頁(yè)中即可存在“關(guān)注行為”的操作，例如：“微博”中內(nèi)容篇幅有長(zhǎng)有短，短篇內(nèi)容可以顯示完全的情況下，在列表頁(yè)中進(jìn)行操作可以減少用戶的操作路徑，提高操作行為。

2.3.2“內(nèi)容詳情頁(yè)”

和上述“內(nèi)容列表”不同的是，對(duì)于長(zhǎng)篇內(nèi)容來(lái)說(shuō)，用戶是無(wú)法通過(guò)列表中的標(biāo)題及少部分內(nèi)容即可準(zhǔn)確、直觀的讀取所有相關(guān)內(nèi)容的，因此“關(guān)注行為”在內(nèi)容詳情頁(yè)面也常出現(xiàn)，通過(guò)讀取全部或大部分內(nèi)容后，判斷是否產(chǎn)生興趣并需要持續(xù)獲取相關(guān)內(nèi)容后，從而進(jìn)行“關(guān)注行為”的操作。

其次，“關(guān)注行為”操作一般置于頁(yè)面頂部并懸于頂部，提高用戶的感知力與便捷性，可以在操作成本最低的情況下進(jìn)行“關(guān)注行為”的實(shí)施，避免操作過(guò)于冗長(zhǎng)，導(dǎo)致操作行為降低的情況。

2.3.3“用戶推薦頁(yè)”

用戶推薦是通過(guò)推薦算法幫助用戶推薦高質(zhì)量用戶，幫助用戶盡快形成新的社交關(guān)系。既然需要“盡快”形成，那么一定需要減少操作路徑，因此在這個(gè)界面中存在“關(guān)注行為”操作。

其次，通過(guò)算法進(jìn)行推薦，匹配度相對(duì)較準(zhǔn)，用戶產(chǎn)生的興趣程度會(huì)更高，產(chǎn)生興趣就會(huì)產(chǎn)生相對(duì)的操作行為。

三、功能分析

在具體的功能分析前，我們針對(duì)該功能進(jìn)行一個(gè)簡(jiǎn)單的流程梳理。針對(duì)“關(guān)注”功能來(lái)說(shuō)，首先可以簡(jiǎn)單分為3個(gè)步驟，分別為用戶“點(diǎn)擊按鈕”-后臺(tái)“進(jìn)行判斷”-前臺(tái)“顯示結(jié)果”，如圖所示：

簡(jiǎn)單梳理完畢后，我們?cè)籴槍?duì)流程中的每一個(gè)節(jié)點(diǎn)進(jìn)行更為細(xì)致的分析。針對(duì)上述流程圖所示，前端用戶觸發(fā)條件后，誰(shuí)負(fù)責(zé)將用戶的操作傳輸至后臺(tái)？后臺(tái)將會(huì)怎樣處理？處理結(jié)果又將怎樣傳輸至前臺(tái)？

帶著問(wèn)題，我們可以將其分為4個(gè)維度進(jìn)行分析，分別為：前端（用戶界面）、接口（傳輸者）、后臺(tái)（管理/增減）、數(shù)據(jù)庫(kù)（數(shù)據(jù)更新），如圖所示：

上面圖中表示的是從用戶“點(diǎn)擊按鈕-判斷-傳輸用戶信息-后臺(tái)記錄的增減-數(shù)據(jù)庫(kù)表中的內(nèi)容更新-返回結(jié)果-結(jié)果展示”的整體數(shù)據(jù)流向，下面對(duì)每一步進(jìn)行一個(gè)簡(jiǎn)述：

1. 用戶點(diǎn)擊按鈕后，判斷當(dāng)前狀態(tài)，是否已關(guān)注作者，如果已關(guān)注，將取消關(guān)注，如果是未關(guān)注狀態(tài)，則變?yōu)橐殃P(guān)注
2. 接口會(huì)將用戶ID以及作者的ID一起傳至后臺(tái)中
3. 后臺(tái)接受指令后，會(huì)在相關(guān)表中增刪記錄，關(guān)注與被關(guān)注的人都需要
4. 數(shù)據(jù)庫(kù)執(zhí)行相關(guān)指令后，對(duì)數(shù)據(jù)表內(nèi)容進(jìn)行相對(duì)更改
5. 返回結(jié)果并傳輸至前端
6. 前端顯示結(jié)果即可

流程整理清楚之后，我們需要將圖中的內(nèi)容以文檔的形式交由開發(fā)人員，一般情況下，我會(huì)使用表格的形式進(jìn)行需求點(diǎn)的展示，清晰明了的同時(shí)也便于進(jìn)行管理，如圖所示：

注：以上內(nèi)容中的圖片以及需求點(diǎn)均作為事例分析以及學(xué)習(xí)交流使用，請(qǐng)勿直接使用與個(gè)人項(xiàng)目！

四、注意事項(xiàng)

“關(guān)注”功能除了能夠滿足普通用戶的需求之外，從另一個(gè)方面來(lái)看，也能夠提升作者的活躍度與粘度，對(duì)于作者來(lái)講，“關(guān)注”實(shí)際上也是一種鼓勵(lì)機(jī)制。

因此，我將這個(gè)功能的用戶角色分為兩種類型，分別是“用戶”與“作者”，其注意事項(xiàng)有如下幾點(diǎn)：

1. 無(wú)論是“普通用戶”還是“作者”，一定是需要有“關(guān)注”列表的，也就是解決關(guān)注后要去哪里找的問(wèn)題。
2. 既然能關(guān)注別人，也就能被別人關(guān)注，因此“粉絲”列表也是必要的，可以用來(lái)查看關(guān)注他的用戶有哪些，同時(shí)如果有需要，我們還可以做“回粉”機(jī)制，關(guān)注對(duì)方。
3. 針對(duì)“作者”來(lái)說(shuō)，既然“關(guān)注”是一種鼓勵(lì)，就需要有相應(yīng)的消息作為提示。
4. 當(dāng)平臺(tái)中作者類型很多的時(shí)候，如果有需要，我們也可以允許用戶創(chuàng)建分類，方便后續(xù)對(duì)列表的管理。

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

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