用户体验和UI设计

UI是在软件生命周期中对界面操作性、可视化的整体设计。良好的UI不仅在网站开发，系统开发，甚至移动应用市场都备受用户的青睐，还让软件的操作变得舒适、简单、自由，带来更多的经济价值。接触到这些论文之前，我认为UI就是通过与用户交流，加以合理的构图，和谐的颜色搭配，但是从这些国内外优秀文章中，开始系统的了解，软件的生命周期与UI设计的关系，UI设计的一些原理和实用技巧等。

 用户体验与界面设计

用户体验设计(User experience design )简称UXD，国内也简称UE设计，近来受到越来越多的关注。如HP, IBM, YAHOO, MICROSOFT、联想等企业先后成立了用户体验研究机构。近年来，用户体验研究在一些国际性大企业中越来越受重视，从心理学意义来分，界面可分为感觉和情感两个层次。界面设计是一个复杂的有不同学科参与的工程，认知心理学、美学、设计学、语言学等在此都扮演着重要的角色。在国外，界面设计人员称为:Information Architecture，信息建筑师。界面经历了传统意义上的物理界面到非物质界面的发展，界面设计也从狭义的图形界面(GUI)发展到广义的交互界面(UI)设计。在读到Donald Norman的《情感设计》一书中，我了解到界面不应仅仅停留在绚丽的美观的GUI图形化界面，如书中所言，界面的本质是交流，而要设计出与用户交互的软件界面，必须了解用户情感，Donald Norman在他的《情感设计》一书中将设计分三个层次：本能层(visceral)，行为层(behavior)，反思层(reflective)，所谓本能层，就是能给人带来感官刺激的活色声香。譬如说一个游戏，三维画面华美，一眼看上去让人感觉眩目多彩。这是游戏的本能层在起作用。而行为层，是指用户必须学习掌握技能，并使用技能去解决问题，并从这个动态过程中获得成就感和爽快感。反思层指的是由于前两个层次的作用，而在用户内心中产生的更深度的情感、意识、理解、个人经历、文化背景等种种交织在一起所造

成的影响。本能层关注的是外形，行为层关注的是操作，反思则关注的是印象和形象。对于传统的界面设计来说，本能水平的设计主要停留在图形界面设计(GUI )上，而交互设计是界面设计上升到行为水平的设计，主要关注界面与人的交互，即使用的乐趣和效率，以用户为中心的，把重点放在理解和满足真实使用产品的人的需要上。

 用户体验的界面设计流程----“设计一测试一评估一再设计”

(1)由研究用户和用户任务入手。首先应该找出用户是谁，并且研究他们的认知、行为等的特征。这就需要观察用户如何执行日常任务，研究用户任务的本质并且让用户参与设计过程。

(2)经验测量。在开发初期，应观察并分析用户如何使用场景描述、说明等。在开发后期，应观察、记录并分析用户如何与模型和原型相交互。

(3)迭代设计。如果在用户测试过程中发现问题，就应修改设计，并做进一步的测试和观察，检验修改的效果。这意味着设计和开发是迭代式的

通常，设计师采用人物角色来建立用户模型。而人物角色是为特定领域的产品定义不同用户种类的第一步，它试图在较高的层次上解决以下问题:

(1)哪些不同类别的人可能会使用这些产品?

(2)他们的需要和行为可能会怎样变化?

(3)需要研究哪些行为范围和环境类型?

通过综合考虑用户调研的结果、技术可行性、以及商业机会，交互设计师为设计的目标创建概念。如飞利浦公司为7至12岁的儿童设计移动式个人通信器，在概念设计阶段，设计组为产品目标设计了如下个概念:

(1)提供通信功能，鼓励儿童相互交往。

(2)激发创造性和想象力。

(3)应生动活泼，为儿童提供一些惊喜，增加趣味性、娱乐性使产品更具特色。

(4)保护个人隐私。

 Empathy与界面艺术化与用户体验

移情(Empathy)是近年来用户体验研究比较提倡的一个调研方法。Empathy意思是understanding or entering into another's feelings。就是说要自己通过某种方式亲身去体味别人的感受，这样就能得到别人的感受。举个例子假如要为盲人设计佐料盒子。我们可以设想出很多种有创意的设计，但是在做这些设计之前，我们应该先用布袋蒙上自己的眼睛，到厨房里摸索着炒个西红柿鸡蛋试试。这一点和我们日常开发中的需求分析中的某些过程很像，为了明确业务逻辑，往往最好的方法就是将自己想象成用户，完成一遍特定的操作，从中发现问题，这一点我认为既适用于UI设计者，也适用于软件工程师。

