时尚设计97文章提出了一套移动终端H5应用界面设计方法。从传播需求、人机交互两个方面入手,剖析了H5的交互应用的分类;探讨了H5界面设计原则与方法。按此设计原则,从设计范畴对移动设备的适配性、可视化图标、图形、框架与传播内容的一致性、用户行为与交互反馈的耦合性提出优化设计与策略。并从用户体验的角度,对H5的传播界面版式设计运用案例进行了剖析。随着移动互联网技术及5G技术的发展,为以H5技术为构架,传播为目标的自媒体应用的出现提供了新的契机。目前,H5架构的传播应用(以下简称“H5应用”)界面设计存在版面信息杂乱、内容弱、交互线上体验差等问题,导致使用率低,严重影响了H5移动应用的传播效率。因此,在充分了解H5的技术特点的基础上对交互设计方法和策略的优化,从而改善用户体验方式,是必要的。一、H5传播交互分类与特征目前,H5应用主要包括邀请函、招聘、新闻等传播需求和游戏、故事、视频等娱乐需求两大类移动应用。主要包括人与人交互、人与机器交互、机器与机器交互三种关系。交互本质是表达和交流人的不同思想和意愿。而交互设计主要是指基于用户需求制定信息构架、基于用户行为设计交互方式、通过界面框架与图形风格表达交互形式的设计创作过程。(一)视听交互在H5应用中,交互性可以确保不同媒介之间形成良好的融合关系。影音作为一种常用的信息形式,可以实时地调整和设置内容。H5应用界面具有动态运动画面的设计,可以提高交互行为的实时性,同步用户对反馈内容的理解。通过将音频添加到H5应用中,便于后期多模态的信息呈现,从而提高运用场景的真实感与沉浸感,使得用户达到增强的视听体验。(二)触感识别多点触控是目前屏幕设备主要的交互方式。在H5应用中,采用多点触控,并设计其交互规则是必需的。多点触控的设计可以使用户获取反馈的行为更加直观。如,滑动、点击等手势对应的操作功能。主要包括按钮的单击、双击(触发);单指多向滑动(导航);双指间的内滑与外滑(缩放)。简单而一致的交互规则的建立,可以提高H5界面的可用性与易用性,降低用户体验过程中的认知负担。(三)多屏显示多屏显示可以让我们分屏幕显示内容。根据需要,在每个屏幕上显示不同的内容或多个屏幕上分配图像、视频和动画等不同元素。特别适合于多人协作的应用。多屏交互方式可以有效地突破传统通信方式的局限性,安全、可靠地传输和接收综合媒体业务内容。二、H5传播交互界面设计(一)H5传播交互界面设计原则1.操作方便...