两种不同的@人的产品设计方案

基本上知名的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的@人方案也一定是有它的原因的。

本文由 新媒体之家 作者: 和产品经理聊技术 发布或转载,其版权均为原作者所有,如稿件涉及版权等问题,请与我们联系删除或处理。稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同其观点或证实其内容的真实性,更不对您的投资构成建议。未经许可,请勿转载,题图来自Unsplash,基于CC0协议。
3

发表评论