抖音和微博：兩種不同的@人方案

基本上知名的app都有一個功能：@人。雖然功能很普遍，但以抖音和微博為主，這兩家實現@人背後的產品邏輯是不一樣的。

 

今天我們就來闡述一下@人背後的產品邏輯。

 

首先，我們先從操作上入手，介紹下兩者的區別：

 

抖音

開啟抖音，如果你手動輸入了@xxx，你會發現xxx並沒有高亮變成可點態，即使xxx這個使用者是真的存在，而只有從@人列表選出的使用者（@yyy）才會被高亮。

且當你想刪除@yyy中一個字元時你會發現並做不到，要刪只能把"@yyy"全部刪除，但@xxx是可以逐字刪除的。

這時你複製"@xxx @yyy"後貼上，你會發現貼上出來的@yyy也並不能高亮。

 

微博

 

開啟微博，我們發現手動輸入了@xxx是會高亮的（與抖音不同），從@人列表選的@yyy是會高亮的（與抖音相同）。

當我想刪除@xxx或@yyy中的一次字元時，是支援柱子刪除的。

這時我們複製"@xxx @yyy"後貼上，會發現只要是@後的文字，都可以高亮。

 

接著，我們分析下 抖音 和 微博 為何在@人這項功能上有如此差異，這種差異背後的原理是什麼，以及為何抖音和微博要採用不同的實現方式？

 

抖音

不難發現抖音的@人只能從@人列表裡選，無法手動輸入@xxx。那麼從@人列表選的使用者和手動輸入的@xxx有什麼區別呢？為何看起來都是@xxx，但是隻有從@人列表選的使用者才會高亮可點選跳轉到使用者詳情頁呢？

那一定是從@人列表選出的@xxx背後隱藏著我們不知道的資訊，實際上從@人列表選出的@xxx，背後隱藏著xxx的id，也就是說@xxx和這個id是成對出現的。這就解釋了上面的幾個問題：

（1）為何我手動輸入的@xxx不高亮不能點選跳轉到使用者詳情頁？

答：因為手動輸入的@xxx背後沒有對應的id。

（2）為何我複製別人可高亮可點選的@xxx到我自己發表時就不能高亮了？

答：因為你複製的知識複製了@xxx的文字，並沒有複製@xxx背後對應的id。

（3）為何我不能修改我從@人皮膚選出的人名，刪的時候一定要把@xxx全部刪掉？

答：因為@xxx和id是配套的，你不能把@xxx修改為@xx，因為@xx和id不配套。

（4）這裡說的id有什麼用？

答：實際通過@xxx跳轉到xxx的個人詳情頁時，是通過id來跳轉的。既然@xxx背後隱藏著對應的id，那麼在xxx改名為yyy後，因為這個使用者對應的id是不變的，所以可以實現精準@，也就是：

使用者A一個月前@xxx，但xxx在今天改名了，那麼使用者B、C、D拉到A一個月前發的@xxx時的內容可以被後臺改為對應的@yyy。

 

微博

那微博又是怎麼做的呢？微博的方案就是剔除了@xxx背後所對應的id，這樣只要使用者輸入@xxx，那麼xxx就一定是生效的，那麼問題來了，你不是說id是跳轉的關鍵嗎，微博沒有id我看也是可以跳轉到詳情頁的啊，它又是怎麼做的呢？

實際上你在抖音和微博分別點選@xxx，會發現一個很明顯的不同：抖音可以立即跳到xxx的詳情頁，但微博需要載入1-2s。微博載入1-2s的這個過程就是通過使用者名稱去獲取使用者id的過程，獲取完使用者的id然後再拿id跳到xxx的詳情頁。

 

那麼這時我們就要新的疑問了，如果讓我們去搭建一個@人的需求，抖音的方案和微博的方案我們應該選哪個呢？

首先我們用一個表格來對比下這兩個方案的異同點:

 

最後我們來總結一下：

我個人是傾向於 不帶id的@人方案，我認為文字才是最簡單最高效的溝通工具，既然我看到別人已經@xxx，那麼我複製他發的@xxx，就是想同樣實現@xxx的效果。不過具體產品方案要按產品的背景了，抖音選擇 帶id的@人方案也一定是有它的原因的。

 

#專欄作家#

聊哥，騰訊工程師，微信公眾號:"和產品經理聊技術"，人人都是產品經理專欄作家。一名致力於降低開發和產品隔閡的同學，關注我，一起做酷炫網際網路人。