两个交互设计鸿沟-评估与执行

译者 / 熊猫小生校对 / 不器作者 /Kathryn Whitenton前言:通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑...

两个交互设计鸿沟-评估与执行

译者 / 熊猫小生

校对 / 不器

作者 / Kathryn Whitenton

两个交互设计鸿沟-评估与执行

前言:通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。


上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑,确保它们都已打开,并且翻查了耳机评论以确认耳机与我的电脑兼容,甚至通过将耳机同步到另一台计算机以测试耳机;在我正准备放弃时,却发现了一个随机的帮助页面(来自于一个完全不同的硬件制造商),从而改变了一切。


这个新的帮助页面,显示了Windows 10蓝牙设置开关打开时的实际截图。看着这个截图,我立即意识到了自己的错误:在过去的一个小时里,我一直盯着的显示在我电脑上的蓝牙设置页面实际上是在告诉我蓝牙已关闭。

两个交互设计鸿沟-评估与执行

此蓝牙连接开关有一个可从一侧移到另一侧的以改变关(左侧)或开(右侧)状态的圆圈。标签反映控制器的当前状态,而不是反映当开关移动到右侧时会发生什么。(与加号图标不同,它说明点击时会发生什么。)


当我意识到自己的错误时,我觉得很愚蠢。但我未能理解设备的当前状态实际上是一个极其常见的可用性问题——因此,在Jakob Nielsen著名的10个可用性启发式中,系统状态的可见性是排在第一位的。


看看这个设计,很明显,设计师知道让状态可见是很重要的:他们甚至在控制开关旁边列入一个明确的状态标签(OFF/ON)。


那么出了什么问题呢?要了解,我们就需要深入挖掘。



01


评估鸿沟和执行鸿沟


为了成功地与技术互动,人们必须克服的两个挑战是:


  • 评估:了解系统的状态;

  • 执行:采取行动完成特定目标;


这些挑战被描述为“评估鸿沟”和“执行鸿沟”,因为,如果没有有效的设计元素来支持用户,它们就会成为用户和他们目标之间不可逾越的障碍。


在1986年,埃德·哈钦斯(Ed Hutchins)、吉姆·海伦(Jim Hollan)和唐·诺曼(Don Norman)发明了评估和执行鸿沟的术语,他们在文章中提到了直接操作的好处,帮助用户消除这些鸿沟。(他们的作品发表在《以用户为中心的系统设计》一书中,由诺曼和德雷柏编辑,这是“以用户为中心的设计”这一术语的首次使用,早在诺曼加入雅各布·尼尔森(Jakob Nielsen)建立尼尔森诺曼集团之前)。诺曼的书《日常事物的设计》讲述了鸿沟的事例,并详细描述了它们在设计过程中的重要性。三十年后,这两个海湾仍然是我们这个领域的基本概念。

两个交互设计鸿沟-评估与执行

“评估的鸿沟”和“执行的鸿沟”描述了用户为了成功地与任何设备交互而必须克服的两个主要挑战。如图所示,用户陷入了一个(几乎)无尽的循环,交替出现这两个问题:执行后,你必须评估结果,计划执行下一步,再评估结果,然后以此类推,直到达到您想要的最终目标并退出。


而且,这些挑战都是由用户必须完成的子任务组成的。 例如,成功的评估不仅需要了解系统状态指标,还需要解释它的含义。 同样,执行既需要基于理解控件如何工作来计划动作,又需要实际操纵控件。 这种对相互作用的细致而具体的分析非常重要,因为一个子任务的成功并不一定意味着其它任务的成功。


确定某状态是否开启或关闭是评估鸿沟的典型例子; 对于这个蓝牙开关,很容易看到开关和标签,但这些项目的可见度并不一定意味着它们可以被正确解释。



02

执行和评估是相互依存的


成功的执行通常取决于正确的评估。在这个蓝牙例子中,只要我改正了对当前状态的评估,我马上就能明白如何通过单击开关启用蓝牙。很容易制定使用该系统的行动计划,但任何基于错误评估的计划都注定会失败。


这种相互依存影响了许多现实世界的交互; 例如,在许多平面设计中,用户在导航时遇到问题。这并不是因为他们不知道如何点击链接,而是因为他们不明白链接所表达的是什么意思。



03


用心智模型消除鸿沟


解释需要努力,而且大多数人试图通过依赖心理模型来理解一个系统来尽量减少这种努力。一个心理模型是一个系统如何运作的理论,它的信号意味着什么,以及不同用户行为的结果是什么。为了节省时间,大多数人依靠他们过去的经验来快速建立新系统的心智模型。


