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

33 评论 25792 浏览 101 收藏 6 分钟

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

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

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

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

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

你可以拿两个手机,同时打开微视和抖音,在小小一块屏幕上,抖音很容易聚焦在视频本身,而微视很容易聚焦到头像区域,或者被拍摄 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. 文章读下来后,给的感觉就是微视能做的就是去抄袭抖音。

    来自广东 回复