课件

13.1 交互设计概述.pdf

基本概念

一个完整的软件设计包括优秀的编码和交互设计,也就是用户界面设计。
image.png
编码设计是软件工程的主要内容,交互设计也是一个重要的内容,关乎软件的可用性或者叫好用性。
image.png
谈到交互设计,很常见的一种误解是这是美工或者是平面设计的任务,似乎不是软件设计一部分,我要说的是交互设计是软件设计的重要内容,是基于对人机交互基本原理的深刻理解,在界面设计上灵活运用好的结果。

image.png
人机交互包含很多的研究内容,例如各种交互接口、界面的呈现、人机交互过程。平面设计它强调通过视觉元素传达,达到人机之间的有效沟通。而可视化一直是信息呈现的主要方式,我们也可以认为,交互设计是交叠了很多平面设计方法的特定交互接口上的用户界面设计。
image.png
图1中各个术语之间是有一定的关联,这里不做详细分析。

好的交互设计要基于对人机交互基本原理的深刻理解和灵活运用,实际上交互设计也是人机交互和平面设计的一个交集。人机交互是人机之间的一个信息交换的过程:
image.png
如图2所示,这个交换过程是计算机输出接口,把信息表现为视觉或者是听觉为主的形式,人们的感觉系统来接受信息,在人们的大脑中形成概念,而人们的交互意图要通过我们的神经系统、中枢神经和周围神经,主要是通过周围神经,各种动作系统,我们利用工具或直接的Gesture,把我们的请求发送给计算机。

image.png
这个人机交互接口经历过几代的演变,如图3所示,最左边是没有接口的,我们用户直接与二进制来打交道。左二叫字符终端的界面,再后来到左三是我们有了鼠标,可使用图形界面。最右边的图,表示现在的接口越来越面向人的感知和使用方式。

交互方式的接口即输出设备的演化决定了交互方式,交互方式同时也改变了人际关系:
image.png
上表可以看到计算机的数量因为接口的改变达到了不同指数的增长,它的形态和数量以及用途都发生了巨太的变化。

那么尽管接口变化,但是人机交互的目标并没有变,也就是说要在更加自然的交互接口上实现高效率的人机信息交换,目前我们常用的计算设备是 PC 和智能手机,它们采用的是图形用户界面,叫 GUI 这样的一个范式,那么交互设计更直接地体现为 GUI 上的交互设计,那么人机交互就是面向人的性能的这样的计算优化,如此一来我们就可以看到它的交互设计的目标就是要达到高的、很高的、尽量高的可用性(Usability)。