短视频应用怎样做好陶醉式体验设计？

时间：2022.09.20作者：德赢浏览量：2034

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

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

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

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

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

寓目体验一连性：视频浏览历程中，非须要不打断视频浏览，在举行如审查谈论、暂时退出播放器等行为时，包管视频播放的连贯性，利便用户多操作。

最大化视频画面视野

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

智能满屏

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

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

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

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

横版视频统一放大至牢靠尺寸，可凭证自身营业资源举行放大尺寸的界说。

寓目体验一连性

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

视窗高度牢靠，画面宽高比越小画面内容越小，寓目体验不友好，以是竖版视频对压缩后的显示尺寸举行干预，界说最小视频画面展示比例，只管扩大画面视野，包管寓目视频的恬静度。

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

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

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

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

8
分享到：

back