实验3 交互设计原则

《实验3 交互设计原则》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、广东技术师范学院实验报告学院：计算机科学学院专业：计算机科学与技术班级：成绩：姓名：学号：18组别：组员：实验地点：工业中心616实验日期：2010-9-20指导教师签名：预习情况操作情况考勤情况数据处理情况实验3项目名称：交互设计原则1、实验目的理解交互设计的基本原则，初步掌握利用交互设计原则对交互设计作品进行分析、评价的基本方法。2、实验内容2.1优秀的交互设计是怎样的？为什么一些交互设计作品被认为是优秀的，而另一些却评价很低?尽管对于同一个设计任务有着各种各样的设计，而使用者对其评价也各有差异，但并不代表没有一个判断设计方案优劣的较为一致的评价标准

2、。这些评价标准本身也作为指导设计者设计的原则。设计原则帮助设计者建立更为直观的设计。设计者在进行设计过程中，并非对这些设计原则教条式地应用，更一般地，设计者往往依据这些原则来评价和修正来对设计方案进行修正。下面我们来对一些重要的设计原则加以讨论。2.2主要设计原则2.2.1可理解性设计的可理解性很大程度取决于界面如何向用户表达功能。易于理解的界面设计将具有很好的效率和有效性。如果功能以一个难以理解的方式，那么它们基本不能发挥作用。以下图为例，某网站文档在线浏览服务中有两个功能按钮（红圈标出），你认为这两个按钮代表什么功能？2.2.2有效性有效性是指交互设

3、计的效果符合用户的需求。用户并非追求各种特别的交互效果，有效性有时更多体现在为用户提供一个安全、稳定的交互方式。同时，许多用户想要使用的交互功能并非难以实现，只是设计者的对用户需求的忽略而造成的。一个简单的例子是一些需要保存数据的应用程序在用户没有主动保存数据而退出之前，并没有作出相应的提示。显然这种潜在需求需要设计者的细心分析。2.2.2可学习性(技能)用户在使用界面的同时，会对系统的各种功能进行记忆，形成操作技能。因此，用户对经常使用的软件的操作熟练程度会不断上升。要注意的是，可学习性往往并非是指用户刻意地去学习如何使用系统，而是指用户在使用过程中逐

4、渐地，隐性地学习了交互操作。作为一个重要的例子，命令行界面与图形界面之间的一个重要差别，就在于可学习性。众所周知，命令行界面需要用户记忆命令名、选项等，而图形界面相比之下更易学习，在许多场合也比命令行界面更为直观和可理解。2.2.3可记忆性可记忆性实质是可学习性的一个重要组成部分，因为学习离不开记忆。怎样才能方便用户记忆？一般有以下几种手段：l位置：将某个特定的对象放在固定的位置。l分组：将相关项放置在一起。l惯例：使用符合用户对象和符号。例如购物网站多是使用购物车表达“购物的”概念。l冗余：利用多感知通道对用户进行刺激加强记忆。例如，当弹出某个警告界面

5、时，常伴有特定的警告声音，这样用户对相关的信息记忆更为深刻。2.2.4可预见性可预见性是指人们的期望和提前确定事情发生结果的能力。想像你打开一个新闻网站，首先可以看到的，当然是最为重要事件的新闻头条，它们将放置在网页的首部居中的位置。这样做符合了用户的心理预期。可预见性为用户提供了一种熟悉感和安全感，这对于用户在初次使用系统时最为重要。因此，要符合可预见性原则，就要按照惯例来设计交互界面。并非交互界面不能采取任何创新，而是用户首先要迅速熟悉系统，才能逐渐去探索和接受交互界面中的创新之处。2.2.5分组原则（感知格式塔）格式塔是一种研究人如何感知环境的心理

6、学理论。该理论的一个重要思想认为，人将感知信息以一个整体进行加工和理解。比如网络中常用的笑脸表情：-），它包含了三个字符，但实际上大多数人不需任何解释都可以把它理解为笑脸。格式塔理论可以成为我们安排界面要素的一个重要原则。简单地讲，用户对界面要素的感知并不是分散地、一个一个地去感知。用户很自然会对界面要素作出分组。按照相似性、共同性、连续性将各种界面要素分组符合用户的感知习惯。下图的右侧四个按钮是一个典型的例子。更为复杂的分组如下图所示：2.2.6简洁性最需要记住的设计原则，就是保持人机交互的简洁。Google在这方面一直被作为典型例子引用。如何保持简洁

7、性？除将不必要的功能、操作、界面要素等去掉外，交互设计同样适合80/20原则，也即突出最重要那20%的功能。比如Google.com除网页搜索外还能提供许多丰富的功能，但最重要网页搜索功能放置在默认首页，文本框和搜索按钮所占屏幕面积比其他的各种功能性链接还要多。同样道理，软件界面中，往往根据最常用的20%功能制作工具栏，而将80%的功能放置在菜单中。作业（1）针对上述的每个设计原则：可理解性、有效性、可学习性、可记忆性、可预见性、分组原则、简洁性，各举出正反实例，实例可从各类软件、网站等寻找，要给出具体的软件截图或网页截图。答：1.可理解性：正反2.有效

8、性3.可学习性正：反：4．可记忆行正：反：（太多了按钮，不便于记忆）5.可预见性