《04 软件外部设计》由会员分享，可在线阅读，更多相关《04 软件外部设计（41页珍藏版）》请在金锄头文库上搜索。
1、第4章 软件外部设计,交互设计,1,交互设计是面向最终用户的设计，是软件的外部设计，交互设计要求在研究技术问题的同时对人加以研究。用户是什么样的人？用户怎样学习与新的计算机系统交互？用户怎样解释系统产生的信息？用户对系统有那些期望？这些问题仅仅是需要在用户交互设计时必须询问和回答的部分问题。,2,4.1 交互设计概述,4.1.1交互设计的概念 先看一个电话银行的例子。用户拨通了电话银行的号码，出现语音提示： “您好，欢迎使用银行电话银行系统，1. 自动语音服务，2. 人工服务；” 用户按下1号键； “1. 个人银行服务，2. 公司银行服务，3. 银证通功能，4. 个人外汇买卖服务，5. 基金服
2、务，0. 退出；” 用户又按了1； “1. 存折户，2. 一卡通户，3. 个人信用卡户，4. 新旧卡号查询，0. 退出；” 用户按下了2号键； “请输入一卡通卡号，以#号结束；” 用户输入卡号，按#号键； “请输入查询密码，以#号结束；” 用户输入密码，按了#号键； ,3,上面是一次完全真实的电话银行服务记录，也就是一次真实的“交互”过程描述。交互，在这里指的是作为服务使用者的用户和作为服务提供者的电话银行系统之间的互动通信并交换信息的过程，有请求，有应答，需要双方参与。 在使用网站、软件、消费产品、各种服务的时候，使用过程中的感觉就是一种交互体验。随着网络和新技术的发展，各种新产品和交互方式
3、越来越多，人们也越来越重视对交互的体验。因此交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”交互设计。 从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进
4、行增强和扩充。,4,交互设计还涉及到多个学科，主要包括：人类工程学、人类感知学、心理学、软件工程学、信息处理学、市场行为学、工程学、行为学计算机科学、社会科学、人类学、工业设计、图形学、产品设计、美术设计、信息系统等。这些都是很专业的知识，没有哪一个人能够同时成为上述那些领域的专家，为了解决这种情况带来的问题，人们也想出一种办法，那就是跨学科小组协作，即把许多有着不同背景、受过不同专业训练的人员结合起来，共同参与产品设计。这样将会带来更多的构思，有助于开发新方法和提出更新颖、更富创意的设计。但这种协作也会带来很多问题。首先就是成本。如果是各行业的专家和带头人，那么成本会更高。其次，背景不同的人
5、员越多，成员之间的沟通和设计的进展也就越困难。因为不同背景的人，在观察和讨论同一个事物时会有不同的视角和方法。 通过对产品的界面和行为进行交互设计，让产品和它的使用者之间建立一种有机关系，从而可以有效达到使用者的目标，这就是交互设计的目的。随着人们学习、交流、工作和生活方式的多样化，交互设计的范围也越来越庞大，与各种学科相互交叉渗透，共同发展，相互之间的要求也更高。,5,4.1.2交互设计与界面设计,人们在界面设计方面已经有了一定的关注，然而，交互设计更加注重产品和使用者行为上的交互以及交互的过程，因此在电话银行系统的例子里，并没有可以触摸的可视界面，而它在交互方面的行为本质却完全表现出来了。
6、再比如电视机提供摇控器，使用户非常方便的进行频道选择，开关机，使得电视机非常容易操作。其中摇控器上都有个菜单按钮，用户点击菜单按钮，上面可以选择颜色、电视制式、音响效果等。电视机屏幕上有一个菜单图形界面，我们通过遥控器上的选择按钮和确定按钮来进行功能选择和确定，在选择和确定的过程中图形界面会发生变化，以表示我们选中还是没有选中。这一典型应用，大家都非常熟悉，那么电视机上的菜单图形界面，就是界面设计部分，而遥控器部分就是交互设计部分。 界面是一个静态的词，当进行界面设计的时候，我们关心的是界面本身，界面的组件、布局、风格，看它们是否能支撑有效的交互。但是，交互行为是界面约束的源头，当产品的交互行
7、为清清楚楚地定义出来时，对界面的要求也就更加清楚了，界面上（如果存在可视界面的话）的组件是为交互行为服务的，它可以更美，更抽象，更艺术化，但不可以为了任何理由破坏产品的交互行为。 界面设计就是在图形界面空间上，用界面组成要素形成一个。可以满足某种目的需要的界面；交互设计，就是通过图形界面的提示信息，进行选择和操作，最终完成某种目的行为。在计算机软件系统中，我们常见的一个一个窗口，就是界面设计的结果，而在窗口上的输入、鼠标点击谈出的一些行为命令这些都属于交互设计范畴。界面设计和交互设计是软件系统与用户交互的界面，系统的功能和数据都是通过界面和交互反映出来的，它是软件系统的基本组成部分。 从广义上
8、来说，界面设计包含交互设计。在这样的情况下，它同时还包含另外的部分，例如外观设计或平面设计，这些都是可以单独进行研究的更细的分支。,6,1. 界面设计和交互设计的宏观认识 从用户的角度来看，用户只能见到交互界面，而对数据和功能的感知，是通过界面的交互才知道的，而数据和功能是用户操作的真正目的。交互界面是数据和功能的对外展现，通过界面上的平面关系和运动关系作为实现手段。交互界面设计离开数据和功能就没有意义。交互界面设计的核心是为了体现数据与功能的关系属性和运动属性的，是围绕着数据和功能来展开的。界面设计和交互设计就是要通过界面元素来体现将数据部分和功能部分的以下关系：数据和功能的关系；数据与界面
9、的关系；数据与交互的关系；功能与界面的关系；功能与交互的关系。,7,一个好的界面设计应当克服以下缺点： （1）视觉表达不清。也就是说没有明显的视觉顺序和用户焦点。例如网页的内容之间没有明确划分、用户不清楚什么地方可以点击、到处都是闪动的广告和促销信息等等。在这样的界面中，用户很难把注意力集中到相关的信息上。 （2）非常繁琐。即使最常见的任务也需要很多执行步骤。 （3）提示混乱。例如没有明确告诉用户所要执行的操作到底是什么意思，是否能达到自己的目标。 （4）难以使用。比如，使用了很多用户不太能理解的词汇，或者容易引起误解的词汇。 （5）强迫用户。也就是说系统提供的一些元素让用户难以接受。例如难听
10、的按钮点击声音，或者强制播放的背景音乐。,8,2. 界面和交互设计的微观认识 界面是数据与空间的关系的总称。我们一般把一个空间称为一个窗口。窗口把各个组件和相关的数据项联系在一起，放在合理的相应位置，用于表达这组数据的关系。我们把这样的一个窗口，叫做界面。 交互是窗口上与数据相关的组件。用户通过输入设备触发时，空间发生一定的变化，我们把空间变化的这一过程叫做交互。如用户点击下拉框有数据显示出来，再点选就有数据到相应的输入框；又例如点击某个菜单项，会弹出一个窗口。 界面与数据是数据与空间的关系；界面为数据构造一个用户的认知环境，而数据依托空间表征自身所表示事物的属性。 数据与交互是数据与行为的关
11、系，界面只是交互的依托，交互的目的是数据的行为要求。交互有对数据整体的响应和数据局部的响应。交互的响应与请求是通过空间变化来体现的。,9,交互是一种纵向认知，是数据属性的功能性认知，即对数据行为的认知。交互是与数据的交互，是数据行为特性表述的一个手段，是通过界面变化来体现的。 数据的属性与数据的行为都是通过界面变化来体现的，所以在认识上对于界面设计和交互设计有一定的模糊。界面只是忠实的反映数据的属性和关系，在其上将事件点标出，由程序员进行实现。如手机上的操作就能很好的反映这种关系，它的数据、界面、交互三者是分开的，通过数据将界面与交互联系在一起的。而在图形界面下，它将数据、界面、交互三者通过点
12、击紧密的联系在一起。 界面、数据、交互是三个不同的事情，界面是数据和行为的忠实反映者，而行为是数据的内部反映，两者都是借助空间来表征自已的。总之，界面是数据静态关系的描述，而交互是数据对用户触发信息后自有行为的一种反映，借助这种反映，使用户知道系统的功能，进一步实现功能，来完成用户与系统交互的目的。,10,4.1.3 交互设计的特性,1. 以用户为中心 “以用户为中心（User Centered Design：UCD）”就是“让用户参与整个项目开发过程”。这是交互设计的一个重要观点，因为只有用户才是产品成功与否的最终评判者，用户不满意的产品肯定会被淘汰。也许开发人员并不能保证让用户参与开发的方
13、方面面，但把“以用户为中心”作为一个口号，能鼓励开发人员关注这些问题，并提供让用户参与评估并提出反馈的机会。 2. 确定具体的可用性标准，并明确建档 在项目开始的时候，开发人员就应该确定这个项目的可用性目标和用户体验目标，并做出明确说明，同时所有的开发人员也应该就这些问题达成一致。这些标准是后续工作的纲领性文件，一旦明确建档，任何人不得有异议。这些标准便于开发人员选择不同的候选方案，而且在产品开发过程中，开发人员也能随时根据标准检查这些方案。 3. 必须迭代进行4种设计活动 “迭代”就是反复进行设计过程中的某些阶段。通过“迭代”，你就能利用反馈来改进设计。反复进行“设计测试”，测试就会更全面、
14、更彻底，最终能够发现并解决绝大多数的问题。,11,另外，由于用户和设计人员都参与设计，也许有的人希望使用这种方案，而另一些人则喜欢另外一种。这也需要进行“迭代”，检测方案是不是能够满足需求。而且各个方案也能相互启发，取长补短。不论设计人员多么优秀，也不论用户对新产品多么有想象力，都必须使用反馈来修正构思，而且需要反复若干次。在设计创新的产品时，这一点尤其重要。迭代是不可避免的，因为设计人员不可能一次就找出正确的解决方案。,12,4.1.4 交互设计的内容 一般来说，交互设计涉及以下4项基本活动： 1. 理解用户需要，建立用户需求 开发人员必须了解谁是目标用户、他们需要哪些支持，才可能设计出能支
15、持这些用户的产品。首先找到真正的用户，然后从他们那里找到需求。用户和他们的需求是所有设计、开发工作的基础。在“以用户为中心”的方法中，这个活动是“万物之源”。简而言之，在这个阶段开发人员需要知道：用户想要什么，开发人员要做什么。 2. 开发一些候选设计方案 这是设计的核心活动，也就是提出满足用户需求的构思。它可以划分为两个子活动：概念设计和物理设计。所谓概念设计就是用一种用户能够理解的方式去描述产品应该做些什么、如何运作、外观如何；而物理设计考虑的则是产品的细节，包括要使用的色彩、声音和图像，还有菜单设计和图标设计。这些设计构思都需要提出各种候选方案，从而制作出原型以供评估。这个阶段其实就是：
16、试试该如何来做。,13,3. 制作设计方案的原型 评价一个交互设计的最佳方法，就是让用户与产品进行交互，让用户去感受。这就要求开发人员要把设计方案转化为可以交互的版本，或者说产品的原型。 这些原型并不一定必须是能够运行的真正软件版本，可以采用很多技术来实现所谓的“交互”。比如说，制作纸张原型（把步骤画在纸片上并口头为用户演示）就又快捷又便宜，而且能在设计的早期阶段就发现问题。这个阶段概括来说就是：先简单地做个样子出来。,14,4. 用户测试和评估 开发者需要让用户来检验产品或软件。用一句简单的话来概括这个阶段也就是：让用户看看这个设计行不行。测试也需要重复进行。这个相互联系并且重复进行的特征被称为“迭代”，是交互设计过程的关键特征之一。测试的目的是要保证产品是可用的。因为不同的用户有不同的需要，开发人员需要相应地设计不同类型的产品。例如，儿童和成人之间的不同，会导致他们的衣服、食品和游戏都各不相同。做做小游戏、加入点卡通形象更有助于激发儿童的学习兴趣，但这种方式是否适用于25岁的男性研究生就很难说了。 为用户“度身订造”产品或服务，这一点通常可以采用“以用户为中心”的设计方法来实现。UCD方法要一切以用户的最终感受为出发点，让用户参与整个设计过程。同时，为了验证产品确实能够满足用户，你也需要通过测试和评估来进行判断。,
