移动交互界面创新设计方法与发展趋势研究

周彦鹏

天津理工大学中环信息学院

移动交互界面创新设计方法与发展趋势研究

周彦鹏

天津理工大学中环信息学院

本文通过对移动交互界面设计的发展现状进行分析，梳理并明确了移动交互界面创新设计的方法，确定了设计步骤。然后围绕设计思想的新发展、设计内容的新发展和用户行为的新发展几个角度，对移动交互界面的发展趋势进行了深入研究。

交互界面设计；设计方法；用户行为；发展趋势

设计并不是对象的简单排列组合，而是通过简化、明确、修饰等手法，使之有说服性、有趣味性、有实用性。人机交互界面设计涉及到社会学、心理学、工程学科等诸多领域的知识，交互界面设计师应该掌握设计心理学、人机工程学、价值工程学等学科领域的知识，需要与各领域的专家学者交流合作，掌握得当的创新设计方法，并且把握住用户界面的创新发展趋势，为用户创建简洁有效、易用、易识别、技法新颖、自由愉悦、个性多元的用户界面。

1 发展现状分析

伴随着“互联网+”的发展，移动互联网近两年得到了飞速的发展，出现了大量的移动应用，而移动应用的设计水平参差不齐，没有统一的设计思路和设计规范。针对此情况，本文明确提出移动交互界面的创新设计方法，意在规范设计流程。为了让移动交互界面的设计符合时代的发展，符合大众使用的习惯，有必要对交互界面设计的发展趋势进行研究，意在预测并引导设计潮流。

2 移动交互界面创新设计方法

2.1 设计调研

任何人机交互界面的设计，都要考虑到用户的广泛性，因此，需要通过设计调研，确定目标人群，根据不同用户的认知能力确定界面的设计方向。人有性别、年龄、受教育程度等区别，人机界面设计力求把握普适性原则。通过问卷调查、随机采访或者实地实验的方式，了解用户的使用动机、对于界面的关注重点、有无类似产品的使用经验、用户的使用习惯、用户的偏好等。将调查结果形成用户认知问题列表。

2.2 确定交互流程

将第一阶段得到的问题列表进行分类，对需要解决的问题进行任务分类，进而确定任务的执行顺序。绘制出流程图，流程设计要符合交互逻辑，确定交互流程。

2.3 制定设计方案

根据第二阶段绘制的流程图，制作详细的设计方案，细化每一项任务的实现过程。设计方案通常以文档的形式呈现，包括整体架构设计、界面布局设计、界面主体元素、任务实现流程等。

2.4 设计实施

（1）色彩设计，不同的色彩搭配会带来不同的外观效果，也会影响到用户的使用心理，因此要考虑色彩搭配的合理性，力求简洁明快，使用尽量少的色彩，以突出主要内容为目的，不喧宾夺主。

（2）文字设计，文字设计要把握住其易识别的特点。文字可以直书达意，可以直接传播信息。在界面设计中，文字的设计数量不宜过多，要做到言简意赅。文字必须清晰易读，大小合适，文字的颜色与背景的颜色要有明显区分，以最易读的形式进行搭配，比如蓝底白字，黄底黑字等形式，避免绿底红字，黄底绿字等形式。

（3）构图设计，人机交互界面中构图的设计，要突出主体，把主要的内容放到显眼的位置，区域尽可能大，放置合适的图片来表达内容，图片包括的信息量大，而且简单直观，一般的用户都可以看懂，再配合上合理的文字说明，图文并排的形式，可以清晰明了的表达出要传递的信息。

（4）动画设计，在人机交互界面中融入生动的动画，可以使界面更加有趣，也会让用户直观看到内容的流程变化，可以更加清晰的表情达意。比如转场动画设计、按钮动画设计等。

2.5 设计评价

设计评价即通过用户的使用，来验证系统设计方案的优劣，反馈系统的用户体验满意度。好的人机交互界面设计更加注重对用户需求的研究，永远站在用户的角度看待问题，分析问题并解决问题。优先考虑系统的功能，再考虑实现的形式。注重简洁的设计，提倡极简式设计，摒弃冗余的设计。用户界面布局具有逻辑性，要符合用户的思维习惯，界面的布局要具有启示性和引导性，帮助用户快速解决问题。用户界面风格保持一致，界面上面的图标、配色、排版样式等要保持一致，减少用户因为记错而引发问题。

3 移动交互界面发展趋势研究

