新交互时代:自然用户界面中的“自然”到底是什么意思?

一个理想的自然用户界面应当能让用户的注意力完全集中在所要从事的活动上,而忘记界面本身的存在,或者说,界面变得“透明”了。一位印度的同行为当地用户设计了一组用数字笔操作的界面。在进行用户测试时,他对其中一位用户说:“请拿起笔碰一下屏幕。”出乎他意料的是,这一看起来十分简单自然的操作,居然出了问题:这位用户没有用笔尖,而是把笔横过来整个贴在了屏幕上!经询问才知道原来他不识字,也从没用过笔。
而另一位欧洲的同行为家庭用户在交互桌面上开发了一套软件,包括一些直观的手势交互,例如用两个手指相反方向移动做打开的手势来打开一个虚拟的储物箱。当他向用户家庭演示时,他想考考这个家中正上小学的孩子:“你试试看怎么打开这个箱子?”孩子二话不说,直接用食指在箱子上双击!隐喻指的是把用户界面中的概念比拟为一种人们熟悉的概念或现象,用于解释其交互方式,例如将图形界面元素比喻为大家熟悉的桌面、窗口等等。隐喻越贴切,越为用户熟悉,往往就意味着界面越自然。


一个理想的自然用户界面应当能让用户的注意力完全集中在所要从事的活动上,而忘记界面本身的存在,或者说,界面变得“透明”了。

新交互时代:自然用户界面中的“自然”到底是什么意思?

自然用户界面(Natural User Interface)成了近来业内的时髦词,手势、语音、触控……各种新的界面操作方式从实验室里飞进了千家万户。可到底什么样的界面才算得上自然?是不用鼠标键盘,看着很炫的,还是有更微妙的含义?本文作者根据自己在人机交互领域研究的经历,以及从同行那里得到的许多启发,聊聊对自然用户界面的看法。

自然界面常见理解

不管是有意识的还是无意识的,谈到自然用户界面,人人心中都有一个或清晰或模糊的理解。这些形形色色的理解都各有各的道理,但往往又有不尽然的地方。要探讨什么样的界面是属于“自然”的,就不妨先从人们常见的一些理解出发,看看它们各自正确和不足的地方。

自然用户界面等于多模态界面或“新”模态界面吗?

的确,许多自然用户界面的成功例子,譬如微软的体感游戏设备(Kinect)、Surface交互桌面和任天堂的Wii游戏等,都运用了手势、语音、多点触控等交互模态,甚至同时结合了多种模态。

那么,是否使用了这些模态的界面就一定是“自然”的?恐怕不尽然。我想不少人都能举出使这些“自然”模态不自然的场景。譬如语音操控:很适合于私人空间,而在公众场合却可能带来尴尬。

再比如手势界面:大家对电影《少数派报告》中主人公挥舞双手操作大屏幕界面完成每日工作的场景也许不陌生,这几乎成了大众心目中自然手势界面的代表。然而据这一场景的设计者说,在电影拍摄过程中,身体健硕的男主角却因为不堪长时间举着双手的疲劳,不得不用钢丝吊着胳膊完成拍摄。这直接印证了手势界面对于日常工作场合并不一定自然的观点,尽管它在Kinect家庭游戏中早已备受欢迎。相反,一些较为传统的交互模态,譬如鼠标和键盘,在其特有的使用情境中却有着强大的生命力。

其实,自然用户界面并不是一个崭新的概念,而是自计算机诞生之日就存在,并不断地发展。作为计算机同行,一定对计算机界面更迭的历史都耳熟能详:从穿孔卡片到命令行再到图形界面,每一代界面的出现都比前一代更为自然和直观,但也都花费了相当长时间才成为主流。而与之前的主要针对桌面计算机和工作环境而设计的界面相比,今天的用户界面所面临的是多样化的使用情境,移动、游戏、社交等等不一而足。而在何种情况下选择何种模态进行交互才最自然,这是每个人机交互从业者必须面对的问题。

新交互时代:自然用户界面中的“自然”到底是什么意思?

自然用户界面等于模仿人的界面吗?

