一个伟大的用户界面是看不见的



一个不可见且提供无缝交互可能性的用户界面将帮助用户专注于他们的目标并将他们引导到他们需要的东西。

一个伟大的用户界面是看不见的

来自我们的赞助商:

一个设计得非常好的用户界面是不会被用户注意到的,而一个设计糟糕的用户界面会迫使用户注意它而不是内容。用户访问网站是为了实现一个目标:购买新书、了解 jQuery、与朋友分享文章、寻找新音乐、写小说或只是找到最近的 Target。用户不会来玩你的界面设计。事实上,用户并不关心你的界面。多年来,桌面范式和交互工具的缺乏让人们开始思考用户界面,它们是如何工作的,以及是什么让一些设计变得更好或更糟;但是我们真的希望我们的用户关心所有这些东西吗?

用户已经对用户界面模式和用户界面组件太熟悉了——用户真的不想知道甚至不想知道这些东西是什么。多年来,网页设计师已经花费了数百甚至数千小时来处理按钮颜色、阴影、边框和渐变,以使 UI 更加实用和美观。但实际上,优秀用户界面设计的最终目标不应该是可用的,而是不可见的。

opencoach_carosel_nav

如果您还没有听说过,移动设备如今已成为一件大事。多点触控设备打破了这样一种观念,即用户界面是一系列允许操作内容的点击和序列——移动设备允许人与设备上嵌入的内容之间更自然的用户交互。由于各种原因,这些自然用户界面 (NUI) 更加“自然”,但是,直接操作内容和缺乏过时的隐喻(桌面)使这些设备非常易于使用,因为它们的界面几乎是不可见的。

但是我们仍然在台式机和笔记本电脑上工作,我们仍然浏览网站和使用 Web 应用程序,这些应用程序不能总是利用这种新的、更自然的界面设计以及所有美妙的多点触控的东西,这些东西让这些设备变得如此有趣利用。那么,因为我们还没有完全做到这一点,我们是否继续创建旧的“妨碍”界面组件?我们不应该。隐形界面的目标应该是每个 UI 设计师和开发人员的目标。

UI,而不是障碍

http://dribbble.com/shots/560911-IMG0007

用户界面不应成为内容或用户最终目标的障碍。用户不应该为了实现他们的目标而跳过 UI 陷阱和组织不良的导航。多年来,我们使用并发明了一些真正的 UI 障碍,从表面上看,这些障碍似乎是在解决问题,而实际上它们只是增加了更多的用户负担。面包屑就是一个很好的例子。通常我们认为面包屑是让用户知道他们在应用程序中的位置的好方法,但这主要只是一个添加的 UI 组件,在正确设计的用户体验中并不总是必需的。

虽然面包屑不会直接给用户带来负担,但它占用了屏幕空间,在大多数情况下应该用于进一步实现用户目标和显示内容。与其添加面包屑来克服导航问题,不如解决导航问题。一些 UI 问题通常通过添加新组件来“修复”,但是这些不必要的组件中的太多开始加起来,最终你的 UI 充满了障碍。当您不断添加更多 UI 组件时,如何使 UI 变得不可见?

解决问题

http://dribbble.com/shots/890759-Ui-Kit-Metro

这确实与我们刚刚讨论的内容相关,但是构建一个不可见的 UI 意味着您需要解决更深层次的问题,您需要实际修复损坏的问题。我有一点背部问题,当然,弹出我的背部并服用布洛芬有助于治疗疼痛,但它并不能解决实际问题;我的运动量不够,我倾向于无精打采,而且我的柔韧性就像一块石头。我们对 UI 问题做同样的事情。当我们设计和构建网站和应用程序时,我们会在我们的网站和界面中发现奇怪的东西。很多时候,我们只是做出反应并在他们身上扔一些肤浅的东西来解决问题,而大多数时候问题在于界面深处的某个地方。我们只是止血。

一般来说,“止血”已经成为我们大多数人的最佳实践,因为我们已经学会了选择与项目经理、网站所有者、利益相关者、时间限制或只是懒惰的战斗。我们倾向于将其作为进行一些用户或 AB 测试的一种方式来纠正,“嗯,我知道它有一些问题,但我们会在用户测试时看看它们是否是真正的问题。” 如果我们试图设计隐形,那可能不是最好的方法。拥有一个完全透明的界面意味着解决那些更深层次的设计和用户问题,这样他们就不会抬起丑陋的脑袋,成为用户绊倒的障碍。

