从交互角度分析:为什么我沉迷抖音,却不想刷微视?

33 评论 25935 浏览 101 收藏 6 分钟
B端产品经理要负责对目标行业和市场进行深入的分析和调研,了解客户的需求、痛点、期望和行为,找到产品的价值主张 🔗

本文作者仅从交互角度来看下抖音和微视的不同,一起来看看~

最近已经是个抖友了!每天抖音中毒停不下来。

因为微视是腾讯力推的产品,出于好奇也下载了。作为交互设计师,我抱着一种公平的心态来看待这两款软件,没有先入为主,丝毫不偏颇的去刷视频,抖音依旧使我中毒,微视却让我刷不下去。

作为只刷视频不创作的用户,影响体验的两大方面是:视频内容和交互细节。但内容分析起来水太深了,牵涉很多运营问题,我也不专业,因此我们只讨论交互细节。

一、首页的视觉焦点是最大的问题

你可以拿两个手机,同时打开微视和抖音,在小小一块屏幕上,抖音很容易聚焦在视频本身,而微视很容易聚焦到头像区域,或者被拍摄 icon 吸引,原因如下。

首先是头像区域的位置,抖音的头像区域在右侧,用户看视频时往往会忽略此位置,专注于视频内容;而微视的头像区域在页面左下角,非常抢眼,视觉焦点很容易就被抢占,而忽略视频内容本身。

其次信息组成,抖音的头像区域只显示头像和关注按钮,且组合设计占位小,而用户名显示在页面右侧,虽然将用户信息分开了,但不影响视频浏览;而微视将头像、关注 icon、用户名、作品数量、大V标志等信息全部聚合在了一起,虽然这些信息之间确实关系紧密,但有些信息用户其实并不关心,这样设计还占了较大位置,用户浏览视频时,也很容易被头像区域吸引而忽略了视频内容本身。

拍摄 icon 设计的太过抢眼,又一个抢占视觉焦点的元素。

二、更小的 icon 和文案

和抖音相比,微视的跟拍、点赞、评论、转发、音乐等 icon 太紧凑,点击热区更小,很担心误触。

视频要配着辅助文案一起看才爽,但是微视辅助文案的字号……用户名比你大,经纪人名字和你一样大,挑战的名称(起床真的很难吗)也和你一样大,音乐名称也和你一样大,辅助文案已经被淹没的没有重点了,还能一起爽吗?

经纪人,这个文案信息用户并不关心,这个经纪人不是说视频作者是个明星,就是个热门推手,如果你想让自己的视频上热门,找经纪人就对了。对于视频作者来说,当然很重要,但对于普通用户来讲毫无用处。

三、评论页面无趣

评论页面的重要程度,仅次于首页,要知道看网友抖机灵是人生一大乐趣!但微视的评论我真的看不下去。

抖音的评论浮层的展示规则为:点赞最多的的评论/回复排名在前,可以看到更多的抖机灵的回复。

微视的规则是:点赞最多的评论显示在前,如果该评论有回复,回复展示在评论下方,所以经常能看到像上图这样的情况-评论浮层全都是没什么趣味的回复,这点真的可以改一下。

四、总结

大部分用户都和我一样,只是享受浏览内容的乐趣而不去创作,对于这部分用户来讲,首页和评论页面非常重要,微视可以针对这两个页面重点优化:

  • 让用户关注视频内容本身,其次是辅助文案的易读性。这是最高优先级,其他的用户信息,音乐信息等都是次要的,可以降低优先级或者转移。
  • icon 的设计应该符合用户操作习惯,icon 太小,会让用户操作时因担心误触发而心理负担过重。
  • 评论页面排序规则改为点赞最多的「评论/回复」排序在前即可。

不是说微视要完全抄抖音的设计,而是认为在这些交互细节上可以进行优化。

 

作者:Elaine Zhu

来源:微信公众号“交互笔记(ID:UX-Notes)”

本文由 @Elaine Zhu 授权发布于人人都是产品经理,未经作者许可,禁止转载。