在科幻电影中,经常会出现计算机模仿人的语音与用户进行交流的场景,有时计算机甚至会模拟人的形象,以虚拟助手的形式出现在屏幕上或现实世界中。无疑,这样的拟人化界面可以让用户与计算机交流就像与他人交往一样,很多情况下的确会感觉更为自然和亲切,甚至有可能在人与计算机间建立情感上的联系。它特别适用于用户其它交互渠道(譬如手眼)被占用,或是需要计算机提供智能化帮助的时候。但这种方式也有局限,在日常生活中,许多时候我们所做的事情并非与人交流,而是直接去操纵物理世界:比如直接拿起筷子吃饭就会比告诉别人怎么把食物喂到嘴里更为自然。同理,对于某些活动,用户直接操控界面也会比间接地通过拟人化交流更为自然和高效。

新交互时代:自然用户界面中的“自然”到底是什么意思?

自然用户界面等于模仿物理世界的界面吗?

那是不是模仿人与物理世界交互方式的界面就更加自然?实际上,当前通行的许多界面模式,都是建立在物理世界概念的基础上的,比如Windows图形界面和文件夹组织结构,就是对真实办公桌的一种模仿。

还有不少研究人员探索了如何把物理模型引入用户界面用于驱动交互的过程,甚至把真实物体作为界面的一部分,通过操作物理实体与计算机进行交互,即实体用户界面(tangible user interface)。这些基于物理世界规则的界面能让用户完全地按照操作真实物体的方式与计算机交互,省去了不少学习时间,在一定意义上提供了最大限度的自然。

但如果纯粹模仿物理世界,也会遇到瓶颈,那就是真实世界本身受到各种物理定律和客观条件制约,我们在复制它的种种直观属性的同时,也复制了它的种种限制与不便。这在某些情况下恰恰牺牲了计算机的灵活性,使用户失去了软件界面本来所能提供的自由空间。而在这一点上,大家熟悉的多点触控界面中用两个手指操作图片或者其它虚拟物体的手势,并没有拘泥于物理操作,而是在平移和旋转这两个完全符合物理常规的操作之中,加入了缩放这一在真实世界几乎不可能的操作,形成了一个无缝的自然交互方式——多数用户在使用它的时候可能甚至从来没有意识到这一点。可以说,自然用户界面应当源于真实,高于真实。

新交互时代:自然用户界面中的“自然”到底是什么意思?

自然用户界面等于不用输入设备的界面吗?

如果我们关注最近的一些被称为自然用户界面的产品,无论是使用手势、语音、触控,甚至是脑电波,他们的共性似乎是不需要专门的输入工具,而用身体的某一部分来直接进行操作。这是否是一切自然用户界面的大势所趋?一方面,人的手和身体本身就是极为灵活的工具,不需辅助就可以胜任许多通用型的任务,这正是今天许多无需输入设备界面的基础;但另一方面,物理工具的发明恰恰标志着人类的进化。

各式各样的工具造就了人类从事各种专门活动的能力,而每一种工具的设计和使用方法都最大可能地为其支持的活动做了专门的优化,本身就是“自然用户界面”的典范。最好的例子莫过于形形色色的笔:比起用手指写字,用笔写字实际上更好地利用了人多个手指灵活配合和控制的能力,大大提高了书写的准确和丰富性。同样的道理,在今天的计算机使用中,特别是对于许多专门性的活动,一套设计合理的输入设备(例如数字笔)也可以延展人的能力,从而提供更加自然的界面。

上述各种理解有一个共性,那就是它们都是将某一类特定的交互模式等同于自然用户界面。而实际上,“自然”并不是一个绝对的概念,无法抛开情境来下结论。上述提到或没提到的每一种交互模式都在某些使用情境中成为自然界面的典范,但在另一些情境下却又可能显得不那么自然。在尚未了解界面所要支持的用户、活动和环境的前提下,几乎无从判断它的自然与否。正如人机交互研究的一位先驱比尔•巴克斯顿(Bill Buxton)所说,“不论是什么东西,都对某些事情最好,而对另一些事情最糟。”

自然用户界面的通用标准

一些研究人机交互的同行提出了一个有趣的问题:自然用户界面这个词,究竟是自然的“用户界面”还是“自然用户”的界面?乍看起来这是个文字游戏,答案也许并不重要。但这个问题的提出,为回答前一个问题指出了一条方向,那就是对自然用户界面的衡量,并非取决于界面的交互模式,而是取决于用户自身的体验。

新交互时代:自然用户界面中的“自然”到底是什么意思?

自然源于体验/经验

在英文中,experience既有体验又有经验的意思。而在讨论自然的用户体验时,正要从用户的经验说起。这乍听似乎有些矛盾:自然用户界面不应该要求用户没有任何经验吗?不错,对界面本身而言,让用户在没有经验的前提下上手,让学习过程尽量缩短,这正是自然用户界面的主要优势之一。而这里要谈的,是另一种经验——对现实生活的经验。