宽恕设计

http://dribbble.com/shots/731563-Music-player

不可见界面的一个属性是它通常非常宽容。自然的用户界面由于触摸的本质而更易于探索,当用户发现死胡同时它们也不太容易抛出错误,并且更容易给用户另一个方向。

原谅用户意味着当他们犯错时我们不会惩罚他们。用户错误通常是用户不知道会发生什么的结果。我们倾向于责怪用户犯错,并用严重的警告和错误来惩罚他们。当用户落入陷阱时,更不可见的 UI 会避免惩罚用户。设计良好的 UI 不是显示错误,而是预测应用程序中用户错误的可能性更高的位置,并提供解决甚至转移错误的方法。

宽恕也意味着网站或应用程序允许用户破坏它。这是一件俗气的事情,但最有价值的教训是在你打破你母亲的古董花瓶,将它粘在一起然后因为你把手指粘在一起而被抓住之后学到的教训。当用户犯了错误时,如果允许他们纠正错误,用户就会了解更多关于应用程序的信息——希望没有一个大的红色错误图标和一些写得不好、不可读的文本。

目标第一

http://dribbble.com/shots/825856-Bobo-Profile-Page

这几乎只是交互设计 101,它是 Cooper 的构建块,但由于它似乎仍然没有发生太多,我认为它值得一提——面向目标的设计。您的用户界面应该围绕用户的目标进行设计。不是用户想要什么或用户喜欢什么,地狱,这甚至不是关于你想要什么或你喜欢什么,而是关于发现用户需要通过让他们到达那里来完成和满足期望。有趣的是,用户对他们想要使用的东西有一个很好的想法,但他们真的不知道他们需要什么。找出需要而不是想要是你的工作。“想要”只会创建臃肿、充满障碍的界面,只会惹恼用户。

找出目标并让您的用户尽快到达那里,他们并不真正关心其他任何事情,所以如果您能尽快让他们到达目的地,那就足够了。如果用户可以快速实现他们的目标,您不需要设计一些漂亮的界面。避免过度设计 UI 以弥补糟糕的面向目标的设计。

真正的一致性

http://dribbble.com/shots/510911-Inside-Photo-album-iPad-UI-UX-iOS

好的,所以在 UX 世界中,我们经常谈论一致性,这是理所当然的。当涉及到界面设计时,一致性很重要。如果你的 UI 组件都在同一个地方,具有相同的颜色和功能,那么你的界面会随着时间的推移慢慢消失……有点像 Marty McFly。但只是简单地将所有号召性用语按钮放在每个页面上的相同位置,或者通过应用程序调用相同的特定操作可能无法解决一致性问题。

我们在 UX 设计中倾向于做的另一件事是在我们自己的应用程序中使用来自其他应用程序或网站的持续和熟悉的东西。我过去曾写过关于熟悉环境如何使界面更舒适的文章。但是当我们试图完成一个不可见的界面设计而不是为了一致性而保持一致时可能仍然不够好。一个不可见的界面具有“真正的一致性”,这意味着不仅组件、值、链接和其他数据在整个应用程序中呈现一致,它们在上下文和含义上也是一致的。

例如,您可能会注意到许多其他应用程序将登录按钮或链接放在应用程序的右上角,因此您认为既然其他更流行的应用程序使用它,它就不错了。但也许在您的应用程序中将它放在那里没有意义。与其继续构建有缺陷的界面,不如将组件放在应用程序中它们所属的位置,然后在整个应用程序中保持其一致性。

结论:启发用户

任何设计精良且完全不可见的界面都应该做的最后一件事是激发用户。当用户界面远离用户并简单地将他们引导到他们需要的地方时,用户可以专注于他们使用应用程序的目标。

界面应该提供与数据和内容的无缝交互,并激发用户与之建立更好的关系。用户确实喜欢导航巧妙的 UI,并且在某些情况下使用它们很有趣,但大多数情况下,用户会受到根本不存在的界面的启发。


来源:https://tympanus.net/codrops/2013/03/21/a-great-ui-is-invisible/


0