浅谈项目设计中的移动UUII设计

张鹏

北京信息科技大学



浅谈项目设计中的移动UUII设计

张鹏

北京信息科技大学

摘要：要想做一个软件的图形界面设计之前一定要想明白一个问题，就是这个软件做什么的，支持什么活动，解决什么问题，能提供什么价值。而且一定要明白用户喜欢什么样的操作，讨厌什么样的操作。所以，一定要研究你的用户，研究用户的任务，观念。考虑功能，最后才是界面。不要让用户做不自然的事。

1　uuii概述

UI 即是User Interface，其中包括所有人(User)与机器(Machine)打交道用的界面接口(Interface)。因此，如果你去设计一个起重机的操作面板、汽车仪表盘、电视摇控器，都可以称为UI Design，他是工业设计中的一个术语。GUI 是Graphical User Interface的缩写。是指在计算机(computing)出现后，在屏幕上使用图形界面来帮助(User)与机器(Machine)打交道用的界面接口(Interface)，泛指在计算机上所做的界面设计。他们之间非常形象化的理解就是“遥控器属于UI但是不属于GUI。”

1.1UUII特性

UI是一种结合计算机科学、美学、心理学、行为学以及各商业领域需求分析的人机系统工程。它强调人、机、环境三者合为一个系统的设计，用户界面的设计将直接影响软件的市场。

界面是用户使用软件的第一个窗口，所以用户界面的设计是开发中重要的一个环节。

对于软件来说，用户界面是面向用户的。用户需要的是开发者开发的软件满足用户自己的需求，并且易于操作、界面简洁。用户界面设计走到今天经过千锤百炼，要想做到易于操作而且脱颖而出可谓是难于登天。太多的开发人员以为自己是艺术天才，不遵循用户界面设计的标准去做产品。他们错误的认为使用一套复杂的颜色的方案或繁琐的操作能够征服使用者。结果往往是适得其反。好的软件是用户不用阅读用户手册或接受培训就能应用的应用软件。这一点得益于软件界面设计的人性化。

1.2Ui之与运用关系

我们做一个软件就好比要盖一座房子。为了面朝大海，春暖花开；房前的小径如何方便进出增加人们交往与偶遇的机会，房间的格局如何让大人小孩都能各得其乐，窗户朝向如何布局来增加光照，这一切都是交互设计要考虑进去的问题。朋友中有个笑话，说一个交互设计师朋友去人家里做客，几句话之后，开始评价人家的灯和开关设计是否合理的问题。其实这中间体现的是一种信息架构、交互流程的问题。

房子的外观看起来什么样，营造出什么样的视觉体验，地板和门应该是什么颜色才能显得高端大气，这是视觉设计要考虑的问题，布局、色彩、图标等等。一座房子和人发生关联的部分就是界面。即是User Interface就是用户界面。显然，这样的接口需要交互和视觉的共同支持。

有人经常会问：“交互设计和视觉设计是完全独立的么？”答案是否定的。

盖房子是个系统工程，交互和视觉都是其中一部分。交互设计师心中要有视觉映像，视觉设计师头脑中要有流程和架构，越是资深的设计师，这两方面越是融合在一起，因为，原本的目的就是要盖房子。我们的本质是盖出一所结实耐用的房子，不是华而不实的棚子。所以交互和视觉越是融合的密不透风越是精妙绝伦，所以说他是完全独立的说法是不对的。现实中开发人员来说不要舍本逐末，为了华丽而放弃使用本身。我们要在保证实用前提下在为其搭建漂亮的外衣。

2　移动ui设计

移动UI是UI的一个分支，移动UI设计是可移动的操作操作系统和其UI设计的人机交互、操作逻辑、界面美观的整体设计。置身于操作系统中人机交互的窗口，设计界面必须基于操作系统的物理特性和软件应用特性进行合理的设计。好的移动UI设计不仅能让软件变得有个性有品位，还能让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

2.1移动ui设计细节

移动UI设计的特点是“小巧轻便”及“通信便捷”，这两个特点决定了移动UI设计与其他UI设计的不同。以下给出的是实际移动UI设计中不可忽略的几个的设计细节：

2.1.1尽量减少文字的输入

因为移动端在输入的低效性，在设计的过程中，应尽量减少用户的输入，如果可能设为可选项，让用户选择。

2.1.2结构合理，逻辑清晰

由于手机屏幕相对较小，只能展示较少的信息量。只能有清晰的信息架构。

2.1.3考虑移动端操作方式

考虑单手操作问题，要方便手势翻页，能否单手操作完成。

2.1.4考虑APP UI的操作方式与操作系统兼容现在移动端的操作系统主要有window，Android，iPhonnee OOSS

这几款主流操作系统占有巨大的市场份额，要充分考虑到和操作系统的兼容性问题。

2.1.5考虑触摸的问题现在的移动端大多数都是触摸屏，所以设计时要充分考虑

坚持为触摸而设计的理念。

