浅谈移动应用软件操作界面中的交互设计

蔡伟

摘 要：近年来，移动终端设备的快速发展为人们的生活、工作带来了极大的便利，相应的移动应用软件设计和开发也日益受到广泛的关注。狭义地说，移动应用软件的功能基本是围绕交互展开的，在相应的软件操作界面设计上，除了满足一定的功能需求之外，还要符合以人为本的理念，通过科学的设计理念和表达形式，更好地突出内容的传播功能，在有限的展示空间内实现更合理的操作。本文将结合移动终端的应用软件操作界面设计进行研究，并提出相应的方案。

关键词：移动终端；应用软件；操作界面；交互设计

移动应用软件界面的设计是以移动终端为基础展开的，在设计的过程中需要做好前期的规划工作，即原型图的准备。同时，软件界面设计不仅仅是形象的表达，而且需要支持硬件环境以及现实需求，可以通过手绘的方式实现原型图的构建，进而移植到设计软件层面，具体工作包括着色、风格等内容，切图工作则是与软件开发人员共同完成的。

1 移动应用软件操作界面交互设计概述

移动终端的快速发展改变了人类的生活，以智能手机为代表的终端产品同时也刺激了相应软件平台的发展。事实上，人类对移动设备的依赖已经越来越强，以智能手机为例，它不仅是生活、学习的必备品，甚至使用智能手机已经成为一种生活习惯。通过移动设备可以在上网及时了解信息，随时娱乐休闲，比传统的有线网络具有更大的便捷性，而要实现这些功能，基于移动终端的软件产品是不可或缺的。目前，市场上已经存在大量的APP应用，这些软件产品要实现功能，其中一个最主要的问题就是展开软件界面的交互设计。

主流的移动设备操作系统，如安卓、iOS等，为软件界面设计提供了很好的技术平台。交互设计的目的是更加实用、易用，实现传统文字、语音的交互创新和扩充。对电脑、电视等设备来说，移动终端设备的特点是小巧、便捷，但这同时也是它的局限性。由于设备较小，在功能方面的限制就多，通常只有一个显示屏幕，通过输入机制来实现信息的访问；虽然在智能手机的应用中基本实现了触屏方式，可以大大解决传统手机键盘的空间，但这并没有本质上的变化；移动应用软件操作界面的交互设计更关注内容和内涵的研究，而不仅是形式的变化；界面设计被称为“UI设计”，UI设计是一种基于信息技术发展的生产形式，旨在通过改变人机交互、操作逻辑和界面美观等内容之间的融合，促使软件变得更加人性化、个性化。

2 移动应用软件操作界面交互设计的原则

2.1 内容优先原则

移动应用软件在早期的交互页面设计中缺乏合理性，甚至将网页内容直接转移到移动终端。很明显，对智能手机等移动终端来说，这种方式很难发挥交互功能。基于“移动性”的需求，移动终端设备的尺寸都不大，因此界面交互设计应以内容为核心。

内容是用户的基本需求。事实上，移动终端软件的全部功能都是以内容为基础展开的，交互的目的同样是为了实现内容的获取。为了更好地利用屏幕资源，对传统网页形式进行生搬硬套的移植是不可取的，在移动应用交互设计的过程中需要对内容呈现的方式、途径等进行重新组合。内容优先，简单地说就是以用户熟悉的维度来组织内容展示，这样既可以保障用户习惯应用的延续，又可以提高效率，更快、更方便地找到目标。基于此，在设计中要尽量减少与内容无关的要素，如精简导航、装饰等，促使内容更加简洁。

2.2 触摸基础原则

在传统的计算机操作范围，交互主要是通过鼠标和键盘来完成的，而在移动终端设备中这种方式不具备基本条件，主要依赖于手指的操作。而结合当前移动终端发展的现状，触摸屏已经成为基本形式，手势操作的适应性优劣直接影响了交互的自然性、灵活性，但同时也存在一定的缺陷，如识别较差、操作精度不高等。因此，在移动终端软件交互设计的过程中应重点结合触摸功能展开，以信息架构为基础，以功能实现为目的，建立起手势交互规范。基于移动应用的软件交互设计提出了一个全新的设计概念，即“手势交互规范”，它研究的主要是实现统一性（功能实现方面），使用户在任何移动终端软件操作界面上不需要额外学习，都可以自主正确地催生手势，并实现交互的功能。很显然，手势教育本身并不是硬性规定的，而是通过软件操作界面交互设计的形式来“限制”的。

例如，移动应用软件操作界面中的导航菜单，为了实现屏幕资源的最佳利用需要进行隐藏，手势向下滑动或点击，层级导航出现，向上滑动，菜单收回。另外，如删除操作，通过简单的“拖动”形式到达一定的功能区域，具有一定的形象性。

2.3 易学易用原则

作为最典型的移动终端设备，智能手机已经成为人人必备的通信工具。移动终端产品不仅具有简单的电话功能，而且在日常学习、工作中给人们带来了很大的便利，如各类APP软件的开发，使人们摆脱了室内空间的限制，可以在户外进行同等效果的操作。但是相应的，基于其先进性，目前大部分智能移动终端都被视为年轻人的玩具，依然有在操作方面存在困難的人群。事实上，对移动应用产品而言，在操作界面的交互设计上提倡的是简单、直接的操作形式，能减少操作步骤就要尽量减少，更加突出地彰显产品的目标和价值，使用户在不需要看任何使用手册、使用说明的前提下，通过尝试摸索就能快速上手。实现易学、易用原则的前提，就是保障导航设计的清晰、明确和便于理解，简单地说，就是功能越简单，软件操作界面交互性的优势就越突出。

3 移动应用软件操作界面交互设计的方案

