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

译者 / 熊猫小生校对 / 不器作者 /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

相关推荐

  • 为了更好的用户体验,谷歌拿出了“大棒”与“胡萝卜”

    点击关注36氪,置顶公众号专业的行业新闻及深度报道,不容错过━━━━━━这是著名分析师Ben Thompson对谷歌近期宣布的一组数据的评论,原标题为“THE AGGREGATOR PARADOX”以下为谷歌宣布的这组数据:现在共有3100万个网站加入了加速移动页面(AMP)计划,自去年10月以来增长了25%。在2月的第1周,谷歌向出版商发送了4.66亿个页面浏览量——比2017年1月增加了近40%。我们希望通过这样一篇文章,来带你了解...

    2018-02-27
  • 从用户体验的角度谈多数RPG战斗系统中的缺陷

    在为RPG创建战斗系统时,多数开发者首先会考虑到这个问题:“游戏中的各个角色会有哪些优势和弱点”。四大元素系统基本的战斗系统之一是,带有水、火、风、土的“四大元素系统”——水比火厉害,火比风厉害等等。这一系统适用于元素不多的游戏,因为玩家几乎立刻就会明白哪些元素能对敌人造成更大伤害。在现实生活中,不同元素的相互作用是众所周知的,因此开发者可以在不提供大量教程的情况下使用这些现实生活中的元素。但如果将这个系统进行延伸的话,就会导致交叉优势...

    2018-04-17
  • 刺猬公社招聘汇 | 通往offer之路

    ■更多招聘信息,以及1对1职业咨询,尽在offer之路。扫描上图二维码,即刻加入!本期招聘概览北京:商业新媒体  中国国家地理  北大出版社  音悦台  华谊兄弟    光合映画腾讯研究院猫眼电影  一点资讯  人民日报  摄影之友  经济观察报智云图  鱼眼视频上海:GQ杂志爱奇艺(绿色为正职,黑色为实习,红色可转正)全职信息1  商业新媒体 | 新媒体采编来源:@商业新媒体岗位职责1.关注并监测娱乐内容营销行业内的最新动态,策划行业...

    2018-04-08
  • UED 招聘,多个职位给你更多选择!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-03-05
  • 【干货】学交互设计,毕业以后该做些什么呢

    大家对于交互设计有没有基本的认识,上一次的文章中给大家有过简单的介绍。平时和朋友同学之间再聊到交互设计,会觉得,交互设计都是app网站,但是随着科技的发展交互设计行业涉及很多方面,也有很多新的变化。所以在2018年之后,交互设计会有新的一些行业趋势。全感官体验因为未来找设计会越来越脱离我们所认知的app界面,会从app界面转移到其他的媒介上面去和其他设备上去做交互。全感官体验,因为平时我们都是从视觉上面去或者其他界面上做一个新的交互设计...

    2018-04-25
  • 用户体验设计过程方法论的演变

    “用户体验设计”这一概念,是由唐纳德·诺曼(Donald A. Norman)创造出来的。我之所以会发明这个术语,是因为我认为人机界面和可用性太窄了。我想涵盖人们体验系统的所有方面,包括工业设计图形,界面,物理交互和手册。从那个时候开始,这个术语开始广泛传播,以至于它失去了意义。——唐纳德·诺曼但到了 2016 年,唐纳德·诺曼开始对这一术语的滥用大肆批判,他在这段简短的YouTube视频中谈到了这一点。这些天,他说他是一个人民设计师(...

    2018-04-06
  • SKETCH Hong Kong 2016 作品展

    SKETCH Hong Kong将于2016年7月1至10日在太古广场2层(Kelly & Walsh书店附近)、及7月15至30日在3812画廊(香港西营盘皇后大道西118号地下)举办SKETCH Hong Kong 2016作品展,展览由Miele全力支持,展出超过50件出自本地业余速写画家手笔速写作品。李唯芳  湾仔4色  钢笔铅笔水彩纸本参加者运用多样的绘画工具,从多角度描绘了香港著名的历史性地标,记录了香港独特的文化生活方式。...

    2018-04-16
  • 交互设计牛校排行榜 | 纽约大学ITP研究生项目

    Create Your Difference. by CYDWHO ARE YOU?Do you love biology but also love your art classes你是否热爱生物,也沉醉于艺术and want to merge the two所以想把这两者融入Do you love programming but also like to make things你是否能编程序,也想做出真实的东西Are you int...

    2018-05-06
  • Axure RP 8软件和安装教程

    Axure RP 8(64位)下载链接:百度网盘:https://pan.baidu.com/s/1hsfD3Kg提取密码:ivma软件简介:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。(仅供学习交流使用)安装前须知:1.解压和安装前请关闭...

    2018-04-17
  • 亚马逊语音交互设计规范(三)Alexa的回应

    作者:Amazon翻译:原形必录这篇是整个设计规范的重点,因为在设计语音交互时最主要的就是Alexa的回复内容,本篇给出了很多让对话更自然易懂的方法,希望对大家有帮助。往期回顾:《亚马逊语音交互设计规范(一)设计流程》《亚马逊语音交互设计规范(二)用户说的内容》本文讲的是Alexa如何表达能让人们更容易理解和更好的回应。Alexa能够以自然的对话方式来回应、通知,还能问问题。 在设计Alexa对用户说什么时,我们可以参考以下做法。本章目...

    2018-03-18