界面设计中交互行为分类

1、界面设计中交互行为分类摘要：在界面设计流程中，交互行为是重要的设计 对象，对交互行为进行分类对于设计师把握设计是非常有必 要的。本文从用户操作行为以及设计内容两个角度对界面设 计中的交互行为进行了分类。其中，从用户操作行为角度分 类，可以分为直接操控与间接操控，本文比较了各种形式操 控的异同。从设计内容角度分类，可以分为状态转化与行为 序列等。对设计中的交互行为分类，可以使设计师在设计创 意及设计评估阶段的工作更加有针对性。关键词：交互行为直接操控间接操控状态转化行为序列检索:www. artdesign. org cnabstract : interaction is an importan

2、t design element in interface design process it is necessary that classify the interaction type for designers in this article , interaction is classified from twoaspects :user' s manipulate behaviors and designcontent. there are two types of interaction if we classify it by user? s manipulate be

3、havior： directly manipulate and indirectly manipulate if we classify interaction by design content, there are some kinds of interaction behavior, such as states trailsfer and action sequence classifications of interaction in interface design can help designers work more efficiently in interface desi

4、gn processkeywords : interaction behaviors , directly manipulate, indirectly manipulate, states transfer, action sequenceinternet : www. artdesign. org. cn一、问题的提出在界面设计中，对用户的交互行为进行设计是重要的组 成部分，但交互行为从心理学、计算机学科、用户体验的个 角度都会有不同的解释与分类，而设计师需要有明确的设计 对象与类型才可以进行设计创意、设计方案发想以及设计方 案评估。因此需要提出一个适应设计流程的交互行为分类来 满足设计师

5、的需求。设计的流程往往是从对用户的使用行为 分析开始，再根据用户行为特点进行方案设计，因此本文就 从用户使用行为和设计的内容这两个角度对交互行为进行 分类。二、从用户行为角度对交互行为进行分类从用户的使用行为来看，用户对界面的操控方式可以分 为直接操控与间接操控两种。直接操控是指用户直接接触到 界面中的元素进行操作，而间接操控是指用户借助额外的控 制元素，如箭头、滑动条等对界面中的元素进行控制。例如 在绘图软件中移动一个图形，当用户想将图形大致放在某个 区域时，一般会使用直接操控的拖拽方式；而当用户需要将 图行精确地定位时，一般会使用键盘上的方向键或者输入坐 标数字对图形进行间接操控。（一）直

6、接操控直接操控这一方式大多来源于用户对于实体物体的操作，用户会按照现实生活中操作真实物体的方式来选择和操 作数字对象。最典型的直接控制例如点击屏幕上的按钮播放 一段音乐，就如图用户在现实生活中按下一个按钮让卡带开 始转动一样，直接操控的方式包括用户使用鼠标、手指触摸 等，各种类型的具体描述如下。1.使用鼠标操控鼠标伴随着图形界面（gui）出现，是传统gui系统中 不可缺少的一部分。它让用户可以采用直接控制的方法在计 算机屏幕上进行操作。在鼠标出现之前，用户只能通过键盘 间接控制屏幕上的元素。鼠标和屏幕上的光标代替了用户的 手去选择和操作屏幕上的各种元素去操作。鼠标的使用有一 系列约定俗成的操作

7、习惯，大多数习惯使用鼠标的人可能已 经忘记了第一次使用鼠标时的感觉，但用户肯定是经过一段 时间才习惯了鼠标的这些操作。移动鼠标对应着屏幕上的光 标运动；鼠标经过某个按钮时，它会打个招呼；单击鼠标表 示选中某个元素，就像用手抓起一件东西；双击鼠标代表着 进一步的操作，可能是打开一个文件，也可能是表示确认某 个操作；右击鼠标可以给用户带来更多的选择等。因此设计师在设计一个基于鼠标操作的界面时，应当考 虑到如何将用户对界面的操控分配给鼠标动作。例如文本的 选择，在大多数浏览器或者文字处理软件都有对于选择文本 的鼠标操作定义，即单击鼠标选定文本位置，双击鼠标选中 当前位置的单词，连续三次点击鼠标选中当

