短视频应用如何做好陶醉式体验设计？

时间：2022.09.20作者：彩乐园浏览量：2104

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

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

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

最大化画面视野：通过改变视频画面自己的巨细，减少页面“留白”，让用户更聚焦视频画面，寓目视频时更专注。

最佳视线寓目位置：将差别高度的视频凭据页面结构去结构视频画面，通过画面避让状态栏、顶底 bar 结构的方法，使画面越发整洁，减少元素杂乱带来的滋扰，同时整体位置偏上展示，视线落点越发舒适。

寓目体验连续性：视频浏览历程中，非须要不打断视频浏览，在进行如检察评论、临时退出播放器等行为时，包管视频播放的连贯性，便当用户多操作。

最大化视频画面视野

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

智能满屏

通过裁剪方法放大画面视野之外，还通过让用户自主交互操作再次放大画面视野，调解到自己喜欢的寓目视频的方法。相较于上方默认裁剪放大，满屏方法越发激进极致，画面放大更多�？舴椒ǔ送ü姘骞πО磁ネ�，增加便捷交互开启手势，用户可双指放大快速开启。

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

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

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

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

寓目体验连续性

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

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

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

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

上一篇 : UI设计中9个常用的控件规范

下一篇 : 如何在交互细节中体现专业性？

19
分享到：

back