用户根本不会在意你的界面设计

标签: 产品设计 界面设计 交互设计 | 发表时间:2013-12-17 12:39 | 作者:欧阳俊杰
出处:http://www.woshipm.com

真正优秀的用户界面会被无视,而糟糕的设计则迫使用户注意界面,而非内容。用户都是带着目的来访问网站的:买本新书、学习JQuery、与朋友分享一篇文章、发现新音乐、写小说或者仅仅是寻找最近的目的地。他们不会只为把玩界面而来。

实际上,用户根本不在意界面设计。多年来,台式机系统树立的典范和交互式工具的缺失,都使人们开始思考用户界面,它如何发挥作用?如何让设计增色或减分?但用户真的需要关心这些吗?

用户已经熟知界面的模式和组成元素,但他们根本不在意。多年来,网页设计师们已经在按钮颜色、投影、边框和渐变上花了成百上千个小时,只为了让界面更易用和美观。但事实上,优秀用户界面的终极形态不是易用,而是隐形。

或许你已了解,移动设备是近年来的重头戏。多点触控设备的问世引出了一个轰动性概念——用户界面就是一系列对内容进行的点击操作和事件,移动设备的崛起令人机界面更加自然。这一现象有诸多原因,但对直接对内容进行操作,和摒弃过时的具象化事物(像台式机里的那些)赋予了这些设备极高的易用性,因为它们的界面几乎消失了。

不过我们仍然需要用台式机和笔记本来工作,我们也需要浏览网站、使用web应用程序。那些神奇有趣的多点触控技术,和它创造出的更加自然的新式用户界面,却未必能派上用场。那么,既然还不能为我们所用,我们要继续创作那些过时且“碍事”的UI元素吗?当然不行,隐形界面应该是每位UI设计师与开发者的目标。

界面,而非障碍

界面不该成为用户浏览内容或达成目的的障碍。达成目的之前,用户根本没必要经历那些UI陷阱和胡乱编排的导航。多年来,我们都在使用和发明各种UI障碍。表面上它们似乎能解决某些问题,却给用户增加了更多负担。面包屑就是个极好的例子。通常认为,要让用户了解自己在应用中所处的位置,面包屑是个不错选择。但它更多时候只是平添了不必要的UI元素,影响正常的用户体验。

尽管面包屑并没有直接给用户带来负担,但它占据了屏幕宝贵的空间资源,而这本该用来引导用户达成目的和展示内容。增加面包屑来应对导航问题,不如直接设法解决它。为“修复”某些UI问题,经常会引入新的元素。然而,太多不必要的元素积少成多,最终界面成了一个障碍重重的迷宫。若是一味增加UI元素,界面还如何隐形?

解决界面问题

这与我们前面所讲的息息相关,但是要打造隐形的界面,意味着要解决更深层次的问题,你得真正解决那些问题所在。我的背有点小毛病,当然,敲一敲和服用镇痛药都能止痛,只是治标不治本。我缺乏运动,经常无精打采,像石头一样僵直。我们对待界面问题也是一样。创作网站和APP时,我们总会发现各种千奇百怪的问题。多数时候我们只是做些表面文章来解决问题,界面下却隐藏着更深层次的问题。此举只是头痛医头,脚痛医脚。

不过这已经成为惯例了,因为我们总得学着与项目经理、网站主、股东、项目进度或仅仅是懒惰抗争。我们总以此为理由进行用户测试和AB测试。“我知道有些不对劲,不过还是通过用户来验证一下这是否真的是个问题。”若想要实现隐形设计,这可不是什么好方法。完全透明的界面意味着解决设计中最深层的问题,它们才不会出来作乱,成为用户的绊脚石。

宽容的设计

宽容,往往是隐形用户界面的一个特征。自然的界面并不限制各种探索性的点击。当用户进入死胡同,它不会轻易显示错误信息,而是将用户引向别处。

宽容用户意味着他们犯错时不要惩罚他们。用户错误操作,往往因为他们无法预料结果。我们总将问题归咎于用户,并弹出大大的警告和错误提示来惩罚他们。当用户踏入陷阱时,隐形的界面会避免责罚他们。相比弹出错误提示,优秀的界面设计能预测应用中出错率较高的地方,并提供解决方法,甚至引导跳转。

宽容也意味着网站或APP的规则可以被用户打破。这是下策,不过假设你打破了妈妈的古董花瓶,想要把它粘回去,却因为手指粘在一起被抓住,这肯定是最深刻的教训。用户弥补他们犯下的错误时,他们将更了解你的APP,别出现那些大红错误图标和晦涩难懂的文案。

首要任务,达成目标

这是个交互设计的绝佳案例,是Cooper正在进行的项目,鉴于它尚未上线,我应该只被允许小小提示一下——以目标为导向的设计。你的界面设计也应该围绕用户的目的展开。不是用户要什么或喜欢什么,去他的,根本不是这么回事。而是挖掘用户的需求,然后指引他们达成目标。这很滑稽,用户对于他们想用什么样的产品总能夸夸其谈,却对自己的目的一无所知。你的职责就是挖掘他们的需求,而非要求。“要求”会导致界面臃肿、障碍重重,令用户厌烦。

找出目标并让用户尽快完成它,他们不在乎其他事情,尽快到达目的地才是对他们最大的回报。不需要为此设计漂亮的界面,避免用过度设计来补偿糟糕的目标引导。

一致性

不错,在用户体验的世界中,我们一直在谈论一致性原则。界面设计中,一致性是重点。如果你的界面元素都放在相同的位置,有着相同的颜色和功能,那么你的界面会逐渐消失……像Marty McFly一样。不过,如果只是把所有按钮放在每页的同一个位置,或用某个特殊操作执行相同的功能,并不能解决一致性问题。

在用户体验设计中,我们还经常借鉴APP或网站中那些一致或相似的东西。我之前写过文章,解释了相似的环境如何使得界面更舒服。然而我们要创造真正的隐形界面,不是为了一致而一致,光有这些还不够。隐形界面有着“真正的一致性”,不仅元素、数值、链接和其他数据展现形式统一,场景和含义也是一致的。

例如,你应该注意到了,其他很多APP把登陆按钮或链接放在右上角,所以你会觉得,既然其他APP都这么做,放那里肯定错不了。但在你的APP中,放在那个位置或许就毫无意义。与其继续创造有瑕疵的界面,不如将界面元素放在最合适的位置,然后在整个产品中延续其一致性。

结论:鼓舞用户

最后,优秀的隐形设计还需要鼓舞用户。当界面脱离了用户的操作步骤,直接将他们引向最终目标,用户会集中精神在他们的目标上。

界面应当通过数据和内容的无缝切换,来鼓励用户与它建立良好的关系。用户有时喜欢探索一个界面巧妙的产品,甚至玩得很开心。但更多时候,对他们而言不存在的界面更有鼓舞作用

译言网 译者:十万个为什么 原作者:PATRICK COX


本文链接《 用户根本不会在意你的界面设计
官方微信:woshipm,干货天天推荐,欢迎订阅

相关 [用户 界面 设计] 推荐:

用户界面设计原则

- - 人人都是产品经理
“设计绝不是简单的拼合,排列甚至编辑;设计是通过阐明,简化、明确、修饰,使之庄严,有说服性,甚至带一点趣味性,来赋予其价值及意义. ”——保罗·兰德(Paul Rand). 1.“明确”应该放在设计的首要位置. 对任何界面而言,“明确”是首要的也是最重要的一点. 人们必须能够辨别出它是什么,才能有效地使用你设计出来的界面.

50+PSD用户界面Web设计素材

- DayuLu - 互联网的那点事
对于很多设计初学者来说很多高手的界面设计得让他们惊叹. 其实,对于真正的设计老手来说,他们有能力设计出各种效果,但是即便这样也是需要大量的时间的. 在大多数的中小企业中这样的完全独立设计师很少见的. 老练的设计师都有一套属于自己的设计素材库,里面包罗万象会让各种菜鸟汗颜. 这些就好比日积月累的各种武术套路,当需要那种就自然的打了出来,快、准、狠.

网站界面设计需要迎合用户操作习惯

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  通过对界面设计不同需求进行的分类以及界面设计元素对用户行为的影响,来研究用户在界面设计中所体现的重要性. 交互性已经成为网络界面设计中设计追求的目标. 为了使设计满足可用性要求,全面的了解用户特征及多元化要求是十分必要的. 这就需要找到正确的方法来记录和实现多元化的用户要求.   界面是人与物体互动的媒介,换句话说,界面就是设计师赋予物体的新面孔[1].

Android 4.0用户界面设计和元素-ICS简介

- - 博客园_新闻
最新的 Android 冰淇淋三明治(Ice Cream Sandwich, ICS)操作系统,不仅仅是用户界面(UI)的简单改变,它几乎是对整个 Android 系统界面的重新定义. 为了让你更好地为 ICS 系统设计和开发应用,这里有一个简单的介绍和指南. 内容和活动导航:选项卡和下拉选项 (Tabs and Dropdowns).

用户界面设计中“状态”和“动作”的表达

- - 互联网的那点事...
前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题. 想想这个问题多年前已经开始讨论了,所以在此整理一下思路,与大家共享. 具体案例是这样的:如上图所示,在“启用”和“停用”搜索定制功能时,这个按钮到底是表示“状态”还是表示“动作”呢. 简单的说,上图中 1表示当前是停用状态,还是表示点击后为停用操作呢.

什么才是优秀的用户界面设计

- - 互联网的那点事
今天为大家分享一些 Good UI 在一些项目中获取的设计以及运营策略等方面的经验. 这是本人收藏了很久的干货,最近开始做网站产品,又把它翻出来了. Good UI 是一家研究用户体验的设计机构. 我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验. 整合相似的功能,去掉零碎的 UI 元素.

用户根本不会在意你的界面设计

- - 人人都是产品经理
真正优秀的用户界面会被无视,而糟糕的设计则迫使用户注意界面,而非内容. 用户都是带着目的来访问网站的:买本新书、学习JQuery、与朋友分享一篇文章、发现新音乐、写小说或者仅仅是寻找最近的目的地. 实际上,用户根本不在意界面设计. 多年来,台式机系统树立的典范和交互式工具的缺失,都使人们开始思考用户界面,它如何发挥作用.

iPad用户体验暨UI设计—如何设计出优秀的用户界面

- Ken - 互联网的那点事
iPad划时代地将我们带入了平板电脑时代,对于传统的移动终端的设计师而言,一个拥有更大的触摸屏幕,更大空间的舞台展现在大家面前,看上去一切都是那么的美好. 然而如何在iPad上设计出优秀的用户界面. 相信对于设计师们的挑战与忧愁远不止屏幕放大那么简单. 大的屏幕、可以触摸的操作、支持多种手势…这一切条件都为让用户能沉浸于你的设计中提供了条件,那么如何将设计与用户生活的环境、习惯更好的结合,获得最佳的体验,就成为了一个挑战.

转载:免费的用户界面设计工具,工具包和资源

- Betula - Axure教程|手机交互设计|手机产品设计
来源:免费的用户界面设计工具,工具包和资源    发贴会员:图图网-sunqilong. 都是一些UI界面与设计使用的元素,软件,网站等. 内容很丰富,适合网页设计师,用户体验设计师,界面设计师,产品设计师,JS前段开发,手机产品设计,ipad产品设计等使用. Lumzy是一个网站应用和原型界面制作工具.

细节成就卓越——浅析iPhone用户界面设计精粹

- Shengbin - 腾讯CDC
  作为一款革命性产品,iPhone(这里泛指iPhone和iPod touch,当然还有iPad)为我们带来了许多意想不到的创意和惊喜. 过去两个月多的时间里,我们认真地咀嚼《iPhone Human Interface Guidelines》,感悟字里行间透露着的苹果的细致与智慧. 兴奋、激动之余,有太多的惊喜想与大家分享.