“你的房子里没有什么,你不知道是有用的,或相信美丽。”Don Norman在他的书开始时引用了这位着名的威廉莫里斯报价情绪设计1它抓住了第八条的精髓可用性启发式:审美和极简主义的设计:

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

为什么不仅仅是“极简主义”的设计?美学真的很重要吗?

1.视觉效果对于建立良好的第一印象是必不可少的。正如我们所希望的那样,人们确实“以封面来判断书的好坏”。平均而言,用户对一个网站的第一印象是以美学为导向的在着陆后50毫秒,比阅读速度快10倍左右。因此,不幸的是,团队不能仅仅依靠好的、可用的功能和内容来让体验被认为是可用的。

2对体验的感知可能比体验本身更令人难忘。正如唐诺曼所说,“有吸引力的东西效果更好。”这种第一印象是如此强烈,以至于人们常常召回美丽的设计易于使用尽管可能在使用期间可能会出现潜在的可用性问题。

三。美学建立和加强你的品牌形象。始终使用时,美学可以建立或加强品牌及其可信度。

简约设计,最大效用

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

请记住,当这种启发式是在1994年写的时,没有极简主义网络设计趋势。因此,出于这种启发式,最低纲领派的目的指的是一个网站,是遵循极简主义的趋势。

对于1994年,互联网在很大程度上由拥挤的网页组成,充满了相关和无关的信息的边缘 - “嘈杂”的设计,所以说话。根据这种启发式的简约设计是一个限制接口的“噪声”量来强调必要信息的设计;这是一种设计旨在通过删除不支持用户任务的不必要的元素或内容来简化接口。

这个定义的一个重要推论是:极简主义设计包含所有必要的要支持用户任务的元素。换句话说,良好的设计应该努力在页面上只需足够的元素即可最大限度地提高实用程序和可用性。

具有太少的元素将抑制效用和可用性缺席必要的元素,虽然太多的元素将会朦胧那些必要的元素。即使我们的意图是好的,我们在扼杀我们的用户中的信息,即在某些时候可能是有用的,如果我们的用户无法找到或发现必要的元素,则据关注,那些元素不存在。

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

桌面上HelloBar网站的截图-它有一个大的文本字段和很少的关于网站内容的上下文信息。
Hellobar主页在视觉风格中非常简单;但是,没有足够的信息有关公司所作或有哪些功能的信息。因此,虽然它可能遵循极简主义的设计趋势,但它不满足启发式,因为它在容易找到的地方没有必要的信息。
16桌面版截图个性网在桌面上,它的特点是迈尔斯布里格斯个性评估纹理,分层设计。
16Personalities.com,一个在深入的Myers Briggs人格评估的网站上,具有典型的非二进制主义视觉风格:高度纹理和复杂的视觉效果元素,并充分利用了具有很少的空格的页面。但是,它以其具有足够信息的方法满足启发式,并且只有足够的信息。
16Personalities.com的移动版本是信息密度,屏幕底部的重要导航项目,低透明度进度指标沿屏幕顶部分层。
在大多数浏览器中,如果它们尚不可见,将鼠标悬停在视频上以显示控件。

如何制作审美和极简主义的设计

通过使用已知的设计原则,可视地沟通。

有很多视觉设计属性这会影响设计是否会在美学上令人愉悦,但专注于五大视觉设计原则可以确保有效的视觉通信。

国家地理桌面网站的屏幕截图
国家地理网站有效地使用规模,视觉层次结构,平衡,对比度和格式塔原则来创造美学令人愉悦的可用设计。

限制设计中的“噪音”。

最大化“信号“,这是具有高信息值的元素数量 - 标签高信息气味,纯语言,高分辨率图像,清晰的意小器或辅助文本。最小化具有低信息量的“噪声” - 单一,例如低分辨率,杂乱图像,无关信息,无关的技术术语,没有任何解释,并且仅适用于“装饰”的任何东西。避免多用途视觉提示(例如,链接和不可选择的文本的相同的视觉处理),并且不要过度字体/颜色变化,以确保您的信息清楚地传达。推迟标准和惯例和沟通;不要装饰。

特别是或不那么常见的任务,考虑逐步披露特性或所需信息,而不是一次全部显示,以限制不必要的细节。每一个内容都应该有一个目的,包括负面空间。

智能倒计时计时器桌面应用程序的屏幕截图,采用“禅宗模式”的极简设计
智能倒计时应用程序的特点是禅宗模式“设计噪音非常小:在空闲状态(左)中,倒计时中剩余的时间是唯一可用的信息,但在悬停状态(右)中,所有控件都是可见的:要输入的文本字段要暂停/恢复定时器的所需时间或持续时间和图标,重新启动计时器,然后从编辑锁定计时器。

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

根据Ingrid Fetell Lee的研究2在积极美学上,人们倾向于认为有盆地和不同地形的景观是美丽的,不管它们来自什么文化。这一现象不仅限于风景,还扩展到许多其他视觉效果:婴儿般的面部特征、植物、圆润的形状、充满活力的饱和色彩、五彩纸屑、焰火等等。这些听起来像是一点点随意的快乐的视觉效果,但所有这些视觉效果的共同点是承诺满足人类的需求:食物、水、住所、安全、温暖、友谊和社区。例如,大自然中充满活力的色彩通常与水果和蔬菜(食物的承诺)有关,而湖泊或河流的风景则保证了水源的供应。(看看我们全天的课程有说服力和情感设计其他令人愉快的美学思想)

视频截图乐视网在桌面上-有一个建筑物大小的气球雕塑彩色照片
Ingrid Fetell Lee的网站乐视网是一个令人愉快的照片和积极的视觉效果的宝库,就像这一个气球雕塑由 Jihan Zencirli(Geronimo)。

接受美丽有时在旁观者的眼中(或角色)。

虽然某些视觉持有普遍接受和庆祝,但您在界面中的邮件越具体,视觉效果的普遍越少。毕竟,为了让信息与一位受众相关,它可能与其他受众无关。一群人可能是一个时尚或有趣可能对他人有用。这意味着你必须知道你的人物角色非常好,专门设计您的高优先级人物可能值。此外,请牢记文化差异(例如,西欧婚纱通常都是白色的,而白色服装象征着印度的死亡和葬礼,并且可能不会在那位观众中创造相同的情绪反应)。虽然这可能意味着对您的UX团队更多的工作,但请记住,以满足全球观众,您必须在全球背景下反映美女,并讲全球故事。

结论

可用性是艺术和科学。虽然认知和行为科学决定了许多可用性原则,但美学发挥着重要作用,并影响您设计的感知和记忆。极简主义比外观或趋势更深:它通过允许人们在需要时找到他们需要的东西来最大限度地提高效用和可用性。最后,一张图片可以说千言万语......但是,只有它是一个有用的图片。

参考资料

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

2Ingrid Fetell Lee,快乐:令人惊讶的力量普通的事情,以创造出非凡的幸福