您的位置:山东十一选五开奖 > 股票 > 史上最完整交互设计基本原则|推荐收藏

史上最完整交互设计基本原则|推荐收藏

2019-10-06 07:26

下面的原则对于有效的用户界面的设计和实现都是最基本的,不管是针对传统的图形用户界面还是针对任意的可联网的智能电子设备都是有用的。

图片 1

有效的用户界面是视觉明显的并且宽容的,会带给用户一种控制感。用户能很快明白他们可以做的事,知道如何实现他们的目标,并且可以不受打扰的完成他们的工作;有效的界面不会让用户知道系统的内部是怎么运转的,用户的工作被仔细连续不断的保存下来,并且可以允许用户在任何时间重做他们的工作;有效的应用和服务自己做大量的幕后工作,只让用户做少量的事。

image.png

我喜爱苹果公司及它的产品,但它并不完美

《写给大家看的设计书》读书笔记

我在上一篇文章《关于网页排版和文章编辑那些事》的末尾提到一本书叫《写给大家看的设计书》(英文名 The Non-Designer's Design Book )。这是一本实用性远大于理论性的设计书。书如其名,即使是没有受过设计专业教育的人也能从中学到非常实用的设计理念和方法。不管你是刚入行的设计狮、产品狗还是跟我一样前台端盘子的,这本书都值得你去读一读。

本书作者首先通过讲述一个小故事来阐述一个很重要的概念:

一旦你能够说出什么东西的名字,就会很容易注意到它。你就会掌握它,拥有它,使它在你的控制之中。当我们没用听说过一些设计的概念,我们就很难会注意到一个设计作品上的问题、缺漏,更不可能做出良好的设计。

细心品味这句话。

在这篇文章里我用了很多的苹果公司产品的例子,大多是反面的例子。苹果公司在交互设计领域已经做出了很多的革新,我希望他们继续下去。但是他们也会犯错误,虽然没有其他的产品错误多,但是因为我频繁使用苹果的产品,导致一直看到那些错误。在写这篇文章的时候我用了好多的苹果产品,从iMac到iPad,因此我很容易立即就能找到那些反面的例子。

四大基本原则

1. 对比(Contrast)

对比的基本思想就是要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。对比能够让讯息更准确的传达,内容更容易的被找到、被记住。如果你想让对比效果更明显,就一定要大胆,不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。

2. 重复(Repetition)

重复的目的就是“一致性”,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性,又能增加统一性。

3. 对齐(Alignment)

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观,提升可读性。避免一个页面上混用多种对其模式,也就是不要有一些置左,有一些置右。尽量避免使用居中对齐,除非是比较正式、稳重的设计(别动不动就让什么都居中,有些时候居中是一种很土的对齐方式)。

4. 亲密性(Proximity)

彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

但是不要因为这篇文章就认为我对苹果怀恨在心。事实上在1978年,在被乔布斯雇佣后我设计了苹果的第一个人机界面。之后超过14年我一直在这个公司工作,新产品发布后我会第一时间买几乎所有的苹果产品,并且投资了很多的苹果公司的股票。我喜欢苹果,支持苹果,但同时希望它变得更好。

我的感悟

Robin(本书作者)所提出的设计的四大基本原则虽然看似简单,却是其他设计理论的基础。比如单就网页的文章排版来说,遵从这四个基本原则,就完全可以做出一个比较好的页面排版效果。 所以,不论你是从事传统的平面版式设计,还是当今流行的Web设计,不论是现在还是今后,它都具有实际的指导意义。

然而知易行难,只有在平时的生活、工作和学习中多留心、多思考、多实践、多总结,才能真正领会本书的真正用心,提高一点审美品味和设计的基本能力。

如果说文章是作者和读者之间的一座桥梁,那么糟糕的排版设计就是一条独木桥,而好的排版设计是宽阔坚实的现代化大桥。我觉得,所谓好的阅读体验无外乎两点,一是内容的易读性,一是信息尽量准确无误的传达。而好的排版设计,也应该实现这两点。

美学:

原则:美术设计应该留给那些受过正规训练的有足够技术能力的图形或视觉设计师

原则:设计潮流应该先考虑可用性

从衣服到汽车,出于商业的目的为了卖出更多的产品,公司会人为地推出新设计来使旧产品过时。但是新的设计潮流不应该对产品的可用性不利。

原则:像测试交互设计一样也要对视觉设计进行测试

在美学风格变化之后进行用户测试,要确保产品的可学性,用户的满意度和工作效率等会提高或至少不会降低。如果不是的话,新变化的美学风格所造成的问题需要重新考虑。

原则(译者补充):保持一致性

一致性也是非常重要的,不一致的设计不但会让用户迷惑,而且会让他们觉得设计很丑。一致性包括很多内容:

与平台设计语言的一致,比如iOS7+系统都变得扁平了,如果某个应用仍然是十分拟物的,单独看可能会不错,但如果与其他的应用比较用户可能就会觉得这个设计很丑;

自身版本更新时前后一致,不要突然大幅度变化设计风格让用户难以接受;

应用的当前版本内部各个设计也要一致,比如图标风格一致,颜色一致,不要随便选择按钮的颜色,圆角的角度

预知需求:

原则:在用户达成目标的每一步都把所有必要的信息和工具带给用户

不管是软件还是硬件都要尽力去预知用户的需求。不要期待用户离开当前的页面去寻找他所需要的信息。所需的信息和工具必须放在合适的位置并且要明显可见。

预知要求设计师对于用户和用户的目标有一个很深的理解,它也请求有效的可用性测试来保证达成了目标:如果所需的工具和信息已经在屏幕上了,但是用户却不能发现他,可能预知地不是很准确。

设计师没能预知用户的需求所带来的损失经常是很快并且长久的,特别是如果你还没有忠实用户,对于大众服务类网站或应用,这些用户可能就不会再重新使用你的产品了。甚至是如果你已经有了一些忠实用户,但是你也很难将他们转为为忠实的付费客户,这时往往是你的竞争对手超越你的机会。

用户自主:

原则:不管是硬件环境还是软件环境都应该属于用户,但是这不是说用户自主控制就意味着我们要放任这个规则

给我们的用户一些“呼吸”的空间(自由)。用户可以快速学习并且掌握我们的产品。然而,有时候人们在没有边界的自由中也会感到不自由,掌握好这个度。一个小孩子被放在一个小的空间中或者放在一个特别大的仓库中他都会感到不舒服甚至哭。我们成年人也一样,在一个既不会受限也不会太放任的环境中会感到更舒适,这个环境可以留给人们探索的空间但是没有危险。

原则:让人们自主做出决定,尽管有些用户没有好的审美或者行为并不高效

用户自主意味着用户来决定他们使用键盘的哪个按键,他们把他们的电脑桌面弄成什么样子(尽管可能会很丑),或者他们用哪个APP。当开发者从用户的手中带走控制权时,用户会感到挫败和生气。

原则:一步步实践来提供给用户恰当的控制

留给用户自主控制并不意味着设计师要放任所有的控制,相反的,设计师必须采用有必要的控制。“用户不应该被给一把枪来自杀”。目前,很多设计师们不但采用了过多的控制,而且在这些过程中犯了很多人机交互的基本错误,比如限制人们阅读普通人眼难以阅读的文字大小和字体。他们甚至让用户用“肥胖的”手指定位到像素级别的文本输入框中,却不用必要的箭头按键,仅仅是因为设计师觉得好看。这些都损失了易用性。

设计师们设定一个武断的时间长度和移动距离来判断一个用户是否故意点击一个链接,但是用户很可能就只是在上下滑动的过程中想暂停一下不小心就触发了那个链接(译者对移动端medium的链接已经讨厌死了)。设计师没有提供用户改变那个触发门槛的方式,因此很多用户发现他们每天很多次很多次触发了他们并不想要打开的链接。这就是应用不负责任控制的例子。我们30年前发现用户使用滑块所需的努力相当于需要鼠标两次点击所需要的努力。触摸屏的用户对于链接的处理也需要如此。

每次完美的链接触发机制

在思考如何解决像偶然的链接触发问题的时候,我们必须考虑用户偶然触发链接和用户有意触发链接的区别。

当我们考虑后这俩者的区别是显而易见的:当我看那个链接时我是下意识想打开那个链接的,当我不看那个链接时那么我就是偶然触发的那个链接。打开设备的摄像头或者使用内置的专用眼动追踪仪去查看用户的眼睛轨迹。如果用户长时间恰好在看那个链接,那么就是用户想要打开那个链接;相反,如果用户没有看那个链接,他就是不小心触碰到了那个链接。当你已经能决定用户是不是有意识的触碰链接了,这个问题

就很好解决了。如果用户不小心触碰链接,不理睬那个事件就可以了。

为了节省电量,采用这个方法的时候只在用户按压链接的时候打开摄像机或者内置眼动仪。这个技术和算法可能需要对时间进行微调,但是一旦成功就是相当精确地。

这个方法可能已经被发明了,它叫做:“用眼动追踪来减少偶然的链接唤起错误”。我在这里将它公之于众。

原则:设备状态让用户可知

用户自主需要让用户有控制权,这就需要让用户清楚地知道有效的设备状态信息,比如电量,网络情况等。状态机制为用户响应产品使用过程中状况的改变提供了必要的信息。

原则:让状态信息保持及时更新并且容易看到

用户不应该去寻找那些状态信息。而应该如此:他们应该能够轻易看到他们的工作状况并且能够收集到最重要的状态信息。

原则:确保状态信息是精确的

状态信息不但应该及时更新,更应该是准确无误的。截止目前,当一个用户更新iPhone或者iPad的系统时,一个进度指示条将会出现告知完成更新过程大概会用5分钟。但是实际上,它可能会花费1个多小时(新的系统可能5分钟确实就弄好了,但是其他的很多内容信息必须被重新加载才能使用)。用户,被欺骗了,他不知道设备什么时候可以正常使用,没有自主控制感。

颜色:

原则:在用户界面设计中你想通过颜色传达信息时,你应该也要使用第二个线索来给那些不能准确看清楚颜色的用户传达清楚信息。

目前大多数人没有颜色问题,然而,大约10%的男性用户,少于1%的女性用户,有不同程度的色盲。其中很多男性用户对细微的颜色差别不是很敏感。

原则:测试一下你的网站去看一看色盲用户眼中你的网站是什么样子

通过谷歌搜索一些这样的模拟工具。比如,对于网站,你可以尝试

对于图片,你可以尝试这个:

原则:不要因为不是每个用户都能看清楚每个颜色而避免在界面中使用颜色

对于我们设计师,颜色是一个重要的交流工具。对于色盲用户拿走他们不能看到的颜色无异于完全没有视力的人们看不清楚任何东西。即使对于色盲用户颜色也是一个重要的线索。

原则:在用户界面中不要因为一时的时尚潮流完全不用颜色或者使用大量的颜色线索

从服装到汽车领域人为地制造一些时尚来使产品过时从而获得利润是一个有效的方式,然而时尚不应该也不需要让用户使用软件时有所不便。在软件的美学改变后进行用户测试,标记那些新的设计变化。确保整个软件的可学性,满意度并且确保整个产品已经提高了那些指标或者至少保持不变。如果不是的话,新增加的美学风格正在引起一些需要重新被考虑的问题。

一致性:

下面所说的四个一致性原则,在产品的更新过程中提供给交互设计师一些参考。具有一致性的产品对于用户来说是重要的。

(1)一致性的不同等级

原则:按照等级的不同维持严格的一致性

下面的清单是根据苛求最少的连续性到苛求最多的连续性排序的(很多人们认为下面的一致性顺序应该按照相反的顺序排序,那真的才会导致用户对看起来熟悉,但是交互完全不同的界面迷惑):

1、平台一致性和内部产品的一致性:

让产品与所在的平台规范尽量保持一致。在你公司的不同产品或服务之间维持一个普遍的样子或感觉。传播你的品牌可以使你的其他产品更快更容易被用户接受。

2、系列产品的一致性:比如微软的office

3、应用的欢迎屏、首页等设计元素的总体的视觉一致性:

视觉设计师应该建立一个有目的的经过思考的视觉语言,并通过可用性测试。用户的行为应该能在不同的版本的产品之间一致。

4、小的可见的结构元素一致性,比如icons,按钮,滚动条等

这些元素的视觉设计应该需要被严格的控制。他们的位置虽然没有视觉设计重要,但依然需要认真考虑,如果标准化他们的位置是有意义的,那就这么做吧。(译者注:元素的位置应该遵守用户的习惯,建议看下面这篇文章:

5、不可见的产品元素的一致性:

比如Word的“聪明的小左边框”(译者注:不知道这里指的什么,原文是:clever

little left

border)有各种各样的神奇的属性。如果你曾经在某个地方发现了他,他可能在你的Word中又没有了。如果你真的找不到了,你可能再也不确定她是不是在那里。这真的就是不可见的元素的错误,如果你坚持用他们,务必要保证他们的一致性。

苹果公司也很明显地认为不可见的元素是一个好主意,然后开始模仿微软,到处在它的产品中增加不可见的控制,从滚动条到按钮。在mac上这种情况很糟糕,在2010年之前,一个用户知道怎么在电脑上使用那些最基本的功能唯一的方式就是通过谷歌搜索(了解更多,看之后的“可见性”)

一些元素,严格的说,明显没有表现出用户可以控制他们,因此用户,即使离开他们的设备后,可能也不会发现他们可以被操控。如果你坚持要隐藏一些控制,一定要保证对于用户来说那些规则是简单的,比如:“你能通过点击和拖动当前窗口的边缘来缩放窗口”,不应该是:“你能通过点击和拖动有时候是一个物体来实现他们,有时候又是另外一个物体”。因此尝试观察一些用户看他们是怎么做的。

物体是传达信息的,而不是用来产生信息的,很少应该保持不可见。苹果公司在mac上让用户只有把鼠标放到特定的地方才能让滚动条出现,这已经违反了这些原则。

6、用户行为的响应

改变你的用户已经习惯的某个行为的系统响应是你对你的用户做的最差劲的事情之一。快捷键必须维持他们的意义。一个用户已经习得的手势动作必须被系统以标准的方式响应。比如说如果某一个把用户带到下一个页面的按钮30年来一直是放在右下角,你就不要突然把他移到右上角,除非你有足够的理由。请求用户忘记已经学会了的动作重新学习新的动作会令用户及其沮丧。用户甚至可能不知道在发生什么从而猜想他的硬件或者软件发生了错误。

如果你想吸引新的用户使用你的产品,你应该设计你的系统以用户熟悉的方式响应用户的命令。比如,允许他们重新用他们已经学会的相同的快捷键。

案例研究:苹果的“Command”修饰键

很多年前苹果最终给Windows用户一个简单地方式来使用“Control”键,而不是“command”键。对于键盘的快捷键,新使用Mac的Windows用户有很大的困难去放弃重新学习如此根深蒂固的习惯。当用户在家里或办公室里必须在俩种不同的操作系统之间转换,他们必须每天学习使用俩种不同的键盘快捷键,可想而知他们会经常犯错误或思考到底按哪个修饰键,而我们说不要让用户思考。在使用俩种不同的操作系统间的用户会面临着很大的困难由于缺失转换的才能,而这一切在开始时都是完全没有必要的。

(2)不一致性

原则:就像当元素行为一样时视觉一致一样当元素行为不同时保持视觉不一致也是极其重要的

让那些行为不同的元素看起来也要不同。比如,一个垃圾桶应该是用户可以把文件放进去然后又可以拿出来。如果你想要一个功能只允许用户删除文件而不能恢复,这是可以的。但是要保证它看起来不是一个垃圾桶,你可以让他是一个焚化炉或者碎纸机甚至其他东西。

让已经变化的页面看起来也变化。如果用户遇到一个已经更新的网站页面或者APP,他们知道四处看看找出哪里有不同,如果他们找不到不同,他们会尝试像之前使用的方式去使用你的产品,但那可能会失效。

(3)连续性

原则:经过一段时间,追求连续性而不是一致性

如果你们想出一个你们产品完全重新变化的区域或者甚至一个完全新的产品,让用户一眼就能知道大的变化已经发生了是重要的。否则,他们将会无视那些变化像往常一样使用你的产品但是产品却不正常工作。“不变性”是指你的下一版本的产品和你的上一个版本是完全一样的,明显这样不合适,但“一致性”允许在产品的版本更新中不断成长进化。我们的目标是连续性,就像有一根线把我们的不断更新的产品串联起来,引导我们的用户,而不是把我们绑在过去。

(4)用户期待的一致性

最重要的一致性是用户期待的一致性

如果用户期待某些事以不同的方式运作,你会发现去改变这些期待时你无法取胜。如果你的方式没有明确的优点,那就按照你的用户期待的方式来吧。比如下面这个例子:

案例研究:“The Xerox Star”的拖动规则(译者注:“The Xerox Star”是一款早期的电脑名字)

1、被提议的规则:从一个地方(比如文件夹或硬盘)拖动一个文档图标到另一个地方将会移动文档

容易学习,容易理解,合逻辑的。然而,也是很糟的。这个规则,公正的说,在大多数时间工作的很好,这甚至比我们目前为止所用的复杂的规则工作的更好。举个例子来说明这个规则:在你工作用的电脑上,如果你拖动一个文档到你的移动硬盘上,这将移动那个文档,而不是在你的移动硬盘上复制一份。如果你在家里通过移动硬盘对那个文档做出一点改变,当你明天早上把那个文档再放到你的工作用的电脑上时,这时候你的工作用的电脑上的那个文档就只有新的已经变化的那个文档,旧的文档就没有了。因为这个规则是

移动 文档。

这个规则一直工作的都非常好但是遇到下面这个情况时就很糟糕了:当你打印文档时,你将会把文档拖动到打印机的图标上来打印。这时文档被传输到打印机并且从原来的位置永远删除那个文档。于是你辛辛苦苦的工作就没有了。对于这个规则设计师和工程师讨论了俩周,最终设计师赢了,改为我们今天使用的规则:

2、从一个地方拖动一个文档到另一个地方有时会移动它,有时会复制它。

就像上面说的,拖动到移动硬盘上会移动它,拖动到打印机上会复制它。99%以上的用户可能都不能告诉你这个规则具体是什么,然而他们明白规则不用我们教他们。为什么?因为这是用户期待的一致性,他们期待做一些事时不会让他们的工作成果损失。

默认:

原则:输入框中字段的默认行为

当用户激活一个输入框中的字段时(比如谷歌浏览器的网址输入框),当前的字段应该被自动全部选中,而且按“Backspace或Delete”键或者开始输入字符都会删除当前的选中。用户也可以点击字段的某个位置来取消选择所有,或者移动鼠标光标来把那些字段移到相应的位置。这个规则一直被沿用至今。(然而有时候很糟糕的编码会导致把文本拖动到不可预测的位置)

原则:默认应该是智能的,被大多数人采用的

不是每个东西都应该有一个默认。如果确实不知道应该采用哪个选项作为默认的选项,那么就考虑一下不要采用默认了。用户会花费宝贵的认知负担来找到默认设置项并且有大概25%的情况用户会决定不使用默认选项。如果没有足够的理由提供默认项还不如让用户去选自己想要的选项。

原则:用一个更有意义的术语来代替“默认”这个单词

在一个给定的场景中用户经常不知道“默认”到底指的是什么?(当然他们肯定知道字面上的意思)用“使用标准设置”,“自定义设置”,“储存初始设置”或其他的更有意义的能描述会发生什么的术语来代替“默认”这个单词。进行小的用户测试来发现那个术语会不会让你的用户精确地预测你的软件将会做什么。

原则:你的用词和视觉设计都必须传达出系统能恢复(复位)的范围

要确保通过用户测试来看用户是否明白系统能恢复的范围或程度:恢复系统仅仅通过用户简单地注册几步还是他们将会花费几天的时间来给每个应用重新输入用户名密码登录进去。

测试你的恢复选项来发现用户觉得点击按钮之后会导致什么结果。如果你做的是对用户来说是很方便的,但是用户觉得那会有潜在的破坏性的影响,他们就不会用那些默认选项。

当设计选项卡的控件时,比如属性和优先级窗口,确保视觉设计能使复位按钮所影响的范围清晰。单独的选项卡片应该与周围的窗口视觉上明显隔离因此放在单独选项卡内部的按钮或者放在周围窗口的按钮应该能指示那个按钮将会影响是当前选项卡的还是所有选项卡的。设计师从来都不应该做出模糊不清的设计。(这一部分感觉翻译的不太好,建议大家看原文)

可发现性:

原则:任何隐藏复杂性的尝试都会增加复杂性

功能性软件不需要看起来像一个拖拉机,他可以看起来像一辆保时捷。然而真的是这样吗?很明显不是,看起来像保时捷往往会使他缺失必要的轮子,刹车闸,或加速器。然而很多公司自上世界90年代后开始有目的的隐藏他们最基本的控制项,往往带给他们的用户严重的伤害。为什么他们这样做呢?因为他们认为给潜在的买家展现软件的表面简单要比给真实用户展现那一堆复杂性要更重要。

由于利益驱动软件公司会隐藏复杂性因为它能带来短期的利益:大多数潜在的软件买家是根据售货员展示的几分钟软件demo来判断软件是不是容易学会的,而不是通过坐在那好长时间上手试验来判断。拿走滚动条,隐藏必要的按钮,这可能会增加短期利益,但是是短期的。

案例研究:隐藏的Mac滚动条

滚动条被用来指引信息,用户通过点击或拖动滚动条来通知软件他希望移动到文档或页面的某个位置。然而,经常性的,用户也会一撇滚动条仅仅是看他们在页面的哪个位置。用户会努力维持俩种水平上的位置感:第一:他们的位置恰好在可见页面的哪个部分;第二:他们在整个文档的哪个位置。用户为了让滚动条可见来知道在整个文档的哪个位置却被强迫把鼠标指针从他们的当前位置点移开却忘了在可见页面的哪个部分。

让复杂的控制项隐藏比如隐藏滚动条也会让用户使用滚动条的速度慢下来:滚动条不可见时,他无法知道滚动条上的控制点在哪里,他必须尝试找出。首先他必须把指针放在滚动条的某个位置(步骤一),然后再往上或往下移动到控制点(步骤二)。根据菲茨定律就知道这很糟糕。让我们假定额外一步需要额外一秒,一个非常保守的估计,每人每天10次滚动,6千6百万Mac的用户(截止原作者写的时候)=每天浪费21个人的生命。这仅仅是因为为了让商店中的产品看起来简单。

原则:如果你选择隐藏复杂性,只在陈列室隐藏

你从不需要决定是支持潜在的买家还是最终的用户。我们不是和固定的硬件打交道,而是和纯粹的软件或者软件驱动的硬件。一个设计师能容易得创造出一个系统完美的支持买家或者用户,只需要依据当前的需要转换软件的样子就可以了。比如,你可以为操作系统设计一个软件,将会在商店中展示一个简单地形式;而对于真实用户提供更必要的功能项,使他们更有技巧效率更高。

做一个看起来简单地界面可能会帮助短期的销售,但是长期来看,他会导致你遭遇销售瓶椎,你的存在的消费者,不只会离开你,也会告送你潜在的买家离你越远越好。

原则:软件中一个功能如果用户不能发现他,就表示没有这个功能

并不是所有的买家都很天真,甚至是天真的买家有一天也会变。只有最坚持的的买家、用户才会在你的网站到处浏览查找你为他们隐藏的数据。大多数用户如果发现不了功能就很简单的转向你的竞争者,告诉你你的软件没有那个功能。

案例研究:Mac上的Safari浏览器

我发现Safari并不支持对PDF文件另存为时我抛弃了Safari转向了火狐浏览器。2年后,我再一次尝试Safari,猜想苹果可能修订了这个bug。但是仍然存在,但是我这次坚持了下来,花了20分钟谷歌了一下解决方法。我发现了什么?不要用另存为来保存PDF文件,而是:鼠标从窗口的顶部移开(通常这一般是文件操作工具的地方),移到窗口的底部(通常这一块什么也没有,除了存在的内容)。突然,一个灰色的背景条上出现了一个磁盘图标,点击那个图标,Safari会保存你的PDF文件。

原则:使用“主动地发现”来引导人们进入更高级的内容

主动发现,你不需要等待用户去发现数据,代替的是,向他们提供。理想的情况下,你的系统意识到他们现在需要什么并且提供给他们。但是在大多数情况下,我们还远不能做到这些,一个妥协的方法是:

在用户需要数据之前提醒用户那个数据存在;

智能的间隔周期来提醒用户,而不是一遍又一遍的重复;

一旦用户已经发现了功能或数据就不要再去提及它;

在开始的时候你展示的提示信息可能是这样的形式:“你知道……?”。如果你看到很大比例的用户关闭了你的那些提示,这反映了你正在过早的提示信息,给他们过于频繁的提示或者提示信息已经被用户知道了你还在告诉他们。当用户打开你的应用的时候不必要每次都要给出一个帮助信息。用户更可能会在必要的上下文环境中读那些信息

案例研究:iPhone上的GroceryIQ APP

GroceryIQ能使用户扫描他们厨房中的食品的条形码或打上物品的关键字来提醒用户去杂货店买哪些东西。这个工具是有效的,快速的,设计适合的。这个工具没有刻意去隐藏复杂性。然而,用户如果需求扩大,比如多设备同步可以花几分钟去探索这个软件的更远一步的复杂性。GroceryIQ也有这个功能不过需要探索。一个新的类似APP发布了也能使用户在不同的设备之间同步信息,比如,妻子新加了一个项目:一份牛奶,然后在几秒钟之后丈夫的购物列表里那个项目就会出现,于是很多人结果就抛弃了GroceryIQ转而去用那个新的APP。这个例子哪里有趣呢?因为GroceryIQ比那个新的APP早有这个多设备同步的功能已经5年了,那很容易设置并且很可靠,也没有被有目的地隐藏,确实只是没有被直接显示,问题是那是在“更多”的子菜单中,而不是直接展示在手机的底部。

一个主动发现的提醒,在APP被安装之后一些天提醒用户有那个功能,甚至是很长时间之后如果用户不经常用那个功能再给用户一些提示就可以有效的避免在5年后新APP发布后大量的消费者损失。

原则:为了用户能成功的使用软件必要的对象应该时刻可进入

对象应该要么可见要么在一个可见的对象里面(比如文件夹里的文档,菜单里面的菜单项),换句话说,应该时刻易进入。

对于一个日常的软件系统例外也是有的,比如手机浏览器或阅读器:

由于屏幕大小有限展示当前不需要的项目是不实际的

为了防止用户偶然的唤起一个控制项,只要确保用户可以发现他们的存在就可以了。

在手机设备上标准的广泛使用的操作系统会包含这些例外,只要用户能被给一个简单地明显的引导就行了。

原则:对于不可见没有“优雅的”例外

一些设计师,爱上了智能手机里面的干净的线条,认为在手机屏幕里使用同样干净的线条是好的。大错特错!隐藏功能性来创造出一个视觉上的简单是一个降低用户效率的方法,会给产品的竞争对手可乘之机。

原则:即使在小的手机设备中存在例外 控制项也不应该在内容区域的中间

智能手机中的控制项有时候被强迫放进内容区域中因为屏幕实在太小了。尽管这样,你也需要提供一个标准的唤起,比如在内容区域中点击一下,这将让隐藏的icons和按钮出现因此用户不需要到处找这些控制项。

原则:用视觉的线框图传达你的手势用词

包含一个展示手势如何使用的帮助页面是可以理解的。当用户第一次打开APP的时候展现那个页面并且清晰地告诉用户如何之后再次找到那个帮助页面。对于杂志和相似的类型的APP,让帮助页面在第一次打开一本杂志的时候出现。

图片 2

原则:寻求平衡

这不是1980年,那时候大多数人都没有见过电脑,我们有必要让每件东西都保持高度可见。而现在你可以在设计中使用一些微妙的东西:不要在一个页面上每个单独的项目旁边都放一个信息的icon,可以是用上像Google+snapseed的遮盖图层一样一次解释每个形状或手势:

本文由山东十一选五开奖发布于股票,转载请注明出处:史上最完整交互设计基本原则|推荐收藏

关键词: