零基础学交互设计
上QQ阅读APP看书,第一时间看更新

1.1.1 交互与交互设计

交互,即交流互动,其实这个词语离人们的日常生活很近,例如,人们在大街上遇到熟人打个招呼,简单的几句话,搭配眼神和动作,向对方传递礼貌、亲近等诸多含义,这就可以理解为人与人之间的交互。

那么,人和机器之间的交互是什么样的呢?举个例子,如果用户想解锁一个手机,用户与手机的交互可能是下面这样的场景:

——按手机上的Home键(嗨,手机,好久不见)。

——手机屏幕亮了,但需要输入解锁密码(你好,是老王来了吗)。

——输入密码(是的)。

——手机解锁成功,进入主界面。

通过上面人与手机交互的场景,可以这样理解交互:当人和一件事物(无论是人、机器、系统、环境等)发生双向的信息交流和互动时,就产生了交互行为。

图1-1所示是一个网站用户登录表单的交互设计示例,当用户在登录框中输入的信息是正确或错误时,登录表单会给用户相应的反馈,特别是当用户所输入的信息是错误时,登录表单便会根据错误的类型给用户相应的信息提示,这种人与界面之间有信息的交流,就是一个交互。

图1-1 网站用户登录表单的交互设计示例

交互设计,又称互动设计,是指设计人与产品或服务互动的一种机制。交互设计在于定义产品(软件、移动设备、人造环境、服务、可穿戴设备以及系统的组织结构等)在特定场景下反应方式相关的界面,通过对界面和行为进行交互设计,让用户使用设置好的步骤来完成目标,这就是交互设计的目的。

从用户角度来说,交互设计是一种让产品易用、有效并让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时还包括了解各种有效的交互方式,并对它们进行增强和扩充。交互设计还涉及多个学科,以及和交互设计领域人员的沟通。

图1-2所示是一个果汁饮料产品宣传网站的交互设计示例,在页面中,中间位置显示出相应的交互操作提示,提示用户通过拖动鼠标指针在网站中进行交互操作,单击产品本身则会显示该产品的相关介绍信息。采用交互操作的方式提供商品宣传展示,可以有效地增强用户与产品之间的互动,使用户得到一种愉悦感。

图1-2 产品宣传网站的交互设计示例

本书所介绍的是在互联网中的交互设计,主要是人与互联网产品(网站、移动App、智能穿戴设备等)的交互行为的设计。

图1-3所示是一个影视类App的交互设计示例,当用户在界面中滑动切换所显示的影视海报图片时,会采用动画的方式表现交互效果,给用户带来较强的视觉动感,也为用户在App中的操作增添了乐趣。

图1-3 影视类App的交互设计示例