一般认为，美观，富有艺术感的界面让人看起来更赏心悦目，但美观性和易用性有时又存在着许多矛盾。如在网站界面设计中，为了增强其美观性，人们倾向于使用过多的色彩、声音和图像乃至动画而导致界面混杂，但事实上这不仅不能帮助用户寻找相关信息，

反而会分散用户的注意力，让用户反感。相反有些朴实的界面更受人欢迎，如Google搜索引擎主页，主要原因就是用户很容易发现应在屏幕的何处输入搜索内容。

 触摸屏界面中的一些设计原则

触摸屏从诞生之初先是用于军事领域，而后逐步走向民用。它极大的简化了计算机的使用，并目‘坚固耐用、反应速度快、节省空间和制作成本。现如今，触摸屏的应用范围非常广阔，主要包括:信息站、导航系统、业务查询机、银行自动取款机(ATM )、自动售票机等公共服务项目，移动电话、掌上仪器、土业控制、电子游戏、点歌点菜等等。将来，触摸屏还要走入家庭。

原则1：注重整体

通过长期的观察以及自身的使用体会发现，对不同的应用系统，用户界面程

序部分在逻辑上和处理方法上具有高度相似性。举个例子：Microsoft Word, Excel和PowerPoint三者虽然功能各不相同，一个是以文档制作为主，另两个分别是以表格制作和幻灯片制作为主，但三者的用户界面都有极大的相似性，当然这和三者都是同公司开发制作的软件并且都同属于软件界面的范畴有一定的关系。但相似的操作界面的确给用户的使用带来了极大的方便。如同前文所说，用户不

希望刚学会使用一种界面而又要花时间精力去学着使用另外一种界面。于是，个性化设计与整体设计之间的天平倾向了整体。

原则2：信息量最少

信息量最少其实指的是“让用户恰好找到所需的信息”，在信息量的安排上面做到了适中，如果需要表达的信息比较多，则可以进行归类然后分组处理，比如放置在子目录里或者用“More”来代替。如此这般，即不影响信息的正常传达又做到了信息量的最少化。在这方面一个极端的例子Google。在后台，Google的服务器收集网络上几乎所有的信息，以复杂的公式进行运算、排序，但对用户而言，我们只需要在它那个简洁的页面中输入一个或几个要搜索的词，就可以得到我们想要的。Google首页的设计师玛丽莎·梅耶(Marissa Mayer)这样阐释它的成功:“在你想要的时候，给你所要的，而不是给你所有你可能要的，甚至在你并不需要它的时候”。当然，Google的例子并不是说设计就应当是“少就是多”(Less is More)、追求所谓极简主义，而是说设计应当与功能匹配，在不影响操作的前提下做到信息量的最小化，为顾客创造好的用户体验。Google的成功与其强大的搜索性能有关，也与其简洁的首页界面有关，它的成功更由于它强大的功能和简洁界面是匹配的。针对“少就是多”，著名设计师米尔顿·格拉塞(Milton Glaser)曾说:“少不是多，恰恰够才是多”。无论如何，对于用户界面设计，世界知名的设计公司IDEO总经理汤姆·凯利(Tom Kelly)的句话值得记住:我们其实都在的寻找各自的“简单明了的界面”。

原则3：布局无障碍原则

为什么用户界面设计中要考虑布局的问题?因为界面上的内容和信息是通过界面布局而呈现在用户眼前的。布局的结构合理与否首先牵涉到信息传递的通畅性，其次也是一个很关键的美学概念。在用户界面设计中，可用性一直是强调的关键部分，但美学部分也从来没有说过要被忽视。按照认知心理学理论和眼动仪实验测下的大量数据反映，人们的视觉一般比较习惯接受“平衡”的东西，否则会产生不安全感。

原则4：界面一致性

隶属于同一触摸屏的应用程序之下的每一个界面风格不应该迥然不同。因为在不同的页面里，按钮出现的位置、布局格式、颜色的使用等都有关整体一致感。

用户每点击进入下一页，不应该犹如进入了不同的应用系统，产生走错房门的感觉。不管内页的功能如何变换，但给人的整体感觉应该一如既往。

 敏捷迭代开发与UI设计