设计师可以利用这种自然趋势,包含有意识的设计元素,帮助用户建立有效的心智模型。这就要求:


  • 识别用户已经熟悉的一种相关设计;

  • 在新设计和熟悉设计之间创造视觉相似性;

  • 在新设计和熟悉设计之间建立功能相似性;

物理和数字体验都可以作为一个系统的心智模型的基础;重要的是,视觉信号显示了一个与系统功能相匹配的模型,至少可以让用户正确地解释系统的状态指标并预测结果。


回到最初的蓝牙示例,有几个不同的可能的模型,以说明一个打开/关闭(ON/OFF)开关是如何工作的。有些开关根本不使用标签,使用位置或不同的背景颜色来区分不同的状态。其他开关是开关外部有标签,通过将开关推向描述所需状态的标签来工作。例如,下面显示的扬声器上的开关目前处于关闭状态 ; 要将其打开,请将开关朝向单词“ON”。

两个交互设计鸿沟-评估与执行

左图:一些开关不包含标签,仅使用颜色区分不同的状态。右图:这个扬声器使用了一个物理滑动开关; 要将其打开,将开关滑块滑向“ON”字,要将其关闭,将开关滑块滑向“OFF”字


本文开头所示的蓝牙开关包含一个标签,其外观类似于标记的滑块开关;但它们的工作方式不同。在蓝牙开关上,将开关推向标签关闭,改变开关状态,这与物理标签滑块开关的工作方式相反。


当你可以看到处于不同状态的多个开关时,此Windows 10开关设计是更容易理解的; 背景颜色明确指出哪些开关处于关闭或开启状态,并且由于这两个标签都出现在开关的右侧,因此很明显,它描述的是当前选择的状态,而不是开关的一端。


