经典必备知识!什么是交互设计的三大法则?

@十萬個為什麽 :本文提到的三大铁律在交互设计中的地位接近圣经。细细品读,你会发现现代最流行的用户界面,都采用了这本里程碑式的著作中的概念与技巧,其中也包括微软和苹果的设备 >>>

经典必备知识!什么是交互设计的三大法则?

科幻作家艾萨克·阿西莫夫在他的机器人系列故事中创造了“机器人学三大法则”。这些法则被永久性地植入每个机器人,作为防止灾难、保护人类的最后一道保险。我很好奇,我们最后一道保险是什么?对于交互设计师而言,三大法则又是什么?

用户对于界面的感知,离不开它的形式、内容和行为。就像工业与平面设计师专注于形式那样,交互设计师将行为作为最重要的元素来考虑。要通过设计来左右用户的体验,首先要考虑我们的三大法则,界面的行为如何表现,它对用户的行为产生什么影响。它们必须得作为稳固的基础,在它之上构建其他交互设计原则。幸运的是,我将要运用的三大法则早已有人提出——三大法则的主人,Mac电脑项目背后的大脑,Jef Raskin。他在他的著作The Humane Interface的某一页中写下了这三条铁律,本书在交互设计中的地位接近圣经。细细品读,你会发现现代最流行的用户界面,都采用了这本里程碑式的著作中的概念与技巧,其中也包括微软和苹果的设备。

第一法则

善加利用阿西莫夫的三大法则本身,Raskin写道“交互设计第一法则应该是:电脑不应该妨碍你的工作,或由于不作为而使你的工作受到损害” [1]。我们都应该牢记,电脑是一件用来完成任务的工具;最终目标不可能或极少情况下是使用软件本身。因此,我们可以一致同意,在电脑上最恶劣的体验就是让工作蒙受损失。唯一一件比丢失已完成的工作更糟的,是丢失无法精确还原的数据,比如创意类的工作。

经典必备知识!什么是交互设计的三大法则?

当你键入时,应用应当如实反映数据,并尽可能防止你丢失工作。可能你会觉得这只是工程师该考虑的。开发者应该确保他们的软件有防护措施和冗余,来防 止数据丢失(还有一些潜在bug),不是吗?实际上,数据保护与工作保存也是界面设计的任务,作为设计师必须预先行动——通过用户研究——发现用户会如何损失工作,或是不得不重复工作。这就意味着要加入一些保护,比如强大的撤销功能和破坏性操作保护,来防止无意的数据丢失。很棒的一个例子就是GitHub仓库的删除对话框,它确实发挥作用,不同于其他确认对话框,它强迫你输入仓库名称才能继续。这个技巧很聪明,在删除过程中迫使用户的注意力集中到仓库名上。安全措施防止用户习惯性的操作导致损失。

经典必备知识!什么是交互设计的三大法则?

GitHub删除确认对话框。

第一法则也适用于保存用户的工作相关与内容本身。比如,要选择一系列项目进行操作(比如说文件),需要大量的精力。因此,建议在工作流程中保留选中状态,将它们保存在一个可以撤销的操作列表中。类似的,如果界面允许用户对元素进行自定义或排序,这些排序或自定义都应该保存下来。

为什么Apple的Time Machine和自动保存,还有Dropbox的历史版本这么棒,就因为遵守了第一“法则”。它们承认人类会犯错这个事实,尽管用户可能会触发一个破坏工作或数据的操作,那并非他们的意图。

经典必备知识!什么是交互设计的三大法则?

Apple的“浏览所有版本”功能非常棒。

第二法则

Raskin继续写道,好的第二法则应该是“电脑不该浪费时间,或要求你做非必要的工作”[2]。很常见的情况,用户肩负众多任务,因为人工执行一项任务比编写一个系统让它自动执行简单的多。这些情况下,如果技术允许,电脑应该承担起这些工作。比如迫使用户选择信用卡的类型,虽然从卡号就可以推断出来。

经典必备知识!什么是交互设计的三大法则?

Stripe就做对了,自动检测信用卡的类型。

用户学习一套新的界面或系统数据模型,所花的时间与精力也要纳入考虑,要与总工作量取得平衡。用效率较低的方式执行一项操作,或许比学习一种高效的新方式再操作工作量少。用户只原意与少量界面进行交互。至于其他,稍加牺牲效率,换取更加直观的操作或许是值得的。

假设某种状况下你需要迫使用户改变他们自己的思维模式,这时需要谨慎。因为这项设计抉择会影响用户的内容结构(通常出于技术要求),而非让他们自己决定如何组织信息,或是使用他们熟悉的结构。优秀的界面以用户最想要最易懂的形式展现信息系统。以多数银行希望你存钱的方式为例。通常,你需要把钱分几个账户存,或是存在一个账户上,然后自己判断哪些不该花。Simple用了另一个方案。相比强迫用户思考存款的运转方式(比如在银行账户中),Simple让你简单通过“目的”设置任意数量的钱,这些数目与之后的交易一起,都在“可使用”余额的追踪下。

经典必备知识!什么是交互设计的三大法则?

Simple的“可使用”能辨认出人们确切的用钱方式。

第三法则

我相信,Raskin的书余下的所有部分,讲的就是第三法则。他说界面应该是人道主义的;它应当“响应人类的需要,并且体谅人类的弱点”[3]。

