伟大的UI是隐形的

 

  一个隐形且流畅提供给访客交互体验的界面,可以更高效的让访客的注意力集中在产品的核心功能上,并且可以引导访客逐步走向产品的最终目标。

  很多有经验的设计师都在提倡这样一个设计理念:一个真正设计精良的UI应该让用户察觉不到它的存在。但事实呢?恰恰相反,很多同学设计的UI经常会强迫用户们去注意花哨的界面,而不是你要传达给用户的有效内容。用户登陆某个网页大都有明确的目标,比如说他想买一本新书、想上网学习jQuery技术、想上网去把个妹、追个男神、或者仅仅想和朋友们分享一篇美文等等。

  这个时候,用户大不会去花时间观赏你耗尽心思的界面。事实上,用户根本不在乎你的交互界面设计!呃,很早以前,最初的网页设计缺少新鲜的交互技术,所以后来设计者们为了让网页变的更好,经常想加入一些交互:但是,亲爱的同学们,你做个换位思考,或者去观察一下身边的小网龄用户,他们真的在乎这些花哨的东西么?

  近几年来,网页设计者们经常花几百个小时去考虑按键的颜色是否好看、是否要加一些阴影使得更加美观、页边距大小是否合适或者是否应用渐变等让UI变的更加漂亮实用等。但是,真正精良的UI设计不应该是好看,而应该是隐形的!


  移动终端在人们的生活中日益重要。多点触控移动设备的出现让人们意识到UI是一系列的通过点击和排序来控制的内容,允许更加人性化、更加自然的人机交互。这些自然用户界面(Natural User Interfaces, NUI)更加“自然”的原因有很多,最重要的是,NUI可以让用户对内容直接操作且它的桌面毫不花俏,用户会发现设备的使用变的超级简单,因为UI几乎不可见了。

  但是我们仍然需要对着我们的台式机或者笔记本工作,我们仍然需要浏览网页和使用网页APP,而这些东西很少可以做到像手持移动设备那样应用多点触控及自然用户界面。那么,是否因为这些阻碍我们就要延续老一套的界面组成么?答案是否定的!隐形UI的设计理念,是我们每一个UI设计师或开发者应该想要达到的目标。

  是用户界面,而不是障碍


  用户界面永远不应该成为阻挡用户查看内容或者达成目标的障碍;用户也不该必须跳过UI陷阱或者乱七八糟的导航之后才能到达自己的目标。过去的几年里我们经常使用一些我们认为可以给用户带来便捷的UI,但实际上,这些UI却给用户带来了更大负担,Breadcrumb(用来表明用户所处位置的UI导航)就是个很好的例子。我们可能觉得Breadcrumb是一个非常好的导航方式,但实际上,它仅仅是累赘的UI组件,在设计合理的用户体验中没有存在的必要。

  虽然Breadcrumb并不直接带给用户负担,但是她占用了屏幕的空间,而这些空间,原本应该用来显示一些和用户目标相关的内容。我们解决UI的问题经常通过增加新的组件,但是过于冗杂的组件势必造成浏览障碍。那么,怎样才能做到增加了许多UI组件,然而你的UI看上去却像是隐形的呢?

  解决问题


  建立隐形的UI意味着你要从根本上解决问题,你需要知道到底问题出在什么地方。我们做网站或者APPs也会经常碰到问题,但是我们往往从表面上给出一些解决方案,而并没有从本质上考虑问题的发生。就像我们为了止疼吃布洛芬,但这不能改变疼痛的本质一样。

  一般情况下,“吃止疼药”变成了我们当下的最佳策略,因为我们已经学会了如何与项目经理、网站拥有者、股东等做斗争,而且,也有很多时候可能是因为设计师们时间不够或者仅仅是因为懒惰而不想去做。我们经常会做一些用户体验,然后说:“嗯,我知道这里面有些小问题,但是我们让用户看看是否这些问题真的是问题吧。”很明显,用上面的态度去做UI是不能做出隐形UI的。做一个完全隐形的UI意味着你必须要解决深层次的设计问题和用户体验,只有这样才能使得UI不会变成对用户的障碍。

  宽容的设计


  隐形的UI要归功于它设计的非常有包容性,自然用户界面更加开放,而且不易出错,或者在用户出错的时候,能给用户以明确的方向指引。

  这几年不是流行一句交互金句么?操作前可预知、操作中有反馈、操作后可撤销!

  宽容指的是当用户受困的时候(fall into a trap),设计者给予用户的不是告诉用户出错了。实际上,当用户没有明确的目标时更容易误操作,而此时UI会显示给他们大大的警告和出错提示。而一个隐形的UI设计绝对不会显示上面的东西。良好设计的UI会预先判断用户出错发生率高的地方,并在这些地方提供给用户解决出错的办法或者引导用户让他们避免陷入trap。

  宽容还表示网页或者APPs允许用户对它们出错。因为用户出错之后,他们会从自己的错误中学到更多的东西,当然,他们出错的时候,肯定不能给他们一个大大的红色叉号或者繁杂的让人摸不着头脑的文字。(这种压迫感和腥红的色彩他们早在现实中就受够了)

  目标第一


  上图的交互设计(Cooper building block)实际上非常简便,但是似乎这种设计我们平时并不多见,所以我觉得它——以目标为导向的设计——值得一提。UI设计应该围绕用户的目标,设计者应该挖掘用户的需求,并能通过引导来完成或迎合用户的需求。用户对他们想通过什么方式达到自己的目标很有主见,但是对他们对需要什么却没有任何想法。所以,UI设计师的工作应该是找到用户的需要而不是提供给他们某种方式。

  找到目标并且允许用户快速的达成他们的目标将是最好的用户体验,因而你也根本没有必要设计一个非常华丽的界面去吸引用户的眼球。不要用华丽的UI设计作为对目标不够明确的弥补。

  真正的一致


  在UX的世界中,我们谈论一致性显得理所当然。实际上一致性在UI设计中也非常重要。如果你的UI组件都在同一个地方,具有相同的颜色和功能,那么你的UI设计将会随着时间的推移慢慢的从人们的眼球中消失…有点像Marty McFly。但是,仅仅把功能按钮放在每一页的相同的地方或者在整个应用中使用特定的动作来对应相同的东西可能并不能解决连续性的问题。

  另外,我们在UX设计经常倾向于应用来源于其它APPs或者网页的那些和我们的设计相通的东西来装扮我们自己的APP。我曾经写过一篇文章来阐释相类似的环境能够让界面显得更加舒适。但是当我们致力于设计一个隐形的UI时,仅仅一致并不足够。我们要的是真正的一致!这就意味着不仅仅是组成、价值、链接以及数据等在APP中的一致,它们应该在上下文内容中也要一致。

  例如,你可能注意到很多APP中,登陆按钮一般都会在右上角,因此你会自然而然的认为其他APP的登录按钮应该也会出现在那个位置,这想法没错。但是,这种布局可能在你的APP中不太合适。那么,你就不必要这么做,你要按照自己APP的布局,将组件放在适合于你APP中的地方,并让它们在你的APP中保持高度的一致性。

  总结:激发用户

  最后,一个真正设计精良的隐形的UI要能够做到激发用户。当UI能够引导用户直接进入他们想要的,用户在使用APP时能将精力集中在他们的目标上面。

  界面应该提供数据和内容的无缝交互,这能够激发用户建立与APP更好的关系。用户固然喜欢摆弄一个聪明的UI,但是隐形的UI设计更容易脱颖而出。

时间: 2024-10-17 01:25:34

伟大的UI是隐形的的相关文章

帮你完成隐形设计的3个方法

  设计并不总是耀眼夺目的艺术.它讲究微妙.实用,而且常常是不确定的.很简单,好的设计往往是隐形的.但是如何做到隐形?尤其网页设计是一种相当视觉化的手段.本文会重点列举几个网站,来印证隐形设计的观念. 明确一点--隐形的设计并非在项目中增加图层.透明度或是隐藏含义.它是为了打造用户为中心的项目,使之功能齐备,视觉愉悦. 当我还是个年轻的设计师时,就一遍遍听到这句话.如果你不得不"装饰"画布,那就是在过度设计.最好的设计--真正使项目有效运转的设计--是隐形的. 思考设计中的隐形 Alc

真正优秀的动效应该是隐形的

  毫无疑问,在UI和网页中使用动效已经成为大趋势.这种趋势是如此之明显,以至于越来越多的应用已经不是为了提升体验而设计动效,更多是为了强调动效本身.设计师 Pasquale D'Silva 在2013年的 Web Direction South 上曾这样说过: 好的动效是隐形的.(作为用户的)你不应该注意到你正在看一个动效. 这是一个很好的建议,我们作为屏幕背后的设计和开发团队,事先在脑中设定几个原则:动效的存在必须提高可用性,令人觉得自然,含蓄,是给予用户反馈的一种机制. 在过去的一年里,我