当多个开关在一起时,有些是关闭的,有些是开启的,很容易理解,标签是指当前选择的状态,而不是开关的一个特定位置。(另外,在这个屏幕中,隐藏通知开关关闭的事实导致了额外的解释困难,因为隐含的双重否定。最好是用一致的、积极的方式来描述所有的特征,这样就意味着某事正在发生。


但是,在复杂的设置菜单中,很难保证一个开关总是伴随着另一个开关,以确保人们理解它。另一种更好的设计是使用一个复选框,它也依赖于从物理世界中提取的心智模型。复选框起源于纸质表单:带有标记的框表示选择了一个选项,而没有标记表示它不是。这是在Windows 7中启用蓝牙的模型;并且没有标签位置和颜色依赖的复杂性,它对用户的评估负担比Windows 10的低得多。

两个交互设计鸿沟-评估与执行

左图:Windows 7提供了一个复选框来启用蓝牙。复选框的当前状态之所以更容易解释,是因为它仅依赖于框中存在的标记 – 而不是颜色、标签或标签位置。右图:复选框仍然出现在Windows 10的更深层设置中; 虽然更新到了更现代的外观,但它们仍然保留了能使评估当前状态更为简单的明确特征



04


为什么鸿沟如此重要


唐·诺曼(Don Norman)在数十年前首次描述了他的交互模型,但评估和执行方面的困难仍然困扰着今天的界面。理解这些鸿沟并将它们纳入UX设计很重要,其原因有两个:


  1. 首先,评估和执行的挑战超越了交互风格和设备类型。不管你是在设计笔记本电脑、手表、智能音箱还是冰箱,人们仍然需要处理这些鸿沟问题,而且这个框架要足够灵活,可以有效应用于新的设计环境中。


  2. 其次,当涉及到解决设计问题时,将评估和执行分解为特定子任务的粒度会揭示设计失败的详细原因,因为它采用以用户为中心的视角。启发式“让系统状态可见”告诉你一个好的设计应该做什么,但是它们并不一定要解释怎么做。确定一个问题是否与可见性或解释有关,为你提供了一个更好的头脑风暴解决方案的起点。


用户必须在评估和执行之间架起桥梁,才能成功的与设计交互,但是当系统的创建者意识到这些鸿沟时,挑战就会变得容易得多,并通过提示将用户引导到正确的路径上。


原文地址:https://www.nngroup.com/articles/commitment-consistency-ux/

版权由原作者所有,转载请注明~~~

两个交互设计鸿沟-评估与执行

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36162/

(0)
交互精选交互精选
上一篇 2018-03-28
下一篇 2018-03-28

相关推荐

  • 【优秀作业展示】交互设计基础(一)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计1511高铁取订票界面设计色彩选取字体:冬青黑体字号:18、21、24、28、30、32、36风格:利用从...

    2018-04-04
  • Axure基础

    目录(使用微信自带页面搜索功能)第一章 使用元件基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏基础11. 设置文本框输入为密码基础12. 设置打开选择文件窗口基础13. 限制文本框输入字符位数基础14. ...

    2018-03-15
  • 【干货】在考虑入行交互设计之前,你必须搞清楚这些

    本篇文章来自知乎专栏:设计史论与设计哲学https://zhuanlan.zhihu.com/sheji-history-theory作者:乐可柯产品与交互设计师,设计史论学者现任阿里巴巴集团交互设计师毕业于同济大学设计创意学院设计学硕德国奥芬巴赫设计学院交换生今年,O’REILLY公司对全球范围内的“交互设计行业”做了一次调研,收集到了来自25个国家、1000多名设计师的反馈,虽然量不大,但其数据显示的结果可以作为参考,一窥整个交互设...

    2018-01-31
  • AR与用户体验简析

    说道AR想必大家都不陌生,所谓AR就是增强现实技术,现在普遍的应用是在移动端,通过相机拍摄现实场景,并通过AR技术在屏幕上生成想要的图案,使能够栩栩如生的浮现在屏幕上,好似实物就在眼前一样。首先我们值得注意的是个人电脑和智能手机是所有人都想要拥有和使用的产品,一旦产品价格进入消费者能够承受的价位,爆发是完全没有问题的;其次,两者的核心技术其实都集中在CPU、显示屏等电子元件相关领域,这些产品的发展基本上都遵循摩尔定律,即18-24月性能...

    2018-02-27
  • 善用Axure写PRD:产品逻辑的五种呈现方法

    每天一篇好文章,2018年第2期不管是APP、web网站还是pc客户端的软件,流程&页面&交互&逻辑始终是最重要的几环,分享一下我呈现逻辑的几种方法,大部分PM应该也采用过类似的方法。一、直接不写逻辑最开始根本没有写逻辑的概念,只是用交互事件加上基本的页面跳转。当技术童鞋来问的时候,口述给他。经常会被鄙视。二、直接写到页面里开始学乖了,把一些逻辑直接写到页面里。不过很快就发现了弊病,某些逻辑不应该呈现给用户,只能给前后端童鞋看。同时也造...

    2018-03-27
  • 交互体验,是最好的科普教育——天宁小学参观丽水市科技馆活动随记

    点击上方“莲都区教育局”可以关注哦充分利用身边的公共科普资源,激发学生的科学探究兴趣,享受交互体验式的科普教育,增强学生的科技创新意识,这是我们安排学生走进科学馆进行参观体验的根本目的。这次天宁小学的孩子们真的是赚到了!面前的这个机器人可不简单,它的中文名叫阿尔法。2016年央视猴年春晚上,540台阿尔法机器人与歌手孙楠共同演绎歌曲《冲向巅峰》,那气场堪比国庆大阅兵。工作人员对阿尔法机器人作简要介绍:阿尔法是一款仿人型智能机器人,可直立...

    2018-01-30
  • 【用户体验.春节特辑】我的家史馆,我的“义务”馆(总第267期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第267期使用我的家史馆APP以来,起初家谱树状图深深吸引了我,在不断完善添加家族成员的同时,越来越觉得只是单纯的成员图像和姓名显得很单薄,已不能满足我对家族每个成员的情感。想到我的后代、我的子孙后代将来看到的只是家族长辈的照片、姓名,这和见到一些陌生的照片姓名难道不一样吗?越想越觉得应该让家族人物更丰富起来。之后就仔...

    2018-02-21
  • 这些走心的用户体验应该多学学

    不仅仅局限于互联网的设计,可能还有服务,线下的设计等。先问一下自己,到底什么是好的用户体验?我认为有以下三点:第一,无需思考,符合本能的设计。(反例,各种需要用户大量动脑的设计)第二,不打扰用户,让用户沉浸的设计。(反例,各种不必要的弹窗提示)第三,温暖的设计,细节打动人心,超出用户的心理预期。(反例,各种冰冷的缺省页面)1.网易云音乐分享提示最近发现了网易云音乐的一个小彩蛋,那就是在播放页当你点了某一首音乐喜欢后,会给你跳出来一个可爱...

    2018-02-01
  • 手机“携号转网”磕绊多,用户体验太遭罪,手机跳槽为何这么难?

    轻点下图  纵横带您“听新闻”携号转网来自新闻纵横00:0005:59工业和信息化部在2010年和2013年,分两批在天津、海南和江西、湖北、云南五个省市,试点手机号码“携号转网”业务。但是到今年初,仍然有试点省份的用户反映,办理过程不如预期的顺利,质疑运营商故意设置障碍。记者调查发现,“携号转网”业务在不同的省份试点效果存在差异,主管部门坦承,有运营商为了挽留用户“搞小动作”,但试点工作整体向前推进,一些技术问题逐步解决。湖北武汉的白...

    2018-04-10