这是整部以用户为中心的设计的核心定律,由此得到其他的交互设计原则。好的交互设计永远都会尊重人脑和身体的局限。它有必要对我们的本能物理反应和文化价值 保持敏感。

让界面变得人道主义的一个例子,是围绕人们同时只能注意一件事情进行设计。比如,键盘大写锁定键上的指示灯。它本身并不是个好的解决方法,无法避免误触开启大写锁定模式,因为用户按下时,关注点通常不在按键上。Mac的密码输入就处理得很好,它在输入框内提供了视觉指示,表明大写锁定被开启了,用户此时就在看输入框。

经典必备知识!什么是交互设计的三大法则?

大写锁定的信息就在你需要的地方。

“响应用户需求”的一个例子,是在他们进行操作或执行工作流程时,持续展示用户关心的内容(注意:他们关心的是目的,而不是你的应用)。

看看Amazon,它自动显示你查看的镜头是否匹配你近期购买的相机。

经典必备知识!什么是交互设计的三大法则?

Amazon的相机镜头匹配组件。

最后一条“定律”是交互设计定律的精髓。在今天的世界,要知道设计界面非常重要的一点就是人道主义,从认知的格式塔原则和平面设计原则,到相关的文化心理学。我们的工作永无止境。随着时间流逝,技术前景和我们的文化环境在缓慢改变,我们将颠簸前行,继续演进我们的设计与设计流程。

无论如何,这三条定律是我不断回溯的基本准则,它们再三成为成功的界面的试金石。在你决策界面的外观和行为时,牢记它们很有帮助,不论你最终设计的美学样式如何。

总结

  1. 电脑不应该妨碍你的工作,或由于不作为而使你的工作受到损害。

  2. 电脑不该浪费时间,或要求你做非必要的工作。

  3. 界面应该是人道主义的;它应当响应人类的需要,并且体谅人类的弱点。

原文地址:diogenes.squarespace
译文地址:Colachan
译者:@十萬個為什麽

【优设投稿:2650232288@qq.com】

经典必备知识!什么是交互设计的三大法则?

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

(0)
TinadminTinadmin
上一篇 2017-08-01 05:25
下一篇 2017-08-01 06:18

相关推荐

  • 为什么我推荐使用Flinto做高保真交互设计稿?

    静电说:其实Flinto并不算一个新鲜的工具了,但是感觉在设计师中的流行程度并不高,可能是这个工具一直很低调的原因吧。在16年初,Flinto还只是个可以做连连看的工具,跟其它同类型的工具并没有太多的区别。但是随…

    2017-08-01
  • 如何机智地向外行人解释交互设计到底做什么的

    破除对交互设计师的三大误解,交互设计师不等于视觉设计师不等于美工,且不会几分钟做个logo,机智向外行解释交互设计师到底做什么

  • 交互密度与最小交互区域

    体验优秀的App之所以优秀,往往是因为他们能让用户快速访问到各项功能。这里就涉及到多点触摸的交互密度,一个较大的触摸区域,在常规操作下十分好用。 或许对于一些用户来说,触控区域的大区块,视觉上可能有点难…

    2016-06-08
  • 交互设计中的5项视觉指导原则

    【分类】经验分类:经验/观点/自译原作者: Jerry Cao翻译:@ifecIFEC团队译文UI中国旗下翻译团队,由热爱翻译热爱分享的设计师组成。IFEC译者翻译国外行业热文、规范文档。欢迎关注我们的官方微博 @ifec, 加入我们…

    2017-08-04
  • 一次关于梦想、音乐和代码的交互设计体验

    ▲ Arcade Fire··[Way to Go] 这是树林里的一次漫步, 这是一次惊人的互动体验。 一个不安分的全景, 一次手工制作动画, 用360度视频(精选)拍摄, 混合着音乐、梦想、还有…

    2017-08-02
  • 交互设计控件之按钮设计

    ♝点击上方“交互设计学堂”关注我们,送电子书一.主按钮和次按钮很多按钮是成对出现的,比如“确定”和“取消”。一般情况下,按钮会有主次之分,一个按钮是我们期望用户去做的,另一个按钮是在特殊情况下才去做的。主次按…

    2017-08-04
  • app反馈信息的交互设计

    请戳“小白的交互设计”,关注我,么么哒。反馈的作用是帮助用户理解系统行为,合理的反馈就像两个用普通话交流的人之间的对话,互相可以轻易地理解,而糟糕的反馈就像是一个用普通话,一个用粤语的两个人之间的对话…

    2017-08-02
  • 『涨姿势,什么是交互设计?』

    干货分享,点击标题下‘琅沐创意年代’订阅关注『涨姿势,什么是交互设计?』交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品…

    2017-08-02
  • 交互设计是什么?

    昨天认识一个新朋友,叫小木,在一家酒店做管理。小木问我做什么,每次这个时候我都会犯难。交互设计师,边回答边看着小木迷惑的脸,我知道又要解释一番了。这是历来对朋友解释过的交互设计是什么的情形:①交互设计…

    2017-07-31
  • 交互设计:补上学校不教的这一环

    作者:郦橙 锦妖链接:https://zhuanlan.zhihu.com/p/25279058不知道其他专业有多么具体和细致,我自己的专业(CMU Mii-PS)是典型地抓大放小,各种设计实操细节统统不讲,全靠自己摸索。我也曾经狂看blog,看书,…

    2017-08-02