具体解释之前,先讲讲我的两位人机交互同行亲身经历的故事。

一位印度的同行为当地用户设计了一组用数字笔操作的界面。在进行用户测试时,他对其中一位用户说:“请拿起笔碰一下屏幕。”出乎他意料的是,这一看起来十分简单自然的操作,居然出了问题:这位用户没有用笔尖,而是把笔横过来整个贴在了屏幕上!经询问才知道原来他不识字,也从没用过笔。

而另一位欧洲的同行为家庭用户在交互桌面上开发了一套软件,包括一些直观的手势交互,例如用两个手指相反方向移动做打开的手势来打开一个虚拟的储物箱。当他向用户家庭演示时,他想考考这个家中正上小学的孩子:“你试试看怎么打开这个箱子?”孩子二话不说,直接用食指在箱子上双击!

从这两个例子可以明显地看出,对于用户而言什么是自然并不等于与生俱来,而是在很大程度上取决于它们之前的生活经验:前者因为没有用笔的经验,“自然”的操作对他毫无自然可言;而后者由于从小与电脑和鼠标打交道,“不自然”的操作对他却是再自然不过。同样的道理,我们平时觉得自然的事情,不论书写、语言、手势,还是触摸,恰恰是来自于若干年积累下来的经验或者有意识无意识的人为训练,当然也包括对真实世界物理规律的经验和对已有计算机界面模式的经验。这些训练和经验,有些是较为广泛地为所有人所共享的,比如物理规律;而有些则与用户所属的社会文化群体息息相关,正像上边所举的两个例子。

新交互时代:自然用户界面中的“自然”到底是什么意思?

由此可见,如果想让用户尽快上手,恰恰要建立在用户已有生活经验的基础之上。缩短了的界面学习过程,正是因为借用了此前若干年用户学习其它相关事物的过程。于是,了解目标用户群体已有的经验,并试图让交互方式与这些经验相一致,就成了设计自然用户界面的关键。实际上,在人机交互中非常强调的“隐喻(metaphor)”概念,正可看成是这种思想的一种体现。

隐喻指的是把用户界面中的概念比拟为一种人们熟悉的概念或现象,用于解释其交互方式,例如将图形界面元素比喻为大家熟悉的桌面、窗口等等。隐喻越贴切,越为用户熟悉,往往就意味着界面越自然。

当然,界面设计不可能也不应当完全局限于人们已有的经验。有时,界面所涉及的活动并没有直接对应的现实经验可以借鉴;有时,拘泥于已有经验会失去了界面设计的灵活性和创新空间。

如何确保用户界面在超越已有经验的同时,又不失其自然呢?

这里要涉及到人机交互中另一个与用户经验息息相关的概念,即思维模型(mental model)。它是用户脑中对所进行的具体活动机制的一个抽象,源于经验,又高于经验。还以多点触控中的两指操纵手势为例,根据物理经验,真实的物体无法被缩放,但基于平移和旋转的经验,用户抽象出的思维模型则是无论手指怎样移动,物体上固定的两个点始终对应于两个手指的位置。缩放操作正是这一思维模型的直接推广,而这也是广大用户在使用这一操作时没有感到任何不自然的原因。由此可见,理解用户已有的思维模型,并加以外推,不失为设计自然用户界面的有效方法,也可以覆盖大量的用户原本没有经验或预期的使用情境。这样设计出的界面可以说是“情理之中,意料之外”。

基于这些讨论,不妨试着给自然用户界面一个定义:

自然用户界面是与目标用户群体在预期使用情境下已有的经验或思维模型相符的用户界面。虽然与许多常见理解相比,这个定义少了“新”和“炫”的成分,但它在某种意义上也许更加贴合自然的本义:往往是“无招胜有招”,一个理想的自然用户界面应当能让用户的注意力完全集中在所要从事的活动上,而忘记界面本身的存在,或者说,界面变得“透明”了。

 

作者:曹翔,博士,小小牛创意科技创始人,自然人机交互技术国际专家。曾任微软研究院研究员,联想研究院总监、主任研究员。清华大学计算机系学士,加拿大多伦多大学计算机系硕士、博士,英国剑桥大学Fellow。

来源:http://www.leiphone.com/news/201611/1MyCkeVqDcNjwZxa.html

本文来源于人人都是产品经理合作媒体@雷锋网,作者@曹翔

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26435/

(0)
CatherineCatherine
上一篇 2017-05-14 12:12
下一篇 2017-05-14 14:05

相关推荐

  • 经验总结:APP页面提示样式,选择合理的就好

    最近做交互总结,又碰到了页面弹窗提示的问题,于是便总结了下。我按弹窗提示的样式分为了以下几种来进行说明。每种样式的提示强度不同,对用户在使用app时的打扰与影响也不同。这些提示并不是说哪种好哪种不好,按照自己的规范选择合理的就好。

    2017-05-11
  • 用户体验与智能产品设计专业课程研修班

    通知:根据国务院学位委员会(2013)36号文件,原用户体验与智能产品设计在职研究生课程统一更名为“用户体验与智能产品设计在职研修课程”!一培养目标:良好的用户体验是产品成功的关键。在科学技术日益突飞猛进的今天,用户体验与创新设计不仅是国际IT界、设计界和商业界最活跃的热点,甚至成为企业成败的决定因素。随着科技进步和社会发展,人们对产品的需求由满足可用的时代提升到更加重视主观感受和体验。用户在使用产品、服务、系统的前期期望、使用过程中,...

    2018-04-06
  • 交互设计的综合性——后APP时代交互设计师的主场

    作者:司马西   1. 后APP时代-用户时间的争夺战 近几年来,移动互联的普及,各大厂商为了抢占市场激烈竞争。然而硝烟散去,我们统计并回视移动互联网的App世界,各大行业(包括:新闻、游戏、餐饮、医疗、教育、金…

    交互专题 2017-08-07
  • 交互实战|覆盖层设计:弹出式半屏页面和弹出式气泡(下)

    上篇《交互实战|覆盖层设计:对话框&浮层(上)》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式:对话框主要分为提示型和输入型两大类;浮层主要分为Toast和Snackbar两类。在下篇中,想要讨论一些不那么常用的覆盖层交互形式:弹出式半屏页面和弹出式气泡。

    2017-05-05
  • 产品学习——用户体验要素

    最近看完了这边和产品相关的书籍——《用户体验要素》,读完之后感觉这本书写的挺好。下面做了一些思维导图,做的比较详细,这样就可以当做是读书笔记了。自己的不足:1,读起来的困难是这本书翻译的不是特别好,所以为了理清楚这个本的脉络,还是花费了比预期要久的时间。2,是第一次使用xmind,在一边做思维导图,一边学习使用xmind上面花费了一些时间。3,是专注度还是不够,集中精力的时间太少了,所以做一件事的时间就会拖的太久。第一章:用户体验为什么...

    2018-02-23
  • 浅谈设计中的逻辑

    逻辑(理则学),源自古典希腊语λόγος (logos),最初的意思是“词语”或“言语”,还引申出意思“思维”或“推理”。逻辑经常被认为对论证评价准则的研究,尽管逻辑的精确定义在哲学家之间尚有争议的事情。这个主题还是有所…

    2014-09-19
  • 2015年移动端UI/UX设计风格报告与2016年仍会持续火热的5大UI/UX设计趋势

    概述:随着响应式Web设计的持续升温以及Google移动友好性的提升,2015流行的一些UI/UX设计趋势将会在新的一年里持续升温。本文就来预测下2016年仍会持续火热的5大UI/UX设计趋势。 预测:2016年仍会持续火热的5大UI/…

    2016-01-03
  • 院士谭铁牛:人工智能的10件大事和10大趋势

    8月26日至27日,2016中国人工智能大会(CCAI 2016)在北京召开,在26日的主题报告环节,中国科学院副院长、中国科学院院士、中国人工智能学会副理事长谭铁牛先生做了题为《关于人工智能发展的思考》的主题演讲。

    2016-08-31
  • 【Mockplus教程】重命名

    对页面和分组的重命名可以选中单个页面,然后使用F2进入名字修改状态,改完之后鼠标随便 点击其它地方即可完成修改。 对于选中页面也可以双击页面节点进入修改状态。 完整演示如下:

    交互设计 2015-09-10
  • 交互进阶:一套较完整的轻量竞品调研法

    本文作者将介绍自己常用的一套较完整的轻量竞品调研法,一共分为五个步骤。“这个地方怎么不借鉴X产品?”
    “那个地方你不要借鉴Y产品,我一点也不觉得好用!”
    “这个界面看起来根本不像这类产品的界面啊?”
    ……

    2017-05-02