用户体验视角下的短视频 APP 界面设计比较研究

刘依文 吴韵霖

摘要 ：本文从用户体验的角度出发，分析对比三款典型短视频 APP 抖音、快手、微视界面使用的视觉感知、交互感知，归纳三者之间的异同与优缺点，提出基于用户体验的短视频 APP 界面设计策略。总结出短视频 APP 界面设计中应充分考虑用户在视觉层面、交互层面、心理感知层面的需求，增强用户观看体验的沉浸感，营造社交互动氛围，注重用户主动选择性。通过本文的研究，以期能帮助提升短视频 APP 产品的用户粘性与市场竞争力。

关键词 ：用户体验 ;短视频 APP ;界面设计

中图分类号 ：J524文献标识码 ：A

文章编码 ：1672-7053（2021）07-0095-02

Abstract ：This paper from the perspective of user experience， this paper analyzes and compares the visual perception and interactive perception used by three typical short video APPs， Douyin， Kuaishou and Micro-horizon， summarizes the similarities and differences， advantages and disadvantages of the three， and puts forward the interface design strategy of short video APPs based on user experience.It is concluded that the interface design of short video app should fully consider the needs of users in the visual level， interactive level and psychological perception level， enhance the immersion of users to enhance the viewing experience， create a social interaction atmosphere， and pay attention to users' initiative and selectivity， so as to enhance the user stickiness and market competitiveness of the product.

Key Words ：User experience; Short video APP; Interface design

1用户体验概述

互联网产品兴起之后，用户体验（User Experience，简称UE 或 UX）理念在人机交互的发展领域逐渐受到重视。用户体验是指使用者在操作或使用一件产品或一项服务时的所做、所想和所感，涉及到通过产品和服务提供给使用者的理性价值与感性体验 [1]。用户体验的好坏没有确切统一的评价标准，从企业到学术界，很多学者从不同的角度探究“用户体验设计方法”在产品优化中所起到的作用。唐纳德 · 诺曼在《情感化设计》中提到设计的三个层次 ：从本能层次、行为层次、到反思层次的设计 [2]。即指产品设计所体现的从表面印象、使用过程的愉悦感到产品体验所能带来的在精神、情感上更高级的感受，而这三者在一个产品设计上能相互影响作用。Jesse James Garrett 在《用户体验要素》一书中提出了用户体验的五个层次， 包括 ：战略层、范围层、结构层、框架层、表面层。内涵依次是 ：明确产品目标和用户需求、产品功能设定与内容需求、交互设计与信息架构、界面信息与导航设计、界面视觉表现设计，五要素囊括了要打造一个完整的互联网产品所需考虑与设计的各个方面，这些内容直接或间接影响到产品的用户体验。江南大学赵婉茹在《基于互联网产品的用户体验要素研究》一文中运用 EPI 用户体验要素验证了该模型在微信红包与支付宝红包使用体验改进的可行性。E（Expectation）指用户对产品的期许、需求、事前认知 ;P（Progress）进程 ：指用户在使用功能交互过程中的路径、互动、操作等 ;I（Impact）指用户交互过程中的情绪波动、自我感觉等 [3]。基于心理学领域的心流體验理论，也被应用于 APP 用户体验的研究范畴，在使用产品时的愉悦感、兴奋感、自我掌控感、甚至自我意识的丧失都属于心流理论的研究范畴 [4]。近年，在关注用户体验的基础上，“体验”设计也逐渐被重视起来， 辛向阳在《从用户体验到体验设计》中提出体验 EEI 模 型 ， 期许（Expectation）、事件（Event）和影响（Impact）[1]。

总而言之，用户体验是关注在特定语境下，操作或享用产品或服务时的所做、所想、所感 ;体验设计思维把用户经历当做设计对象，两者站在不同的角度关注人性的需求。

2 用户体验视角下的短视频 APP 界面设计比较分析

本文将上述研究进行归纳总结，主要从界面视觉感知、交互行为感知这两个层面来对比分析三款较为典型的短视频 APP（抖音、快手、微视）的用户体验，并提出设计建议。短视频 APP 是典型的互联网新兴产物，平台视频能快速制作并传播、时长较短一般在 5 秒～ 5 分钟不等，能实现社交互动的功能。抖音，音乐短视频社区，其中特色是“音乐”，玩法有趣多变。快手，普通人的短视频社区，一直以来都以“普通人”定位，使得产品具有良好的用户参与感、归属感。微视，短视频分享社区，其中特色是“分享”，可分享至腾讯系社交产品，有深厚的背景资源。

2.1 界面视觉感知比较分析

先 从 APP 图标进行分析， 如抖音、 快 手、 微 视 APP 图标设计（抖音版本 14.6.2，快手版本 9.0.40.18270，微视版本8.10.1.588）。抖音图标将平台名称的首字母“d”与音符元素融合，将图形用“错位”“失真”“毛刺”的艺术手法表现“抖动”“幻影”的动感姿态，与其“音乐”特色符合。快手图标是标志性的“摄像机”，由圆、三角形、方块最朴素的元素构建而成，直白、和谐。微视图标使用一个播放键元素，用多维度的线条设计而成，寓意用户可以从多角度来看世界。从界面设计整体风格来看，抖音与微视页面背景都是深色，同时局部搭配色彩鲜亮的 ICON，视觉对比强烈，呈现出活跃、丰富、潮流的视觉效果。快手以白色背景为主，搭配橙色元素，界面风格较为常见。在视频播放页，微视在 ICON 设计上展现了更多细节，在交互动态图形的反馈上，增加了趣味性 ;播放视频时，三者的界面设计都趋向于全屏展示，其中微视界面边缘的功能键、界面文字等相对尺寸最小，快手则在播放视频时底栏 ICON 无背景，全屏观看的体验最好。