2.1.6流畅性、响应性考虑到应用交互的手势的流畅性，及反馈用户的响应速度

例如：一款计算软件要3秒计算完结果并输出，但是在这3秒内并无任何反馈。在这3秒内用户不知道自己是否完成操作，而处于一种不安的状态下。而另一款要6秒才能计算完，可是它却在下一秒马上反馈用户让用户等待。这两种情况用的情绪是不一样的，第二种的做法对用户更友好。

2.1.7考虑中断问题考虑应用的使用情景，确保在被中断的情况下，能让用户恢复之前的操作，保留用户劳动的付出

2.2移动ui设计总述

一个软件，特别是对于应用软件来说，界面不需要太华丽。过于华丽的界面容易使人视觉疲劳，让人心烦气躁，把注意力过多的集中在花哨的图案和颜色上，反而影响软件的可信度和实用性。因此，界面设计的需要合理布局和友好的界面将会为软件加分不少。要注意整合相似的功能，避免零碎UI；明确适用人群而不是所用用户；用直接操作代替多个菜单。

要想做一个软件的图形界面设计之前一定要想明白一个问题，就是这个软件做什么的，支持什么活动，解决什么问题，能提供什么价值。而且一定要明白用户喜欢什么样的操作，讨厌什么样的操作。所以，一定要研究你的用户，研究用户的任务，观念。考虑功能，最后才是界面。不要让用户做不自然的事，比如玩纸牌的时候需要翻页。不要影响用户，界面要促进学习，采用习惯的用法及模式。传递给用户的是信息，而不是一推数据。要具有良好的响应性，比起提高速度，成本低很重要。

界面布局一定要注意用户注意力问题。用户的注意力一般集中在光标闪烁周围的一小块地方，重要信息，或者提示信息不能跑太远（顶部或者底部），注意力以外的地方很难被用户观察到。要建立视觉层次结构，有逻辑关联。采用高亮显示重要信息时候，在显示完毕，获取注意后，要及时取消高亮效果，以免造成视觉干扰，获取不到其他的信息。不要显示很多雷同信息，不然信息会被淹没。总而言之，交互设计的初衷是让用户更便捷的使用产品。

程序响应性要注意，冗长的操作要有真实的进度操作，而不是虚假的。要让用户有可以停止的权力，防止用户陷入无限的等待。不要给用户提前加载不完全界面，哪怕只是几秒，不要给用户自己的设备不能完美兼容这个产品的错觉。

2.3移动UI设计的几个重要原则

2.3.1不能偏离用户的任务

不能让用户像程序员一样思考，要明白程序员花几个小时的目的是让用户用几分钟的产品解决自己花几个小时，甚至更长时间还有可能解决不了的事情。不要增加学习成本。用户至上。

2.3.2减少不必要的操作

我们要不怕繁琐的为用户减少操作。要学会记录用户输入的东西，避免再次输入。要记住登录只能有一次，但你可以多次授权。只让用户输入必要的信息，其他信息然用户自己高兴的时候自己输入，你可以适当的给一些奖励。但记住必要信息要和其他信息分开。不要让用户做出一些废弃的选择。不要让用户记忆东西，重要的说明，图片，步骤要一直显示，别指望用户记住它。

2.3.3要让用户掌握控制权。要让用户有拒绝和选择的权利。

2.3.4要注意权衡要权衡各个设计的统一性，权衡中要记住人的需求总是优先于技术。

3　结语

整个移动UI的设计原则都是本着一条“用户至上的原则”，所有的运用都是为了设计出来给用户用的。只有那些能够轻松的解决用户痛点的设计才是完美的设计。这就是UI设计当中最重要的用户原则。最后的总结是UI设计不一定是要你有多高的美学天赋多么强大的功能设计理念，而是要你能善于分析。你要能分析清楚你的用户的群体，用户的需求，用户的理念，要做到以用户为本。如果你在UI设计上做的不好，不一定是你的美学的天赋不够高，也可能不是你的功能模块建设的不够周全，更有可能是你不善于分析你的用户。美学素养可以靠后期培养，你的分析能力也是可以靠后天培养的。

参考书籍

[1]《UI黄金设计法则：触动人心的100种用户界面》拉杰.拉尔中国青年出版社。

[2]《影视特效在视觉设计中数字化运用研究》余晓妮常州大学。

[3]《信息界面中UI设计的优化研究》方一平华东师范大学。

[4]《社交化电子阅读软件UI设计》柏鹰广西师范大学。

鸣谢

特别鸣谢北京信息科技大学2015年人才培养质量提高经费（财务编号）支持

特别鸣谢朝阳区健翔桥家乐福肯德基餐厅对项目需求的提示完善和后期系统测试的帮助

特别鸣谢北京信息科技大学大学生科技创新组对本次创新项目的经费支出和工作引导

特别鸣谢徐莉老师对本次项目开发的细心指导以及论文修改各方面的全面负责

特别鸣谢周文猛，唐朝，刘占奇，高安诺几位组员对本次开发项目的支持和共同奋斗