为了帮你刷视频,设计师们操碎了的心又操碎了一次

为了帮你刷视频,设计师们操碎了的心又操碎了一次

视频集视听于一体,是当代网友获取信息、愉悦精神的流行方式,基础产品能力在早年就已建设得大差不差,在后续的内容生产和内容消费的演进过程中,视频依旧独占鳌头,设计师(当然还有产品经理、开发等从业者)可谓是为之操碎了心(碎了又碎的内种),我们今天来盘盘这些心思碎片。


#01

功能层的

精细化



01. 以小见大的进度条

相比图文,视频形式的信息密度更大,内容更丰富,在海量的信息里,用户往往没有十足耐心去看完每一条打开的视频,这时候,长久低调陪伴视频的时间轴被巧妙升级了。

它可以承载创作者划重点,将视频内容分段写明概要,也可以将长视频综合型内容拆解成不同片段,便于用户快速判断是否有自己感兴趣的内容。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「bilibli」游戏比赛视频

进度条结合筛选,可以只看自己感兴趣的TA,对于只想拥有一片树叶,却被动接收整片森林的追星粉来说,这个功能无疑是福音。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「爱奇艺」只看TA

除此以外,爱奇艺2018年上线了绿镜功能,一直延续到现在,绿色曲线高意味着用户关注度高,绿色曲线低意味着用户跳过的比较多,进度条上加的绿色,能让用户提前知道一条内容更受大众欢迎的部分在哪里(有了这个绿镜,感觉可以跟风追剧了)。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「爱奇艺」绿镜

02. 关联内容的发现

在好看视频中,除了视频主体以外,视频进度条设有多种节点类型,如内容走向、内容关联人物、知识点、互动问答等,用户在观看视频过程中,可以延展去了解更多相关知识点,半浮层拉起相关内容的交互方式,也不会打断当前视频播放。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「好看视频」视频内容截图 

在浏览淘宝、点淘短视频时,如果想了解视频内容中相关的商品,点淘和逛逛“找同款”功能可以让用户便捷发现同款商品。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「点淘」视频、「淘宝」逛逛录屏

03. 用户刚需的补齐

除了用户通用化的需求外,不同用户有特定刚需,如B站为色觉异常用户贴心地设置了色觉优化设置,可便于他们找到适合自己的观看体验。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

「bilibli」设置色觉优化的录频

Youtube视频支持用户选择是否开启字幕,以及对字幕进行多语言翻译,贴合了各国用户看其他语种视频时的刚需。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「Youtube」 视频选择字幕、选择中文翻译的录屏


#02

情感层的

精细化


01. 用户与用户围绕内容的互动——更有戏的弹幕

早年横空出世的动态、实时、真实的弹幕,给用户浏览内容时满满陪伴感,弹幕从早期纯文本衍生出了非常多与内容、与人、与弹幕语义结合的巧妙设计,在此分享几点:

《沙丘》在B站上映时,用户打的弹幕会像沙一样消失,可以说贴合《沙丘》内容的量身定制了,这样的弹幕设计,谁能管得住手?

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「bilibili」播放沙丘时的录屏

用户在B站看杰伦新专辑MV时,发出的弹幕会有奶茶店主和歌手结合的内涵贴纸,让懂行的粉丝直呼内行;

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「bilibili」播放《最伟大的作品》官方MV的录屏


爱奇艺的弹幕则结合时下热词,设计了贴合语义特点的效果,有了更生动的表达,这样的弹幕可真上头呢。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「爱奇艺」2021年上线过的弹幕设计

02. 用户对内容(&创作者)更浓烈的态度表达

点赞/比心是非常经典的互动功能,它对内容(或创作者)表示肯定,但背后表示的“肯定”程度是未知的,接收这个肯定的主体也是未知的。B站首创“投币”概念,用户可用有限的资源给予内容/创作者更强的推荐,获得投币后,内容会有更高的曝光机会。投币互动的火热,显示出了用户对内容有着更浓烈的表态诉求。微信视频除了拇指点赞以外,新增了比心的推荐功能,与大拇指点赞不同的是,比心的内容将推荐给自己好友,增加了内容获得更多曝光的可能。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「bilibili」一键三连录屏、「微信」视频号点赞及比心录屏

在西瓜视频中,长按点赞会明确将赞送给内容创作者,表达了用户对创作者更大的肯定。除此以外,微视也出现了明确支持创作者的投票玩法,通过调动用户发现、鼓励优质创作者,进而激励创作者创作更多优质内容。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「西瓜视频」“精选”视频页长按点赞、「微视」挑战赛视频内容截图


在淘宝-逛逛视频内容中,近期上线了“送气球”的互动玩法,用户可以通过浏览内容、去达人主页领取、做任务等方式获取气球,然后将有限的气球送给认可的创作者,同时会收获来自创作的感谢,甚至会爆出内容对应的品牌惊喜奖励!

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「淘宝」逛逛视频页-点击打气出达人感谢、出品牌惊喜气球的录屏

03. 平台对用户的小关怀

视频内容既给了用户很多愉悦,但也容易精彩得让人着迷。当用户刷抖音刷到一定程度时,会刷出温馨提醒,有时候是提醒休息放松,有时候是提醒用户可以睡觉了。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「抖音」提醒用户休息、提醒用户早睡的内容

晚上12点以后,优酷顶部的时间信息还会出现“夜深了”的暖心前缀,弱弱提醒用户追剧时也要注意休息。

为了帮你刷视频,设计师们操碎了的心又操碎了一次

▲ 「优酷」视频内容过了晚上12点时的截图

写在最后

以上分享了一些视频相关的功能层和情感层的设计点,这些或长久存在,或近期上线试水,并非完美,但这背后无疑有着设计师为让用户更好地刷视频操碎的心呢。一种形态的产品存在越久,用户对其功能和情感体验诉求越是精益的,这将驱动着设计师在有限的屏幕空间里,去洞见、创新、打磨无限的体验空间。一起期待未来更好的体验呀~





本期作者:kikibo 和 饲养员小谢



//////END //////

淘宝设计,一个服务于全球亿万消费者体验的设计团队,致力于让设计触动人心,让商业美而简单。欢迎加入我们,公众号后台回复“招聘”,了解最新招聘信息。


为了帮你刷视频,设计师们操碎了的心又操碎了一次


本篇文章来源于微信公众号: 淘宝设计

UI/UX

秩序之美!设计规范如何高效落地,助力业务提效?

2022-11-7 16:00:59

UI/UX

为什么用户服务条款需要道德改造

2022-11-7 21:00:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索