您的位置:华清远见教育科技集团 >> Android资料 >> Android应用-交互式界面设计过程(四)  
 
Android应用-交互式界面设计过程(四)
分享到:

上面的几节中,我们反复在强调一个概念就是界面设计的情感因素。这就要求我们的界面不仅满足可用性,还要考虑美学,用户心理学等等诸多方面。这就要求了交互设计和图形界面设计人员不仅仅要具备界面设计的专业技能,还要在心理学、工程学、社会学等诸多方面有所涉猎。同时为了满足软件交互设计的标准化,我们总结出了一套交互式界面设计的过程。虽然界面的种类和用户群体各不相同,但是设计步骤是基本一样的。

1.4.1 人机交互工程师的必备素质

作为交互设计工程师,不仅仅要考虑界面的可用性,还要注意界面可能传达什么信息,可以如何提高用户体验等等。交互设计工程师要有以下思想:

图1-1 交互设计工程师思想

一名合格的人机交互工程师,不仅仅是一个软件工程师或者美工师,他要具备很多方面的广泛而专业的及恩呢该,下面的图是现代人机交互工程师需要掌握的技能树:

图1-2 人机交互工程师技能树

可以看出,人机交互工程师要具备工程学,数学,逻辑学,心理学,社会学等诸多方面的专业素质,除此之外还要了解设计史、计算机图形学、用户调查研究方法、产品策划与分析、宏观经济学、现象分析技术、数据筛选技术等等。所以现在行业内缺乏这类高端的人才,一般的美工师也可以通过自身的学习和提高向人机交互工程师迈进。

1.4.2 交互设计流程

交互界面是用户感知产品的直观通道,产品能否被用户所接受,很大程度上取决于交互设计的成败。所以交互设计是产品设计中一个重要的步骤,其重要性不亚于产品的功能设计。交互设计工作应在产品需求功能确定的时候就开始。此时,交互设计工程师应该考虑如何将产品功能通过交互设计呈现给用户。如果我们开发的产品已经有类似的成品,或者是惯用的交互设计形式,那么我们可以先拿来一份界面,根据需求和自身特点小幅度修改就可以了。但是如果这个产品的原创性很强,没有类似的产品或者可模仿的对象,那么对于交互设计工程师我们应从哪里入手呢?下面我们来总结一下产品完整的交互设计的流程。

1. 业务流程的梳理

首先,从用户的角度,遍历产品功能的各个流程。体会整理出用户在不同场景和阶段如何使用产品,先做什么后做什么,确定不同活动间的先后和依赖关系。在这个阶段的工作重点是要转换视角。从以产品功能为核心的视角转换到以用户为中心的视角,分析用户在使用产品时的动作和感受,整理出产品的业务流程。这个阶段的交付物一般是产品交互流程图,说明了用户使用产品时动作的先后顺序和依赖关系。

2. 整理各个步骤用户信息的输入输出

完成了以用户为中心的业务流程整理之后,我们已经对用户在使用产品时的所见所闻有了大致的认识。接下来的工作就是细化这些业务流程。我们采用自顶向下的分析方法,沿着流程的方向,分析流程中的每一个步骤。看用户在操作每个步骤时进行输入输出的情况。这里所述的用户信息的输入输出就是在讨论的是用户与软件产品的交互关系,包括:

1)用户输入的信息:在这个步骤中,产品需要主动告知用户操作信息,例如接下来信息的操作提示和指导等等。

2)用户输出的信息:在这个步骤中,产品需要等待用户执行完某些操作之后,才可以进入接下来的步骤。

3. 分析各个步骤中信息沟通的主次关系

这一步是一个优化、细化的过程,它要解决的问题是使交互设计与用户信息交流更加有条理有次序,避免用户与产品交互时产生无所适从感。

首先,需要识别出的是交互信息中的关键信息,也就是对于产品功能重要的那些信息。之所以要将这些信息专门识别出来,是因为我们要将这些信息强化显示,以确保用户不会漏掉这些关键信息。而且这些重要的信息在后续交互设计与视觉设计过程中,要自始至终受到用户关注。至于其他信息,则不需要进行视觉强化,可在之后的界面中,占据不显著的位置。

其次,在用户与产品的信息交互中,有一些信息之间是有顺序和依赖性的。也就是获取和显示某些信息之前,必须先显示另外一些信息。我们需要先识别出这些依赖关系,以便我们确认交互过程中的关键信息。关键信息的前置依赖信息也必须是关键信息。同时,某些信息之间有逻辑上的关系,比如某些信息属于一类,需要放在一起展示。梳理完信息间的关系和依赖性之后,用户与产品的交互过程就已经有比较清晰的轮廓了。我们已经知道用户在使用产品时做了哪些动作,得到了什么信息,输入了什么指令,并且识别出了哪些指令是重要的指令。接下来我们就可以识别出界面单元和界面元素,正式开始界面设计了。

在这里应该明确的是,交互流程并不能定义界面单元,因为中每一步骤并不是必须有一个单独的界面,但是每个步骤要传递的信息,必须在某一个界面上展示。所以下面的工作就是要识别出界面单元,每个界面单元需要哪些信息传递,有哪些信息可以合并。

4. 设计界面交互图

这里要考虑的一点是界面的布局,界面元素采用什么样的方式进行展示等。这些工作实际上会参考许多模板和样例,这里就不多说了。这个阶段的产出物一般是线框图,它不涉及界面元素具体的视觉效果,展示的重点是界面元素之间的相互关系。

交互线框图交付之后,接下来就是视觉设计师的工作了。各种界面元素的绚丽的视觉效果将在这阶段被展现设计出来,交互设计的工作节本完成了。当然,交互设计师还有后续工作,他要在视觉设计阶段持续的配合视觉设计师的工作,确保界面终效果与交互图中主次和关系符合。并在后面的软件研发过程中对这一问题持续跟踪。

 更多相关文章

·Android应用-交互式图形界面设计新趋势(三)
·Android应用-用户图形界面设计概念(二)
·Android应用-交互设计概念(一)
·Android应用开发中图片的处理
·在Android中使用WindowManager实现悬浮窗口