8、前段落。下面是 几种典型的鼠标交互设计方式需要设计师分别进行设计。鼠标悬停。鼠标悬停是一个常见的交互设计方式，目的 是提示用户该元素可以选取或者点击，有时也会激活说明提 示文字。光标替代。在使用鼠标的过程中，鼠标的移动对应着屏 幕上光标的移动，而光标的样式的替换可以给交互增加新的 涵义，而不再是代替手的动作。在自由涂鸦网站(http: /wall-of-fame. com/),滑动鼠标会发现光标变成了一只 笔，可以在页面上随意绘图。鼠标手势。鼠标手势是一种特殊的鼠标行为，例如在 opera> firefox、ie等浏览器中，用户可以使用鼠标在界面 空白处滑动，不同的滑动轨迹代表着前进、后

9、退、新建窗口 等多种操作，可以提高用户使用浏览器的效率。与鼠标类似的界面操控工具还包括数位笔、轨迹球等，它们产 生的交互效果与鼠标类似。2.使用手指触控随着触屏手机与平板电脑的流行，使用手指与界面进行 交互越来越普遍。使用手指当然要比使用鼠标更加直接，一 个没有鼠标使用经验的老人或者孩子可以很自然的使用手 指操作界面。这种直观的操作指示性是手指操作的优势。但 如果用户已经熟悉了鼠标的应用，那么从操作准确性和速度 来看，手指并不占上风。用户如果使用手指去操作一个基于 鼠标操作的界面，那效率就会非常低了。手指操作也有着约定俗成的习惯，手指的点击动作是继 承了鼠标的操作；滑动手指可以进行拖拽；再多点

10、触控的界 面上用两个手指方法或者缩小界面；点击三个手指可以打开 菜单等。触屏手机的解锁操作也是一个手指操作的典型案例。苹 果iphone与ipad的解锁方式非常直观，类似于日常生活中 的拨开插销的动作，箭头的指向与文字说明帮助用户理解， 而且用手指在直线上滑动操作非常简便。其他不同手机系统 也都有着各自的手指操作解锁方式。（图1）3使用tui （实体界面）tui全称tangible user interface,是指基于实体环 境的用户界面系统，这一概念最早由mit媒体实验室提出。 tui可以让用户彻底摆脱gui （图像界面）的学习过程，直接对实物进行操控，达到使用交互系统的目标。中国的传统

11、计算工具算盘是一个典型的实物操控系统的例子，算盘的输 入数字的方式是拨动算珠，进行加减乘除运算的方式仍然是 拨动算珠，用户在操控实物的过程中直接得到反馈与信息的 输出。（二）间接操控间接操控是指不接触操控的对象对其进行操控的方式。gui （图像界面）时代之前的命令行以及文本界面时代的计 算机操作大多是间接操控。使用键盘是间接操控的主要方 式，例如使用快捷键“ctrl+c”复制，用“ctrl+v”粘贴 以及直接使用键盘上的"delete"键删除对象等。使用键盘 进行操作的流程要比直接操控简单，因为这一流程省略了在空间中准确定位选取对象的过程。回忆一下没有鼠标时，用键盘上的键、

12、方向键以及一些快捷键组合操作windows系统的经验，完全是间接操控的方式。设计师喜欢使用快捷键操作像photoshop、3dsmax这类 的设计软件，这种操作方式比拿起鼠标在菜单栏里沿着层级 寻找按钮要有效率的多。但如果想熟练掌握这种偶那个间接 操控则需要较长时间的学习与记忆。在游戏领域，间接操控的使用更加广泛。从最早的掌上 游戏机到今天的大型网游，使用键盘进行间接操控都是常用 的方式。最早的掌上游戏机都是通过按键控制着屏幕上的人 物或者汽车左右移动，发射子弹等，这种操控模式需要较长 的练习才能熟练掌握，在玩游戏的关键时刻经常会忘记每个 按键的功能。这种间接操控经常会用在一些模拟游戏场景的网