2.2 交互行为感知比较分析

辛向阳老师在论文《交互设计 ：从物理逻辑到行为逻辑》中提出交互行为五要素 ：People 用户、Contexts 场景、Actions行为、Means 工具或媒介、Purpose 目的。即交互设计关注的是什么人，在什么情况下，通过什么途径或方法发生了什么行为，完成了什么事情。用户观看视频时三者都是深色背景单列瀑布流，上下滑动切换视频，评论等视频互动按钮位于屏幕右侧，不直接展示 ;这种方式减少视频播放界面的干扰信息，随即切换，能让用户持续性、沉浸性观看视频。抖音及微视单击视频暂停，快手则需单击后在屏幕指定位置暂停视频 ;前者暂停步骤少，相比更易误操作，但对于短时观看的过程来说误操作几率也小，因此随即暂停也符合短视频的特点。在平台其他栏目视频里如快手的“发现”，以静态双列卡片流的展示形式，以提供更多选择，但抖音内容都以单列视频直接播放为主，如图 1 ;微视在点赞等互动功能交互设计趣味性更强，动态反馈强烈，如图 2 第三、四个页面。以下举出在视频浏览页查看作者主页功能的交互设计，快手左滑出现侧边栏单列缩略图展示作者作品，可上下滑动直接查看作品，再次左滑查看作者主页 ;抖音、微视点击进入作者主页可查看作者其他视频 ;相较抖音、微视，快手减少了页面跳转，如图 3 第二个页面。在视频发布页，各平台玩法相似，制作视频的流程较为简易化。其中以抖音的音乐特色突出，在视频播放页有单独录同款音乐的功能入口 ;微视将视频模版用卡片左右滑动，信息布局展示相对繁杂，但能让用户提前看到视频效果，另一层面也减少了用户反复筛选的过程，如图 2 第二个页面。

3 用户体验视角下的短视频 APP 界面设计建议

3.1 增强观看体验的沉浸感

短视频 APP 的观看体验尤为重要，所以需要重点打造观看的沉浸感，用以提升视频曝光率与用户活跃度 [5]。从视觉感官层面上来讲，应简化界面，全屏展示视频内容，减少观看时的冗杂信息 ;从交互感官层面上来讲，应简化功能、减少累赘操作功能，增强用户与视频的互动反馈的动态效果 ;在内容方面应创新视频推送机制，保持内容的新鲜感，可考虑借用 AR、VR 等特效使视频内容差异化，强化用户观看体验的沉浸感、真实感。

3.2 营造社交互动氛围

即拍即传、制作门槛低，能让普通人也成为拥有数万粉丝的“小明星”，是短视频 APP 流行的主要原因。那么增强其社交媒体属性，也是设计应该着重考虑的部分。简化拍摄流程 ;在作品的点赞与评价反馈方面应设计出更多的细节 ;提高分享到其他社交平台的便捷性，增加作者作品的曝光率，如为引导用户成功分享，当用户观看一个视频超过三次，界面的分享图标会自动显示为微信图标。如“允许别人跟我拍同框”“允许拍摄同款视频”，鼓励用户社交互动，使得用户的参与感与线上活动的趣味性得到提升。

3.3 注重用户主动选择性

除了提升观看体验，增强社交氛围为平台引流，创造商业价值之外，对于精准推荐、轻松浏览等用户长时间被动式接受信息，应提供用户更多视频的自主选择权，并引导用户主动创作，带给用户更深层次的满足感 [6]。如单列卡片低容错、观感流畅，但双列卡片流可以提供用户更多选择。同时依据数据推荐视频，应增加低热度内容的曝光机会，鼓励更多不同类型用户参与创作，如注重视频的评论率，增加视频分类。

4 结语

信息科技的发展，为短视频 APP 的流行与创新创造了良好的条件，但同时用户的需求也越發多样化 ;互联网产品功能强大又复杂，用户体验设计需要面对的问题很多，基于产品战略的 APP 视觉设计、交互设计是未来短视频 APP 领域面临的挑战之一。本文对比分析了三款比较有代表性的短视频 APP 的界面设计，提出了基于用户体验的短视频 APP 设计建议。只有了解用户核心需求，挖掘潜在需求，优化用户与产品间传递和交换信息的媒介――界面，才能维持产品的用户流量，帮助短视频APP 稳定发展。

本文系 2020 年广州大学华软软件学院教学研究、科学研究项目（基金编号 ：ky202034）。

参考文献

[1] 辛向阳.从用户体验到体验设计 [J].包装工程，2019，40（08）：60-67.

[2] 李强.老年产品的情感化设计趋势研究 [J].工业设计，2020（11）：64-65.

[3] 赵婉茹.基于互联网产品的用户体验要素研究 [D].江南大学，2015.

[4] 赵文秀.心流体验下的音乐短视频类 App 交互设计研究 [D].江南大学，2019.

[5] 殷俊，周梦洁.基于用户体验的短视频 APP 设计研究 [J].包装工程，2020，41（06）：198-204.

[6] 刘逍潇.短视频 APP 的发展现状与对策分析 [D].江西师范大学，2017.