3.1 原型图设计

原型图，即移动应用软件操作界面设计的框架图，是对一个产品的可视化呈现，在设计工作中展示出作品的功能、内容、架构和交互方式，其中交互内容的设计是联系其他部分的纽带。原型图是一种设想，前期来说与功能设计没有太多的联系，甚至只是一种风格或者色彩。通过原型图来征求意见，然后针对选择方案进行分析，最后设计人员和程序人员要相互配合，将视觉和功能展开统一。

原型图设计中可以使用手绘和鼠绘两种形式。专业的设计人员根据需求确定纸质原型，分解各部分的功能内容和特点，之后可以利用PS、fireworks、visio等工具进行切图。其中，纸张的原型图便于修改和绘制，能够很好地发挥创意作用，实现设计原型、示意图等功能，但相对地在应用和保存上存在缺陷。而低保真原型是通过制作软件实现的设计稿，具有示意明确的特点，能够很好地实现交互和反馈；高保真原型则是通过概念设计展示对象，在视觉上实现了实际产品的等效设计，具有很强的真实感，在很大程度上体现了设计师的审美能力以及技术人员交互实现的能力。

3.2 视觉效果设计

视觉效果设计，即对移动应用软件界面的最终静态设计图。虽然存在一定的概念特征，但其功能方面的结合基本完成。从功能角度来说，视觉设计并不是设计层面的进一步渲染和夸张，而是实现层面的有效展示，促使更加直观和易懂功能的发挥，高度模拟了真实的操作和交互，设计者基于这一情况来验证用户的感受。

结合当前主流的移动终端应用软件，操作界面与操作系统必须相适应，如安卓系统、iOS系統等。不同的操作系统部分构成了独具特色的视觉设计层次，主要有以下几种类型。

第一，交互意图。在设计过程中，设计师能否理解交互功能的内在本质，会影响交互意图的侧重和表达，需要参照目标群体心理模型以及交流形态展开设计。

第二，布局设计。移动应用软件操作界面中的版面布局规范十分重要，这是由于在有限的屏幕空间中实现交互功能更多的是以按钮交互的形式展开的。如果布局设计存在欠缺，很容易导致层次感的误差，在整体视觉感受上有凌乱的感觉。

第三，信噪比。基于交互方面的需求设计，整个操作界面要满足清晰、整洁、有序的特征，减少杂乱信息带来的干扰，有效突出信息的实用性。

第四，字体与色彩。字体和色彩是最具有表现力的元素。字体主要包括样式和颜色，而色彩则表示的是整个页面的风格和基调。无论是色彩还是字体，在形式变化上都不要超过3种，这样才能确保主体内容被有效识别。

除此之外，在整个设计中也要把握相关元素的使用，突出“画龙点睛”的作用即可，而不能“画蛇添足”，如在页面中具有装饰性质的内容，要严格控制数量、内容和风格，不能与主体框架产生冲突。

4 移动应用软件操作界面交互设计的发展趋势

移动终端的功能实现依赖于操作界面的交互设计，而内容的获取则依赖于移动终端网络。移动互联网的发展极大地丰富了人们的生活，而不仅仅是移动终端内置程序呈现的交互。因此，基于移动互联网展开移动应用软件操作界面的交互设计，将是未来一个重要的发展趋势。具体来说，主要包括如下2个方面。

第一，平滑特效。所谓“平滑特效”，就是一种平滑无缝的用户体验。应用程序交互功能的介入可以实现页面的切换、放大、缩小、滑动更加出色；事实上，“滑动”已经成为现代移动应用软件操作界面的主流“手势”，具有很大的开发空间。

第二，数据可视化。随着越来越多移动终端产品的出现，移动终端产品的功能也日渐统一起来。以智能手机为例，其发展轨迹就是在不断兼容其他领域设备的功能，并转化为自身适应的标准。无论是哪一种操作系统，在设计界面上的特征也越发趋同，而相应地促进数据的可视化就成为一个重要的趋势。数据可视化的一个特征就是表现力丰富，除了简单的数据表达形式之外，还包括图像、动画、数学公式等，可以更加轻松、快捷地获取。

5 结束语

总的来说，移动终端的应用将成为现代社会的一个主流趋势，这也意味着移动应用软件交互界面设计的发展空间更大。同时，虽然移动终端设备及移动应用软件的功能不可能完全替代常规的电子设备，但是实现了信息技术功能领域的细分。在设计的过程中，应该确保实用性、便捷性、合理性，遵循人性化的设计原则，逐步设计出一套移动应用软件交互设计的开发框架，在满足视觉要求的同时，发挥更好的交互功能，提高用户的体验度。

参考文献

[1]罗仕鉴，朱上上，应放天，等.手机界面中基于情境的用户体验设计[J].计算机集成制造系统，2010，（2）：239-248.

[2]顾立平.个性化交互设计的研究综述[J].现代图书情报技术，2010，（11）：10-16.

[3]孙鹏.基于触控手势操作的情境界面[J].包装工程，2014，（8）：96-100.

[4]孙辛欣.基于移动终端应用软件的动态交互设计研究[J].包装工程，2014，（22）：32-36.

[5]王晶，李亦芒.手持移动设备中基于手势的界面交互方式研究[J].艺术与设计（理论），2008，（2）：148-150.

[6]姬洪瑜，韩静华.扁平化设计在交互设计中的应用[J].包装工程，2015，（12）：91-94.

[7]吴俭涛，李蒙晓，王之苑.移动应用界面中动效设计的运用与探究[J].艺术与设计（理论），2015，（9）：40-42.

[8]杨焕，陈星海.移动应用界面的触控微交互体验设计研究[J].艺术教育，2015，（12）：250-251.