13、站设 计中，设计师吧浏览网站的模式设计成为游戏模式，吸引用 户在网页上浏览与探索，在大众polo的体验网站(http： /follownoone. com. au)中，用户需要用方向键控制屏幕上 的小汽车，在一个类似地图的界面进行各种信息的浏览。目前在交互设计领域发展比较迅速的手势识别、语音控 制及脑机接口都可以视为间接操控，这些间接操控的方式一 方面可以提高交互界面的通用性，及可以方便有障碍人士使 用，另一方面也增加了交互系统对环境的适用性。直接操控和间接操控往往是结合进行，相互辅助。如果 只是单一的操控方式，很可能因为体验差而会招来用户的抱 怨。平板电脑ipad提供了虚拟键盘供用户输入信息

14、，但这 个内置的虚拟键盘并没有设置方向键，在编辑文本时若想控 制光标的准确位置，只能使用放大镜工具，效率较低。因此 设计师在设计一个交互系统时，首先要考虑某种交互方式是 需要使用直接操控还是间接操控，另外要考虑到用户在直接 操控和间接操控两方面结合的需求。三、从设计内容的角度进行分类前文是从用户的操控界面的行为分析交互的类型，这一 操控行为类似像界面发号施令，而交互系统对于用户操控的 回应则是设计师需要关注的另一个角度。界面的回应方式按 照设计内容可以分为有状态的转化以及行为序列等。（一）状态转化最常见的状态转化是页面的跳转。大多数界面是由多个 页面构成，每个页面上承载着功能的实现和信息的传达

15、。典 型的页面跳转是网站中的网页浏览，这种交互的方式来源于 阅读传统的报纸与杂志。弹出式页面是另一种常见的状态转化类型。当页面中信 息量较大需要新的空间承载，同时又不希望用户离开这个页 面时，弹出式页面是最佳选择。弹出式页面要具有关闭按钮, 以便用户随时关闭，不推荐使用主动弹出的页面，以免让用 户感到打扰。折叠式面板可以把不需要随时展示的内容收起，需要时 再打开。一般使用上下箭头或左右箭头作为操控按钮。收缩式面板与折叠式面板的作用类似，用户可以随时打 开和收回面板。操控收缩式面板的元素一般设计成标签或者 把手的形态，以便让用户理解。（二）行为序列行为序列是一个特别的概念，是指用户在对界面进行操

16、 控之后，页面的某个元素或者整个页面产生的一系列行为回 应。例如点击按钮后，某个面板消失；通过拉拽放大或者缩 小窗口等。行为序列的目的是给用户的操控以明确的反馈， 表明用户交互行为有了结果。典型的行为序列包括拖拽、关 闭、位置与形态变化等。不论是从用户操作行为的角度还是从设计内容的角度 对交互行为进行分类，目的都是让设计师的设计过程更加有 针对性。在进行设计创意与设计评估时能够对设计对象进行 更细致的区分与比较。本论文受到“北京市属高等学校人才强教计划资助项 目"资助（编号:phr201108269）参考文献1 dan saffer.交互设计指南m.陈军亮，陈媛，李 敏译第1版北京：

17、机械工业出版社，2010.2 hugh beyer / karen holtzblatt. con tex tual desig n. morgan kaufmann. 19973 mike kuniavsky. 0bserving the user experience： a practitioner， s guide to user research . morgan kaufmann. 20034琼斯译者m.移动设备交互设计m.奚丹译第1版. 北京：电子工业出版社，200&5 alan cooper / rober t reimann / david cron in. abo ut face 3交互设计精髓m.刘松涛，译.第1版.北京：电子 工业出版社，2008.6 mary beth rosson john m. carro11. usabilityengineering :scenario-based development ofhuman-computer interaction. morgan kaufmann. 20017 jeffrey rubin. handbook of usability testing： how to plan, design, and conduct effecti