- 相关推荐
交互设计的方法
交互设计是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。以下是小编整理的交互设计的方法,欢迎阅读。
交互设计的流程
如果一提到交互设计,你就想到画线框图或原型图,那你只对了五分之一。交互设计是一个过程,从开始到结束有一套系统的流程。原型图只是其中的一个环节。
当接到一个设计项目,怎么开始?都应该做哪些工作?怎样尽可能的保证交付物满足既定的功能以及用户体验层面的易用性?
第一步,是任务分析,列出界面所要完成的所有任务。第二步按各任务确定页面流程,建立信息架构。接下来是创建统一的页面布局包括分区等。然后在页面布局的基础上进行原型设计,可以是低保真和高保真的原型图。最后编写设计说明。
下面以设计一款动感相册界面为例,逐步讲解各个环节。
1. 任务分析
第一步任务分析。这里要做的是对于将要设计的这个新界面的所有任务的分析,也就是用户在界面上能进行的所有操作。这个分析在功能需求的基础上进行,需求方一般提供一个功能点的列表。
任务列表包括所有功能点,并对每一个功能点的逻辑关系进行整合。必要时会对各任务的使用频率和其它影响设计的重要因素进行分析,这里不做解释了。
2. 页面流程
任务分析完成后,进入设计的第一步,即设计页面流程。页面流程是设计的开始,也是重要的一环。它决定整个界面的信息架构和操作逻辑。
页面流程是上一步任务分析的自然转化。一般来说,一个主要任务就是一个页面,其它子任务也可以转化为页面。
以动感相册为例,页面流程如下:
页面几乎是把任务分析照搬过来了。所以上一步做好了,这一步很轻松,而且越往后越轻松。
注意这个流程图应该包括所有将要设计的新页面,一个不少,一个不多。它不仅确定页面内容,页面数量,还确定各页面之间的关系。如果在后来设计具体页面原型时,发现这个流程图多了或少了页面,或者页面关系发生了变化,说明你的功夫不到家(这个比较难,我一般不苛求我们的设计师)。根据原型图来创建或者修改页面流程图,不是在做设计,而是在写设计说明。
3. 页面布局
第三步页面布局是具体页面设计的开始,在上一步知道有哪些页面需要进行设计后,这里对页面进行划分,对内容进行组织。最重要的一点是确定页面分区。
以动感相册为例,页面布局如下:
总布局,即通用布局,适合所有页面。
具体页面布局,在不与总布局冲突的情况下,有更细节的布局。
页面布局赋予零碎的内容以逻辑性,以分区的形式把页面各区域所对应的功能区确定下来,减少具体设计时的随意性。这是设计严谨与否的表现所在。把类似的操作放在一起,对于用户来说是可以预见的,用户能够判断哪个操作在哪个区域,减少盲目寻找带来的困难和疑惑。
4. 原型设计
这一步是大家熟知的,即具体页面的设计。这一步设计把所有的界面元素表现出来。可以有低保真和高保真原型图。低保真即是线框图,高保真多是接近最终效果图。
下面是动感相册的低保真原型图。
5. 设计说明
最后一步需要做的是对所有页面进行详细的描述,包括对页面上所有元素进行说明,比如默认状态,跳转页面,字号字体,尺寸等。这里就不解释了。这是交给开发人员的文档,以及测试人员进行测试的依据。
相关信息
交互设计的相关信息包含交互,使用,交互设计和可用性(usability)四个方面。
提到“交互”,感觉是参与交互的双方更加对等,实际上,引入“交互”这个词的意义,就在于交互对象地位的提升。来自《超越人机交互》一书Terry Winograd先生所说:“就是把计算机的长处和人的长处相结合,而不是让计算机模拟人,正是这个想法把我引入了HCI领域”;AlanCooper先生在UI Design的访谈中也同样提到:“关键在于,让人去做他胜任的事情是一件非常好的事。让人做人擅长做的事情,而让计算机做计算机真正擅长的事情。”对交互对象的重视有利于让人和交互对象的关系更合理,从而得到人和交互对象相得益彰的相处方式。
可用性是交互设计的基本而且重要的指标,它是对可用程度的总体评价。也是从用户角度衡量产品是否有效、易学、安全、高效、好记、少错的质量指标。
同时,交互设计的目标不止于此,它还要考虑用户的期望(Donald Norman先生说到期望设计是交互设计的下一站)和体验,可用性保证产品可用,基本功能完备且方便;而体验在于给用户一些与众不同的或者意想之外的感觉。也就是说,“可用”是产品应该做到的,理所应当的,“体验”则是额外的惊喜和收获。
ISO9241/11中的定义是:可用性是一个多因素概念,涉及到容易学习、容易使用、系统的有效性、用户满意,以及把这些因素与实际使用环境联系在一起针对特定目标的评价。
主要内容
交互设计是一门特别关注以下内容的学科:
1、定义产品的行为和使用密切相关的产品形式。
2、预测产品的使用如何影响产品与用户的关系,以及用户对产品的理解。
3、探索产品、人和物质、文化、历史之间的对话。
交互设计从“目标导向”的角度解决产品设计:
1、要形成对人们希望的产品使用方式,以及人们为什么想用这种产品等问题的见解。
2、尊重用户及其目标。
3、对于产品特征与使用属性,要有一个完全的形态,而不能太简单。
4、展望未来,要看到产品可能的样子,它们并不必然就像当前这样。
【交互设计的方法】相关文章:
Flash的交互动画设计10-10
游戏交互界面设计的思考11-11
交互设计与公共环境设计的关系06-30
Flash的交互动画设计介绍07-28
flash怎么设计带有交互场景的动画08-02
深度剖析游戏中的交互设计12-13
Adobe交互设计师概述09-10
Adobe交互设计师考试大纲08-23
动作脚本交互式动画设计08-07