beat365网页版中文官网

短视频应用如何做好迷恋式体验设计?

时间:2022.09.20作者:beat365网页版中文官网浏览量:475

在视频画面尺寸、手机屏幕区分率极多的繁杂情况下,如何通过结构、内容、视窗挤压、智能满屏等形式,进一步提升视频看播迷恋式体验呢?


迷恋式体验是让人专注在目今的目标,全身心投入并感到愉悦和满足,从而忽略时间的流逝。应用到界面上则是更强调聚焦内容,减少不须要的打搅。本次研究与实践针对视频场景中视频所呈现的画面,通过精细化的设计,在多样化的手机屏幕中呈现时,能够带给用户更为迷恋的视频观看体验。


视频播放器中视频画面当然是最主要的内容,以此作为突破点进行思考:


最大化画面视野:通过改变视频画面自身的巨细,减少页面“留白”,让用户更聚焦视频画面,观看视频时更专注。 


最佳视线观看位置:将差别高度的视频依照页面结构去结构视频画面,通过画面避让状态栏、顶底 bar 结构的方法,使画面更加整洁,减少元素混乱带来的干扰,同时整体位置偏上展示,视线落点更加舒适。 


观看体验连续性:视频浏览过程中,非须要不打断视频浏览,在进行如查看评论、临时退出播放器等行为时,包管视频播放的连贯性,便当用户多操作。


最大化视频画面视野


随着时代的开展,为提升消费者敌手机的操作体验,智能手机逐渐多元化,手机屏幕尺寸迭代更快、更加丰富多样。手机作为视频很重要的生产端,手机屏幕尺寸的多样化影响到产出视频尺寸的多样化,同时用户可通过视频编辑工具任意编辑视频尺寸,最终生产的视频尺寸比例自由度十分高。据不完全统计视频平台中视频尺寸达 22 万多种,用户使用机型近 300 种,在视频尺寸多样性及视频展现媒介多样性的现状下,需要兼容性更强的裁剪及展现规则才干带给用户更好的观看体验。  我们要做的就是将不可控的视频资源和不可控的浏览视频设备设计为可控的视觉展示效果,并最大化视频画面。减少环境干扰,给用户带来迷恋式感官体验。


智能满屏


通过裁剪方法放大画面视野之外,还通过让用户自主交互操作再次放大画面视野,调解到自己喜欢的观看视频的方法。相较于上方默认裁剪放大,满屏方法更加激进极致,画面放大更多。开启方法除了通过面板功能按钮外,增加便捷交互开启手势,用户可双指放大快速开启。


由于满屏是用户主动操作放大行为,可以接受文字内容被裁剪,但也需要有节制的放大,避免带来画面裁剪过多视觉体验不佳的问题。为了包管 95%以上资源撑满全屏,抵达放大画面视野极致体验。同时最大画面裁剪面积不超越一定比例(根据自身业务视频资源判断),将视频资源细分为 3 类进行差别效果处理:


可继续放大至满屏的视频,则进行满屏展现。 


不可继续放大的视频,如果继续放大会导致裁剪画面过多影响观看完整度与观看体验,则坚持上方提到的裁剪规则,不做另外处理。 


横版视频统一放大至固定尺寸,可根据自身业务资源进行放大尺寸的界说。


观看体验连续性


在视频场景观看评论时会弹起半屏面板,遮盖住视频内容,导致用户无法在浏览评论的同时观看视频内容。我们通过视窗上移动挤压功能,在浏览面板内容时过错视频内容打断,弱化面板内容给用户带来的影响。


视窗高度固定,画面宽高比越小画面内容越小,观看体验不友好,所以竖版视频对压缩后的显示尺寸进行干预,界说最小视频画面展示比例,尽量扩大画面视野,包管观看视频的舒适度。


在不打断用户视频浏览的基础上还建设了悬浮小窗交互体验,旨在为用户提供完善优质的视频消费体验。用户进行其它操作时仍保存视频后台播放,同时也能在屏幕角落观看到缩略图巨细的视频播放窗口,可以从任何页面中观看视频,我们同时也保存了局部视频基础操作。观看体验连续性让用户对视频有绝对的主控感,提升用户使用体验的满意度。


迷恋式体验设计是资助用户减少画面干扰,让用户专注于目今的视频浏览,忽略时间的流逝进入心流状态。我们通过放大画面视野,增强画面挫折力的方法减少干扰,并解决在视频画面尺寸、手机屏幕区分率极多的繁杂情况下,包管画面效果的稳定和可控,并且不会受阻于未来手机机型的扩充开展,普适性极强。同时通过视窗挤压、悬浮小窗的交互体验专注于目今的视频浏览不被打断,进一步提升视频看播迷恋式体验。后续我们将时时探索视频场景迷恋度提升方法,为用户带来更加舒适的观看使用体验。

back

扫一扫,加我企业微信