3.1 设计思想的新发展

用户界面向半扁平化设计方向发展，避免使用冗余的视觉元素模拟某种形态，使用简洁的图标，运用适当的隐喻，赋予界面情感，便于用户理解界面的信息，掌握界面的使用方法，为用户带来良好视觉感受的同时，带给用户良好的情感体验。

更加注重以人为本，好的设计必然是以人为本的设计，主动适应用户的使用习惯，提倡自由愉悦的情感体验，做到“无意识设计”，设计考虑的出发点是一切以用户的需求为基准，深化产品细节设计，做到个性化多元化的定制体验，让用户顺畅使用，而不感到设计本身做作的存在。

遵从用户操作习惯，发展新的视觉语言，力求视觉上清晰、简单的设计。在基本元素的处理上，借鉴传统的平面设计规范，比如排版、空间、比例、配色、图像使用等。在这些设计基础上下功夫，不但可以愉悦用户，而且能够构建出视觉层次、视觉含义以及视觉焦点。精心选择色彩、图像、以及选择合乎比例的字体、留白，力求构建出鲜明的、形象的用户界面，视觉层次更加简洁，设计更加朴素。界面风格高度一致，用户沉浸其中减少误识别。

3.2 设计内容的新发展

设计形式服务于功能，设计的形式可能会改变，设计的功能永远是许多新鲜和令人兴奋的体验的核心内容。

易识别的文字，文字的设计力求简洁实用，朴素大方。简洁的本质是追求精神上的简单放松，使人感到自然舒适，要避免过度设计。使用尽量少的字体尺寸和样式，要保证文字能够与布局结构和谐并存，过多的字体尺寸和样式会破坏界面的整体布局。力求使一般应用场合中的文字尺寸和样式，能够在内容表达和阅读舒适度方面取得平衡，让文字的设计获得用户的认可。

在色彩的设计方面，从当代建筑、路标、彩绘等艺术形式中获取灵感，进而引发出大胆的颜色表达，使界面的色彩设计与单调乏味的周边环境形成鲜明的对比。而且强调大胆的使用阴影和高光，设计出意想不到且充满活力的颜色。

系统图标的设计必须创造出简洁有效的视觉体验。图标必须做到形式上的极简设计，使用最本质的形式诠释理念。确保图标在小尺寸情况下的可读性和明晰性。多多采用几何形状、对称一致的图标，清晰直观的表情达意。

虚拟现实，增强现实等新技术的发展，使交互形式从单一低维通道向多向高维通道发展，新技术的发展将会对现在的交互设计思想产生很大的影响。伴随着新媒体的发展，拓展了交互界面的应用场景，比如健康医疗、智能手表、车载系统等，这样就扩大了交互界面的开发范围。另外，随着时代的发展，要更加关怀特殊群体，让特殊群体的人同样能够分享到新技术的发展成果，要大力发展移动媒体的无障碍设计。

拆解移动应用的内容，降低操作界面的复杂程度，将复杂的界面拆解为多层次递进的形式，这样也可以把不同的功能进行划分，使功能区分更加明确，操作更加便捷。在跨平台的设计中要使用相同的视觉元素、结构网格和整体的边距规则，在不同尺寸的屏幕上保证应用有一致的风格和体验。风格一致的结构和视觉形式，能够让用户获得良好舒适的体验。

3.3 用户行为的新发展

根据用户的行为，凸显核心功能，进而为用户提供操作指引。简化输入操作，让用户多做选择动作，少做输入动作，删减复杂的输入控件，尽量减轻用户浏览内容的工作量，拉近与用户的距离，提高用户的体验。

设计更加清晰新颖的交互逻辑，以用户的使用语境、行为模式和认知心理为出发点，设计出逻辑性更强，交互过程更加流畅的界面，使用户能与界面完成自然顺畅的信息交流。

[1]覃京燕.大数据时代的大交互设计[J].包装工程,2015,36（8）.

[2]孙辛欣,靳文奎.移动应用中的情感交互设计研究[J].包装工程,2014,35（14）.

[3]张婷.人机交互界面设计在产品可用性中的应用研究[J].包装工程,2014,35（20）.

[4]林嘉怡.大数据时代移动终端界面设计创新趋势研究[J].包装工程,2017,38（2）.

周彦鹏，男，硕士学位，现为天津理工大学中环信息学院讲师，主要研究方向：用户界面设计、数字媒体。