“在你们的房子里,不要有任何你们不知道是有用的,或不相信是漂亮的东西。”唐·诺曼在书的开头引用了威廉·莫里斯的这句名言情感设计1它抓住了第八季的精髓可用性启发式美学和极简设计:

接口不应该包含不相关或很少需要的信息。界面中每一个额外的信息单位都会与相关的信息单位竞争,并降低它们的相对可见性。

为什么不只是“极简”设计?美学真的重要吗?

1.视觉效果对于建立良好的第一印象至关重要。尽管我们很想知道,人们确实“以貌取人”。一般来说,用户对一个网站的第一印象是由审美驱动的在着陆后的50毫秒内这比阅读所需的时间要快10倍。因此,不幸的是,团队不能仅仅依靠良好的、可用的功能和内容来获得可用的体验。

2.对体验的感知可能比体验本身更令人难忘。正如唐·诺曼所说,“有吸引力的东西效果更好。”这种第一印象是如此强大,以至于人们常常回忆漂亮的设计,因为易于使用尽管在使用过程中可能会出现潜在的可用性问题。

3.美学建立并强化你的品牌身份。只要始终如一地使用,美学就可以建立或强化一个品牌和它的可信度。

极简设计,最大效用

让我们来看看启发式的另一个组成部分,极简主义的设计。

请记住,当这个启发式在1994年编写时,还没有极简主义的网站设计的趋势.因此,为了这个启发式的目的,极简主义者做了参考一个遵循极简主义趋势的网站。

在1994年,互联网很大程度上是由拥挤的网页组成的,相关和无关的信息都差不多——可以说是“嘈杂的”设计。根据这一启发,极简设计是为了强调必要的信息而限制界面的“噪音”数量;这是一种设计通过删除不支持用户任务的不必要元素或内容来简化界面。

这个定义的一个重要推论是:极简设计包含所有必要的元素来支持用户任务。换句话说,一个好的设计应该努力在页面上使用足够的元素来最大化效用和可用性。

元素太少会抑制使用的实用性和可用性没有必要的因素,而太多的因素会晦涩难懂的这些必要的元素。即使我们的意图是好的,因为我们在“某些时候”会用有用的信息来压制我们的用户,但如果我们的用户无法找到或发现必要的元素,对他们来说,这些元素并不存在。

因此,简约的视觉设计(有时被称为平面设计)并不总是在默认情况下满足这一启发式(并且经常会删除必要的元素),同样,满足这一启发式的设计也不一定必须是极简主义的。

桌面HelloBar网站的截图-它有一个很大的文本框和非常少的关于网站是关于什么的上下文信息。
HelloBar主页的视觉风格非常简约;然而,关于该公司做什么或有哪些功能可用的信息并不充分。因此,虽然它可能遵循极简设计的趋势,但它不满足启发式,因为它没有必要的信息在一个容易找到的地方。
16Personalities.com的桌面版截图,该网站提供了迈尔斯·布里格斯(Myers Briggs)对质感、分层设计的个性评估。
16Personalities.com是一个以深入的迈尔斯·布里格斯性格评估为特色的网站,其视觉风格明显非极简主义:高度纹理和复杂的视觉元素,充分利用几乎没有空白的页面。但是,它满足启发式的特征信息充足的方法,只有充分的信息。
16Personalities.com的手机版信息密集,重要的导航项在屏幕底部,低透明度的进度指示位于屏幕顶部的部分标题后面。
在大多数浏览器中,如果控件不可见,将鼠标悬停在视频上以显示控件。

如何进行美学和极简设计

使用已知的设计原则进行视觉沟通。

有很多视觉设计属性这将影响设计是否美观,但重点是5个主要的视觉设计原则能确保有效的视觉传达。

国家地理桌面网站截图
国家地理网站有效地利用了比例、视觉层次、平衡、对比和格式塔原则,创造了一个美观、实用的设计。

在你的设计中限制“噪音”的数量。

最大化”信号,即具有高信息值的元素的数量高信息的气味、简单的语言、高分辨率的图像、清晰的符号或辅助文本。尽量减少“噪声”——低信息价值的元素,如低分辨率、杂乱的图像、无关的信息、没有解释的技术术语,以及任何只意味着“装饰”的东西。避免多用途的视觉提示(例如,对链接和不可点击的文本采用相同的视觉处理方法),不要过度使用字体/颜色变化,以确保你的信息传达清楚。听从标准和规范和沟通;不装修。

对于特定或不太常见的任务,请考虑逐步披露根据需要提供特征或信息,而不是一次性展示所有信息,以限制不必要的细节。每个内容都应该有一个目的,包括负面空间。

智能倒计时桌面应用程序的截图,具有极简设计的“禅模式”
智能倒计时应用程序的特点是:禅模式“设计噪声:很少的空闲状态(左),剩下的时间倒计时是唯一可用的信息,但在悬停状态(右),所有控件都是可见的:一个文本字段输入所需的时间和持续时间和图标暂停/恢复计时器,重启计时器,并从编辑锁计时器。

利用带有积极内涵的通用视觉模式。

根据英格丽德·费特尔·李的研究2在正面美学上,无论来自何种文化背景,人们都倾向于认为水盆、地形多样的景观是美的。这种现象不仅局限于景观,还延伸到许多其他视觉上:像婴儿一样的面部特征、植物、圆形形状、充满活力、饱和的颜色、五彩纸屑、烟花等等。这些可能听起来像是一些随机的、零星的快乐视觉效果,但所有这些视觉效果的共同之处是满足人类需求的承诺:食物、水、住所、安全、温暖、友谊和社区。例如,自然界中鲜亮的色彩通常与水果和蔬菜(意味着食物)有关,而湖泊或河流的风景则意味着水源。(查看我们的全天课程说服性和情绪性设计为了其他令人愉快的审美想法)

桌面截图-一个建筑物大小的气球雕塑的彩色照片
英格丽德·费特尔·李(Ingrid Fetell Lee)的网站AestheticsOfJoy.com是一个令人愉快的照片和积极的视觉效果的宝库,比如这个气球雕塑是由 Jihan Zencirli (Geronimo)。

接受美有时存在于观察者(或人的眼中)的事实。

虽然某些视觉效果是被普遍接受和推崇的,但你在界面中传达的信息越具体,你的视觉效果就越不普遍。毕竟,为了让信息与某一受众相关,它可能与其他受众无关。对一群人来说可能时髦或有趣的东西对其他人可能没有用处。这意味着你必须知道你的角色很好,针对你的高优先级人物角色可能看重的东西进行特别设计。此外,要记住文化差异(例如,西欧的婚纱通常都是白色的,而在印度,白色服装象征死亡和葬礼,可能不会在观众中产生相同的情感反应)。虽然这可能意味着你的UX团队需要做更多的工作,但请记住,为了迎合全球用户,你必须在全球背景下反映美,并讲述全球故事。

结论

可用性既是一门艺术也是一门科学。虽然认知和行为科学规定了许多可用性原则,但美学也扮演着重要的角色,影响着你对设计的感知和记忆。极简主义比外观或趋势深入得多:它通过允许人们在需要的时候找到他们需要的东西,使效用和可用性最大化。最后,一张图片胜过千言万语,但前提是它是一张有用的图片。

参考文献

1诺曼,情感设计:为什么我们喜欢(或讨厌)日常事物(

2英格丽Fetell李,快乐:惊人的力量用平凡的事物创造不平凡的幸福