持续集成是一种软件开发实践，即团队开发成员经常集成他们的工作，通常每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试)来验证，从而尽快地发现集成错误。许多团队发现这个过程可以大大减少集成的问题，让团队能够更快的开发内聚的软件。这个过程中的UI设计又是怎样的呢，很多敏捷项目需要用户交互（UI）设计，但整合到敏捷开发的UI设计不能很好地理解。报告真正的敏捷项目，涉及大量的UI设计上有了质的扎根理论的研究。从我们的研究的主要结果是，敏捷迭代有利于可用性测试，让软件开发人员可以将这些测试的结果，为后续的迭代中，最重要的是，可以显着提高产品质量的UI设计人员和软件开发人员之间的关系。这篇文章中使用的方法主要是访问，也就是采访，对于每一个团队，我们采访了双方的人，即采访了集中在用户交互设计的人和集中于编程的人员。访谈录音转录细节。所有的受访者被要求验证其录音。采访中转录第一次使用的方法被称为开放编码进行了分析。此方法的第一步是在接地的理论分析，并用于识别的不同类别中存在数据。我们然后进行轴向的编码，其中在各类别之间的关系，建立，然后开始建立我们发现在访谈中发现的结构。

举一个具体项目的例子来说明：

P1，基于网络的开发和销售软件，支持IT经理和开发的专业人士。总部设在美国，这是一个XP团队由10个工程师和产品经理/用户界面designer。涉及现有软件的新版本，在前期，UI设计师有做任何整体的UI设计，他们的UI设计师必须俱备只为下一次迭代的UI设计，有时在也未来的版本，在版本发行前，用户故事和UI应该是很充实的，为了获得高水平的估算，来避免这些活动耽误开发进程，据了解，UI可以而且应该在开发过程中改变。开发团队和UI设计师讨论，所以无论是UI设计师和开发团队都了解UI设计是如何工作变化的，。总体而言，开发商有重大投入UI设计。当时的UI设计的思路进行了交流。那么交互设计师通过UI和用户的故事整个开发团队，确保开发人员理解用户界面，并再次开发者的反馈和讨论有时会导致变化的UI设计。接下来，在迭代计划会议上，开发商和UI设计师进一步的讨论UI产品经理/用户界面设计师将作为这支队的UI设计师贯穿整个过程，UI设计师，工程经理项目经理决定哪一张卡将进入一个迭代。然后卡由一对程序员实现，一旦他们已完成，该卡将准备被接受。在测试期间，测试团队手动的走一遍UI特点，在一个屏幕上和实际应用投射在另一个屏幕上并排队的HTML模型预测。在UI迭代设计和实施，总考虑到目标或隐喻，It was seen as a waste of time to design too far ahead。

 Methodology of User Interfaces Design Based On Android

目前的研究大部分是讨论基于安卓平台的软件应用程序的实现，只有有限的UI研究是从整个项目的不同发展阶段的角度来看。本文中讲到了手持设备的UI规范有哪些和有效地提高工作效率的Android UI的设计。操作系统支持这些设备的应用显得尤为重要。凭借其显着的谷歌Android的开放源码的特性，已经吸引了越来越多的开发者。

目前，用户不仅期望，手持设备具有强大的应用程序，同时也有友好的用户界面。需求分析重点在于产品的方向和目标, 产品设计指示，但不干预的要求。设计是一门艺术，脱离现实，但是他要受到需要限定和指导。社会和行业的动态，应该是的产品需求分析师

第一优先的. 随着3G时代的到来，手持设备尤其是智能手机已经逐渐成为市场主流，智能手机用户增长迅速，各大厂商都在努力控制市场。3G带来了许多新的功能，手持设备，如超大触摸屏，可视电话，手机电视，高速互联网浏览。经过深入调查和分析，需求分析师可以准确地定义目标用户。该中心的需求分析主要是围绕“目标用户”, 密切关注目标用户的特征，情绪，生活习惯，心理，需求等， 针对同类产品的优点和缺点收集用户意见，以听取目标用户的实际需求，并借鉴其他产品的长处，以抵消弱点。这也是一个不错的UI设计指南。

如果需求分析和任务分解的目的是“分析问题”，UI设计是“解决问题”。以下是我从文中学习到的UI中适用于android设备的设计原则

a) Focus on the user

Fully aware of your user 充分理解你的用户

Design mentality of giving priority to the user用户优先的设计思路

b) Display correctly 正确的显示

The most common operation needs to be clearly seen and available by user. 那 些最常见的操作需要清楚的对用户可见，可用。

Move the less commonly used functionality to the menu. 不太常用的功能移入

菜单

c) Make appropriate feedback to user进行适当的用户反馈

Interactive UI elements need to reflect at least four different states. Ensure that

the result of the operation is clearly visible 互动式UI元素应该至少反映四种 不

同的状态。确保该操作的结果，是清晰可见的。

Give the users more tips of the progress , but do not to interfere with their

operations 给用户更多的进度提示，但不要干涉他们的业务

d) Rule-based behavior mode 以规则为基础的行为模式

Behavior mode follow the user’s expectations

Use appropriate actions to strengthen function visibility

e) Tolerate errors 容差

在Android平台上，软件工程师使用View和ViewGroup节点树的形式定义一个Activity的UI，如下图所示。树可以是简单或复杂的应用需要，它可以建立使用Android的一套预定义的部件和布局，或您自己创建的自定义视图类型。例如：根据下图中所示的图形用户界面，可扩展的UI树的财产绘图应用程序的Android智能手机。

 人机交互设计中的手机UI设计原则

在美丽易用的设计上进行少量投入将会获得巨大的产出 , 手机界面的设计标准化可以带来很好的交互效果。UI是由系统人员和产品组成，人和产品完成信息的传递和交换。 UI设计标准指的是软件人机交互，逻辑操作，界面美观设计。目前用户体验还停留在大多数简单的图像 ,而如今，软件在激烈的市场竞争中拥有强大的功能还远远不够，想想看

iPhone，就凭借其独特的手机应用程序设计优势和丰富新颖的用户体验，使得手机进入智能，适用，高效的时代。很多人认为软件的核心是技术，UI仅是一小部分; 由于计算机硬件的限制，过去，编码成为软件设计的代名词，美观亲和的图形界面和合理利用的互动不够，其实这是软件的软件程序，而不是软件产品。

软件的需求设计特点，将会确定目标用户，最终用户和直接用户的需求 ，用户的交互考虑不同的目标用户交互设计重点也有所不同。例如，有些用户必须被设计为老人，有的前端是为青年和活力派设计，一些男性部分现代白领，成熟的设计，大气一些等等。 这种交互习惯通常来源于独特的交互过程，现存的软件工具. 当然通过调查分析，发现用户流向，例如年轻人选择酷酷的，老年人选择简单的动画。软件响应于用户动作和一组规则，提示用户的反馈意见，并引导用户需求，用户在未来的操作。 软件组件，有几个不同的部分设计的目标之间的相互作用需要符合。如果使用手机作为主要的目标用户的用户操作，为了简化了界面设计目标，逻辑实现的目标，而不是局部的软件。交互元素是用户交互的表现 如何确定统一的的外观元素还没有特别的定义 因此需要获得目标用户的反馈

一些有用原则：

 结构设计：

定义缩写词第一次在文本中使用它们，即使他们已定义的抽象 ， 不要使用缩写，除非他们在标题或头是不可避免的 通过研究和分析用户的任务 的定义和逻辑的话用户很容易理解和操作的重要前提。. 如果西门子移动报警输入“纪念品”，让用户很难找到。 完整的界面效果的一致性，手机软件上运行的操作系统软件环境，应根据应用的平台，这有利于产品外观的整合的整体风格设计的接口。

 交互设计：

任何产品功能的实现是人与机器的互动， 人的因素应该是设计的核心

 视觉设计

基于参考目标组的结构设计达到了心理模型和视觉设计的任务 赏心悦目的设计往往能满足用户的目的 . 颜色和内容。总体来说，软件是不超过五种颜色，尽量少用红，绿。美学与协调的原则。交互是审美观的尺度，手感舒适，协调，可以有效的吸引用户的关注范围内。 , 字体大小成比例的大小以合理的协调的协调和接口，前景和背景颜色，对比度不应该太大， 最好用较深的颜色，如红，绿，如此之大。如果您使用其他颜色，主色调要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。

 专用交互图标

软件图标按钮是基于他们的应用程序命令集,每个图形内容的地图是一个目标的行动，目标运动的图标的化身，它应该有一个强大的表现的, 生产的过程中，选择具有典型行业特点的图标，以帮助用户识别，便于操作。图标的图形创作也不能太麻烦，以适应手机本身一个小的屏幕区域，生产尽可能多，可以考虑使用像素图，以确保清晰的图像质量，如果三维界面的出现，有效像素提升图标的层次感。

 界面颜色个性化

相反的心理状态，可以接受不同的颜色是不同的 改变的东西能引起人们的注意，界面设计，颜色个性化，目的是协调的颜色用户的心理转变 。