转自王M争IDWangMichaelZheng

作者nbsp王M争

抖音和快手是国内短视频领域的两大巨头我们可以从这两款国民产品的交互设计上去探索交互模式和产品模式是如何相互影响的

为什么刷抖音容易上瘾

逛淘宝刷抖音代表了现如今大多数人的一种生活方式刷这里指的是抖音用户上下滑动就可以切换视频上下滑动是一个非常简单的交互动作

大家经常说刷抖音刷的停不下来为什么抖音这么容易上瘾呢任何一个容易上瘾的事物它必定可以给我们的大脑带来巨大的满足感大脑发出指令驱动肢体不断的重复以获取更多的满足感

抖音和快手的视频内容同质化严重不存在内容质量上的代差抖音采用的上下滑动切换视频的交互方式降低获取下一个满足的成本从这点上来说刷抖音停不下来跟嗑瓜子停不下来是一个意思都是即时满足低交互成本促使用户不断的重复操作的套路我相信即使未来核桃的价格跟瓜子一样它也不会比嗑瓜子更容易让人上瘾

低交互成本意味着更少的操作步骤更省力的交互方式最终导致了更少的能量的投入而对于能量的追求根植于我们的基因深处在人类漫长的进化历程中多数时间是食物匮乏工具效率低的

为了生存我们需要高热量的食物提供能量省力的工具来节省能量基因赋予了我们追求高热量食物高效率工具的本能虽然我们已经身处物质高度发达的现代社会对于高热量食物和工具的依赖导致我们日益肥宅化但是生物体的改变永远是滞后于环境改变因此我们的生存模式依然没有改变如果我们刻意的对抗根植于我们基因深处中的本能那必然是失败的

罗永浩之前推崇的无限屏交互相同的场景触摸交互的用户手指滑动点点就行了无限屏交互却要调动整个上半身操作成本上升无限屏交互模式因新奇给用户带来的满足感加成与其增加的交互成本相比不值一提这是无限屏交互模式不可能成功的一大主要原因

为什么不能刷快手

虽然刷很好用但是快手并没有做这个功能快手用户在视频的播放页往下滑动会进入评论区很多用户吐槽快手的交互我对评论区不感兴趣我就是要看新的视频

其实所有的交互模式本质上都是产品模式的体现快手注重社交而抖音看中内容的消费效率简单点说当你看完一个视频快手鼓励你去评论互动而抖音希望你去看下一个视频双方的产品模式存在差异因此对于下滑这个高频操作处理方式也不一样另一个对社交领域有着企图心的网易云音乐在去年也做了一个往下滑动查看评论区的功能

后来快手做了一个大屏模式大屏模式的快手跟抖音很像用户可以上下滑动切换视频了当然快手并没有放弃对社区的引流

对于多数视频类产品来说轻轻的点击屏幕会暂停正在播放的视频但是在大屏模式下的快手用户点击屏幕却会出现评论区从滑动到轻击快手只不过换了另一个高频手势来引导用户去评论区

我们再来思考一个问题为什么刷要做成上下滑动呢这是因为左右滑动容易跟调整视频进度混淆

但是在微博首页中用户切换微博故事视频却是左右滑动因为这里根本不支持调整视频进度除此之外你必须长按才能暂停视频交互成本明显比轻击要高用户在观看视频的时候调整播放进度和暂停都是非常高频的操作为什么微博故意放弃呢

我个人的想法是微博想往作者主页引流只有我们对这个视频感兴趣才会刻意去暂停和调整播放进度来查看更多的细节而只有进入用户主页查看视频才可以进行调整进度和暂停等操作因此微博的意图很明显对这个视频感兴趣不如去这个用户的主页逛逛吧说不定有更多感兴趣的内容

单列amp双列之争

抖音和快手在交互上另一个比较大的区别就是抖音是单列布局而快手是双列布局双列布局的优势显而易见可以展示更多的内容单列布局的优势在于当用户滑动该视频的时候可以直接播放一个是给用户更多的内容供你选择一个是不用点击进入就可以直接播放

这样的差异体现了双方流量分发逻辑上的区别抖音和快手视频会被推送给两类用户

1根据视频标签推荐给可能喜欢该视频的用户

2推荐给关注该作者的粉丝

双方的区别在于快手的粉丝用户权重更高也就是说抖音更倾向给你推荐你可能喜欢看的内容而快手更倾向于给你推荐你关注的内容

抖音我懂你我推荐的视频你肯定喜欢看

快手我尊重你的选择选择你自己的喜欢的视频看

既然用户在抖音中放弃了自己的选择权那么就对抖音的算法逻辑提出了挑战你必须确保你给用户推荐的视频质量足够的高用户感兴趣因此抖音更加推崇内容至上的推荐逻辑

在抖音中如果你的视频足够的好产生了大量的互动反馈视频完播率高那么你的视频就会获得二次流量推荐得到进一步的传播这也是抖音上视频更容易爆火的原因之一

关注在左推荐在右

为什么抖音是关注在左推荐在右关于按钮左右位置的讨论一直很多最典型的就是确定和取消按钮哪个在左哪个在右我从刚入行就看到这个讨论后来也看到过很多相关的理论但是大多数的解释都没有让我满意

就像我前面提到的交互模式本质上都是产品模式的体现那么抖音的产品模式是怎么让关注在左推荐在右呢

这是因为在推荐栏目中用户左滑可以进入作者主页如果推荐在左那么用户左滑就会切换到关注栏目那我如果查看关注栏目下的作者主页怎么办点击头像就行了点击的交互成本肯定比滑动的要高但是这些作者你既然都喜欢关注那么说明你可能已经浏览过他的主页了因此引导你去查看未关注的作者主页更划算

另一个值得我们注意的交互点就是播放进度条抖音和快手中都是鼓励用户从头到尾的观看视频的因此视频时长过短是直接不展示进度条即使视频时长达到展示进度条的标准也会刻意增加感知和交互成本很多抖音用户不知道可以调整视频时长而且需要滑动才能调整这比点击要难的多如果你要从视频中段观看你需要拖动至视频中段而点击的话直接点击进度条中段即可

总结

说了这么多我相信大家应该对设计师的价值和职能边界有了一定的了解设计师为了维护现有的产品模式对于一些我们不鼓励用户使用的功能会刻意的增加交互成本因此承受了一些无谓的吐槽

微信之前做了一个功能当你在朋友圈发表的是复制粘贴的内容会被折叠而自己手动输入的内容可以展示的更多这样的区别对待是为了鼓励大家在朋友圈发表原创内容但是我看了一下评论持反对意见的更多大家主要的观点是复制粘贴的不一定就是别人的内容从内容提供者的角度来说带来了不便但是从一个内容接受者的角度来看确实可以减少在朋友圈看到广告的概率

因为惰性我们的认知总是建立在观察之上的概括而忽视了其背后的原因习惯于采用二元对立的思维方式但非黑即白的评判模式并不适用于交互设计很多在我们看来很脑残的交互模式其实是对产品模式的妥协在吐槽之前尝试去分析其背后的合理性可能会给你带来不一样的认识

以上我对产品和交互模式之间关系的一些想法如果大家有什么不同的观点或者建议和好的生发水产品欢迎下方留言

推荐阅读

点击标题可跳转阅读

写给新手的控件设计指南一UI栏

5招轻松打造系统图标规范

谷歌如何筛选UX设计师谷歌UX主管访谈

关注UI设计达人

看更多精选UI设计文章

好文章我在看