题图来源于网络

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 竟然有这么多人收藏和赞

    来自北京 回复
  2. 跟视觉无关

    来自广东 回复
  3. 瞎分析

    来自安徽 回复
  4. 分析的一塌糊涂,两个APP的重点是什么?两个APP的方向不一样,微视更在乎社交,还有你说没有偏见,说真的,从心理学上将根本不可能没有偏见,抖音先入为主,它什么你都觉得好,抖音的流量入口被微信掐死了,抖音是成不了气候的,这也是抖音为什么急眼了和微信掐架,抖音依赖社交,而却没有社交。

    来自浙江 回复
  5. 只能说抖音和腾讯微视的用户群体不一样

    回复
  6. 微视用户头像的位置应该是为了强化社交吧 而不是一味的沉浸于视频本身 需要做流量转化

    回复
  7. 人家不用抄,直接收购就行了😁

    回复
  8. 只做参考

    回复
  9. 作者写这篇文章之前究竟用过几天微视?连微视在播放界面有长按屏幕隐藏左下角信息的功能都不知道?(作者肯定也没发现抖音在播放界面长按屏幕是标记不感兴趣吧。)作者全文都在抓着微视的排版不放,没想到微视还有这一手吧?以下再指出作者文中的两处低级错误:1 视频配的文字叫做视频的文字描述,不叫文案。(作者估计是做广告出身,见了文字都叫文案。)2 文中引用的“经纪人”这个概念是搞笑的么?微视有个官方账号叫做“经纪人小微”,大家发视频的时候习惯性的都@它而已。抖音也有个官方账号叫“抖音小助手”,按作者的逻辑这个所谓的“经纪人”在抖音里是不是就叫“小助手”了?
    综上,请作者以后务必深入研究后再来发文章吧。。。

    回复
    1. emmmmm其实这个问题在很多的地方都有,面对一个画面我们不知道怎么用,用户其实是一脸懵逼的。需要给用户提示。这是设计错误,给了一个不容易发现的入口。

      回复
    2. 我理解这个操作之所以藏的这么深,是因为微视团队其实并不想让用户习惯隐藏左下角来看视频,但是考虑到确实有这种需求,所以做了一个不容易发现的入口。类似的,微信发纯文字朋友圈的操作也是长按右上角且没有提示,都属于刻意而为之。

      回复
    3. 作为一个用户来评论一下吧,我觉得作者说的并不是没有道理,当我进入页面时候我只关心第一眼的感觉,那就是页面排版,看不见你什么隐藏功能有多么高端,如果我要快速浏览一直翻,我不想每个页面都长按一下多一步操作去隐藏什么信息,因为我懒啊,太麻烦了,导致我得到的体验并不是那么好。 而且这种算是比较重要的操作功能,没有任何提示,你让用户怎么发现呢,靠程序员在这里给浏览文章的用户打字普及?

      来自北京 回复
    4. 我是作者,感谢你的评论,抖音我几乎天天看,所以长按视频不感兴趣的操作我知道;微视下载下来以后看过几次,确实不知道长按可以隐藏左下角信息,我回答一下你的问题:

      1.长按隐藏左下角信息,我还真没发现,刚才去试了试
      1.1 .发现长按的时候会忽视视频,而长按成功后,视频也快放完了,隐藏的深不易被发现不说,真操作了还影响视频体验,鸡肋的很
      1.2 .隐藏的非常粗暴,视频文字描述和作者信息都被隐藏了, 而且接下来的每一条视频都是隐藏的,没有文字描述的视频看着真的爽吗?

      2 我不是做广告出身的,文案还是文字描述我觉得差别不大

      3. 经纪人的问题,无论用户@经纪人还是@小助手,有必要让用户知道吗?每一个视频的经纪人都一样,是不是信息重复呢?

      最后,非常谢谢你的评论,我确实是普通用户,研究的不够深入,互相交流。

      来自广东 回复
    5. 多谢作者回复,咱们交流一下没毛病。首先,我指出了微视长按隐藏的操作,是想告诉你微视自己也意识到了左下角设计臃肿的问题,粗暴的隐藏方式很可能是个临时方案。其次,抖音的整个界面加交互设计是完全照搬的musical.ly。微视为了不落抄袭的口实,基于抖音做了很多改变。(比如,抖音向右滑是进入录视频,微视取消了这个动作)我个人并不认为这些改动全都失败,也并不影响我像抖音一样的刷视频。再次,你文中有一些观点我不同意,比如你觉得用户头像吸引了你的注意力,视频本身是动态的,静态的头像不应该更吸引你的注意力。还有你觉得微视的按钮会误触,只要间距合理我觉得不会。最后,短视频平台里真的没有经纪人,@的是好友。

      回复
    6. 针对我质疑你用过几天微视这点我也想解释一下。作为一个职业的产品经理,哪怕是当做普通用户去使用一款产品,也应该做到努力去体验每一个功能,挖掘每一个细节,而不能只停留在表面功夫。你写的这篇文章,我猛一看标题和简介以为是一篇分析透彻的干货,看后却大失所望。写文章不易,但更需要精细打磨,希望你能越做越好,加油!

      回复
    7. 从作者说的1.1用户场景,能看出作者是认真思考过的。抖音长按出现不感兴趣,微视长按不显示左下角信息,但是这里是有用户操作区别的。

      抖音为两步,长按-点击。微视只有一步,只需要长按就可以,并不需要再次点击按钮(现在的版本是这样)。

      回归用户场景来说,抖音是当用户不喜欢视频的时候需要两步来避开他,同时注意力也会放在长按确认上边,不关心内容,所以是符合用户场景的。

      而微视是在用户想注意力放在内容上边进行的操作,所以设计了只需要按住任意位置就可以,并不用有其他操作且提示,不会占用太多注意力,很随手的东西。个人感觉也符合用户场景。

      虽然都符合用户场景,但是这个部分两款产品思考方式是相反的,个人更喜欢抖音的设计思考方式。

      回归开头的话,我相信本文作者是思考后写出的这篇文章。从实际场景出发,抖音的不感兴趣对新用户影响微乎其微,但是微视的隐藏文字信息我个人觉得既然做这个优化,知道影响用户浏览内容体验了,干嘛还要不让用户知道呢?哪怕首次使用给个提示也好。

      来自辽宁 回复
    8. 这篇文章原来的题目是 “微视VS抖音的交互细节的差距”,是在UI中国上发的,后来优设觉得不错,拿去改了名字发了,这个平台也沿用了这个名字,名字确实是华而不实,又有点攻击性,这点确实不合适。

      我认同微视不抄袭,有改变的交互,但是普通用户用着不方便却是事实。而且我一开始的着力点就没打算用一个专家用户的角度去长篇大论,而是从一个普通用户的角度去分析,普通用户不会挖掘每一个细节。

      如果你是微视的产品经理,普通用户的体验和建议应该是最有用的。我希望微视越来越好,因为我买了腾讯的股票 ➡ 虽然不多,但是不想赔钱

      来自广东 回复
  10. 呦西

    回复
    1. 哈哈

      回复
  11. 可以再进一步分析,在视觉/交互后面可能更接近答案。

    回复
  12. 在抖音封王的情况下,微视做的任何差异化设计和努力都会被当作输给抖音的地方,公平?

    回复
  13. 马后炮?东西做出来才有得比,比的人口口声声,有考虑过做的人思考了多少?

    回复
    1. 说别人马后炮或者说差异化,但是差异化是以优化为目的的,除非你说出反驳作者的观点?不然劳烦不要喷粪?

      来自北京 回复
    2. 差异化,不是做的就要差,做的人考虑不全面,只能后面去优化

      来自广东 回复
  14. 抖音为什么不加一个浏览痕迹功能

    来自上海 回复
  15. 文章写的不错,但忽视了目前双方竞争的主要阵地是内容制造者和短视频质量,交互什么的在内容足够强大的情况下可以忽略。
    尴尬的是目前微视除了创造101的小姐姐们,真心没有什么拿得出手的,而抖音一打开,成熟的内容制造者给用户准备的饕餮盛宴,让你刷几个小时都停不下来。

    来自北京 回复
  16. 第一点,我觉得微视做得更好。头像分散注意方面,抖音放得页中位置还是显眼的,而微视将ID、头像和描述聚合,相对而言给头部用户更深刻记忆点和曝光量,很适合微视目前专注扶持新人的基调。
    第二点,拍摄icon做特殊化处理是为了促进用户创作。同样,为微视目前的基调做铺垫。
    同意徐俊豪的观点,用一个流量封王的产品作为先入之见,去分析另一个产品的交互,本身就不合理。竞品分析除了分析UI和交互,更重要的是分析这个产品本身的策略。

    来自福建 回复
  17. 写的少了点,可以分析的更细致

    来自台湾 回复
  18. 的确用户体验来讲还是抖音比较注重内容、

    来自广东 回复
  19. 如果能够给出点微视怎样改,就更好了

    来自北京 回复
  20. 是的,这是改进的地方

    来自广东 回复
  21. 我认为作者还是蛮有洞察的,这些细节体现的是产品思维。影响的是受众不易察觉的心里感受。

    来自湖北 回复
  22. 文章读下来后,给的感觉就是微视能做的就是去抄袭抖音。

    来自广东 回复
专题
35607人已学习18篇文章
借用别人家的经典案例,来扒一扒社交电商。
专题
13050人已学习14篇文章
良好的交互规范可以很好的帮助企业、团队提高产出,保证用户体验。本专题的文章分享了交互规范指南。
专题
12982人已学习13篇文章
产品经理在日常工作中,除了要跟进和把控产品的整体流程以外,也要对产品后续的销售策略进行规划;销售策略的规划可以让产品经理对于用户的场景以及体验等更加熟悉。本专题的文章分享了产品的销售策略。
专题
12893人已学习12篇文章
“私域流量”概念火爆的背后,既有企业焦虑,也有赛道风口。而巧的是,在线教育同样面临增长获客难的问题。本专题的文章分享了在线教育行业如何做私域运营。
专题
12767人已学习12篇文章
运营分很多类,流量运营、用户运营、内容运营…每一个环节都有特别关注的数据和指标。本专题的文章分享了互联网运营,应该分析哪些数据和指标。
专题
14363人已学习13篇文章
本专题的文章分析了用户运营策略的案例,为如何做用户运营策略提供了思路。