关于网页UI设计的10条适用法则

  一个主观上很想多多学习的设计新手在工作中最常遇到的状况应该是-没人愿意教!(ps:传统思想告诉我们"教会徒弟,饿死师傅",所以新人们的如此遭遇也无可厚非;But-另一种可能性是-师傅真的很忙!) Anyway,AnyForWeb今天为菜鸟们奉上关于网页UI设计的10条适用法则,希望能让大家脑洞大开,在设计中得到帮助和启发. 1.纠结的时候,让自然为你做决定! 遵循自然规律的设计总是因为贴近万物本源而受到更多人的宠爱,因此,当你举棋不定的时候,你可以选择将设计代入大自然定律中,让自然

优秀界面的终极形态:隐形的界面

   @十萬個為什麽 :真正优秀的用户界面会被无视,而糟糕的设计则迫使用户注意界面,而非内容.用户都是带着目的来访问网站的:买本新书.学习JQuery.与朋友分享一篇文章.发现新音乐.写小说或者仅仅是寻找最近的目的地.他们不会只为把玩界面而来.实际上,用户根本不在意界面设计.多年来,台式机系统树立的典范和交互式工具的缺失,都使人们开始思考用户界面,它如何发挥作用?如何让设计增色或减分?但用户真的需要关心这些吗? 用户已经熟知界面的模式和组成元素,但他们根本不在意.多年来,网页设计师们已经在按钮颜

微软未来设备将使用人工智能“隐形界面”挑战苹果

几天之前,微软刚刚发布了Cortana个人语音助理,Cortana将成为http://www.aliyun.com/zixun/aggregation/13466.html">Windows Phone的主打功能,对战苹果Siri语音助理.微软研究院高管 Yoram Yaakobi在接受华尔街日报采访时表示:"最初的用户界面只是简单的命令行,随后发展成为图形界面,然后是触控以及手势.微软正在开发隐形用户界面, 用户无需任何介质就能操作.这种新技术将使用人工智能了解用户,了解用户想

UI实战指南之留在电脑里的字体(一)

  进阶学习最实用教材!这一由@牛MO王涵 (BigDesign创始人/设计总监)编写的系列文章,从字体选择到提升设计感的技巧等都有涉猎,话题虽广,但全是实战过程中最关键的要素,而且是新手最关心的操作部分,学完直接上手工作 >>> 前言:我来了,这是U1系列新开篇章实战篇,不仅仅是适用于UI设计,甚至包含网页设计.平面设计.在文章中会更多的介绍一些操作上的教学,希望对新人们有帮助. 推荐字体 很多小伙伴在做设计的时候,无论是排版还是展示,都不太注重字体,或者有些太过于注重以至于用了很多种

零基础如何自学UI设计?

  酸梅干超人:下面是我这几年经验的总结和思考,虽然我并不算是最出类拔萃的UI设计师,但也希望对新人有益. 第一点:学习准备--启蒙 学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知.在开始正式学习前,你需要花足够的经历去了解和查阅它的起源.发展.应用.未来.UI作为平面设计的一部分,再往上又从属与美术学这一大类.因此,首先要先去了解整个美术史的发展.从人类起源各个阶段中,美术经历了什么样的变化,在各自的时代发挥了什么作用,近代美术史又经历了哪些波折,平

20个值得学习的智能手表UI设计案例

  尽管这次的案例中有许多是Apple Watch发售之前的概念设计,但是在UI上还是颇有亮点,足以催化创意,值得借鉴~ Spotify Pulse – Apple Watch UI Instagram Android Wear Concept UI cyclus – smartwatch concept iWatch Concept Smart Watch iOS 7 Facebook Android Wear Concept UI Apple Watch Premier League Mat

11个最好的UI设计

  UI设计可以成就或者毁掉你的网站和应用:怎么做才对呢? 在网页设计中,好的用户界面和UI设计的宗旨在于帮助用户尽可能简单和高效的完成特定任务.虽然视觉和感受也很重要,但是好的UI设计的核心永远是功能:对于导航来说,必须是达到不可见的直观.只要用户会迷路或者不知道去哪儿,这个UI设计就是失败的. 一些例举的网站和应用可能有不同的设计原则和功能,但是它们有一个共同点-高效的UI设计,完美解决上面的问题甚至更加到位.让我们来看看它们是如何做到的. 01.栅格 Grid 应用"栅格"顾名思