如何让你的UI拥有更好的体验?

小编:作为每天和界面打交道的UI设计师,我们都希望自己设计出来的界面更漂亮更富有吸引力。但是一个优秀的界面绝不仅仅是看起来好看这么简单,它的背后往往包含了许多深刻的思考。对照以下的这些原则,看看自己设计的界面是否考虑到这些因素了呢?如果没有,应该知道自己的界面和优秀的界面之间的差距在哪了吧~

用户界面,或者说UI,是设计所有创造出来被人使用的东西中都要考虑的因素。虽然工业设计师和平面设计师在他们的工作中也会用到UI设计的原则,但是在数字化的环境中,UI的重要性与日俱增。富有魅力的UI设计通过创造积极而美好的用户体验确保了app和网页的成功。在争取用户注意力的激烈竞争中,UI是俘获并满足用户最好的工具之一。

对于网页设计师来说,成功的UI设计从基本的设计元素如颜色和字体的选择开始一直延伸到设计中每一个组成元素。以下的一些建议包括如何使UI设计具有吸引力并使人印象深刻,同时确保用户拥有卓越的体验。

UI设计的过程

当说到UI设计,这个名称中包含了很多内容:在这样一个设计之中最显著的组成元素就是用户。UI设计师最首要的任务就是了解用户期望从一个界面中得到什么,并预测用户将会如何使用。

因此,这个过程要从对潜在用户的细致分析开始。这可能包括正式或者非正式的调查研究,同时可能需要大量的头脑风暴。为界面确定清晰的目标在最初的步骤中也是非常重要的。

在这一步中设计师可能要问的问题有:

  • 用户希望这个界面完成什么目标?
  • 在技术的支持下用户的舒适程度如何?
  • 在常规的操作过程中用户将如何与界面交互?

一旦设计出了满足用户并能够完成一个任务的界面后,就要依赖于真实的用户测试来判断理论在实际应用中是否正确。

优先考虑明确性

要想设计出迷人的UI界面,清晰,明确的特征是非常重要的。我们人类有一个基本的倾向就是会忽略我们不了解的事物。这样的习惯就需要我们优先考虑重要信息并且不要把时间浪费在并不直属于“生存”(survival)范畴的事物上。在UI的语境中,“survival”这个词可以解释为从一个网站中得到我们想要或者需要的东西。

这一点上的应用就是用户通常会忽略图标或者其他的他们不能马上理解的元素。如果一个功能的目的很模糊,用户会认为他们并不需要它然后离开。

关于清晰对于UI的重要性上有一个例子,就是谷歌做出的一个决定——一个毁了Gmail菜单的普通的网格图标。尽管视觉设计上可能很干净并能吸引人观看,但是这个改变也带来了许多问题,一些用户甚至没有注意到这个新图标并且找不到他们需要的东西。

使界面的布局直观

用户应该在不需要费力思考的情况下找到他们想要的东西。直观的设计意味着这个设计可以很迅速地在无形之中告诉用户如何浏览网站以及使用网站的功能。这可以使用户专注于完成任务,而不需要停下来弄清楚如何去做。

当然,不直观的设计是UI设计中很明确的对立面,这种设计根本不考虑用户。举个例子告诉你如果设计师不考虑现实情况和用户去设计网页会发生什么。想象一下一个在线幻灯片上的前进按钮在左边而不是在右边。用户迅速地根据惯性移到右手边,遇到了困惑,接着要花掉不必要的时间在页面上四处查看。

导航工具,例如侧边栏和菜单,应该是清晰易用的。一致性是使页面布局直观的一个很重要的影响因素。页面特征在所有的界面中都应该保持一致,这样用户可以很直观地理解它们。当用户不止一次看到同样的特征时,他们就会明白如何与之交互。

提供即时的反馈

由于任何界面的目标都是为人使用,因此即时的反馈信息可以帮助用户时刻知晓他们的行动。即时反馈信息可以让用户知道界面的状态信息——进度图标,错误信息,以及新进展的即时更新。当用户得到了即时反馈,他们就不需要去猜测正在发生什么。

正如我们前面已经确立的观点所说,人们倾向于忽略他们不理解的事物。如果用户努力地执行一个操作,却被晾在那里一直盯着空白的屏幕,他们很有可能会离开去别的地方。

使默认值有趣又有效

很多用户不会费心去更改界面上默认的设置或功能。一个很明显的例子就是那个无所不在的iPhone默认铃声。当一个人的iPhone响起来时,看看有多少人去掏手机也是个非常有趣的社会实验。在这个例子中,默认设置是比较中性的。然而,如果默认值是会引起人厌烦的,用户会受到消极的影响。自动填写的表单就是一个UI友好的默认值设置的例子,它通过填写上基本信息节约了用户的时间。

提供操作指引

与其让用户自己在那里猜测如何使用一个功能,不如展示给用户如何使用,这样可以鼓励他们成功地完成任务。操作指引可以是很明显的,例如LinkedIn的认证功能。当这个认证功能首次推出的时候,LinkedIn通过询问“【某人】是否了解【某某技能】”的提示来让用户确认他们的好友的技能。

Linkedln不是假定用户会找到这个新功能并弄明白如何使用,而是高效地指引用户参与其中,造就了一个非常棒的ui。设计师可以通过一些设计决策更巧妙地引导操作,如通过颜色或者大小来强调一个功能。例如,Spotify的首页引导用户进行“额外付费内容”的选择。

不要忽视基本的设计元素

在急于追求新奇和创新的过程中,界面设计师往往会忘记考虑一些对用户体验有着重大影响的基本的设计原则。以下这些基本的设计元素构成了界面可用性的基础。

对比:对比应当让所有的元素都易读且有吸引力。当设计师设计为更多人使用的界面时更是如此;那些患有轻微视觉损失的人常常要和低对比的图像作斗争。

失真:任何图像的失真或者破坏对于UI来说都是非常糟糕的。失真不仅会阻碍用户参与到界面中,而且很令人沮丧,可能会让用户整个界面都不愿再看。

文字大小:由于人们在线阅读的独特方式,字体大小在网页设计中是一个非常重要的考虑因素。当人们在网上寻找一些东西时,无论是信息还是要购买的物品,通常都是快速浏览而不是阅读,这就使得字体的大小和粗细对于UI的构成非常重要。如果用户在不同尺寸的屏幕上查看界面时,设计师也需要考虑这些对于UI的影响。如果静态的文字需要移动端用户去放大,这就很难说是一个以用户为中心的体验。

屏幕分辨率:为了最佳的UI效果,许多应用和界面需要在各种不同分辨率的屏幕上工作。低分辨率会影响可读性和易用性,使UI变得非常糟糕。

着眼未来

随着我们的生活越来越依赖于在线体验,UI对于许多人的日常活动越来越重要。对于UI设计的使得设计师有机会为人们的大部分生活带来积极的影响。

Speckyboy

原文作者:Stephen Moyers

译文作者:学ui网翻译社-Jillian

(0)

相关推荐

  • 鼠标飘怎么办 简单设置换更棒游戏体验

    相信有不少网友在玩游戏时出现过“鼠标飘”的情况,就是游戏控制物体与鼠标操控间有明显的延迟,比如玩FPS游戏时,瞄准镜头总是慢一拍,这种时候就很想砸鼠标有木有?!因此就牵连出一个问题,鼠标飘怎么办?今天 ...

  • 小技巧:两步设置让你的iPhone拥有更好的音质

    现在几乎每个人都在用自己的iPhone.iPod touch来听歌,不过好像很少有人知道,通过两步简单的设置,就可以让你的iOS音乐app拥有个好的听觉体验.我们今天要介绍的两个设置并不是系统默认开启 ...

  • window8系统桌面分辨率拥有更高的聚焦点帮助你集中在活动窗口

    杂乱的电脑桌面,可以分散和生产力有负面影响。你可以把时间关闭所有窗口,或者甚至在全屏模式下使用程序,但是这并不总是可行或不可行。另一种解决方案是调光在您的桌面上的一切,你的工作除了窗口英寸乐调光器,一 ...

  • 教你如何让网站拥有超强的“用户体验”

    用户体验在如今绝对说得上一个超热的词汇,就拿最近几天的站长网文章来说,主题在用户体验上的文章不下10篇,而且每一篇讲的内容还不一样,真的是让我开眼了.可是我不能总当看客吧,自己好歹也是一个站长,在建站 ...

  • 百度vr浏览器怎么用

    流量之王百度便成为首家推出VR浏览器的流量巨头,发布了百度VR浏览器. 这款新的宅男看片神器,百度VR浏览器正式版终于来了,下面,大家就跟着小编一起来看看吧. 支持数十种VR头显 GEAR VR暂不在 ...

  • 如何使用人生日历4.0信息定制功能?

    人生日历4.0信息定制功能使用教程大家可以来了解一下,4.0版本的人生日历可以定制自己想要的信息哦~我的地盘我做主,快来看看该如何私人定制吧。 人生日历是一款注重细节设计,真正想用户所想的桌面日历。最 ...

  • 人生日历4.0信息定制功能怎么使用?

    人生日历4.0信息定制功能使用教程大家可以来了解一下,4.0版本的人生日历可以定制自己想要的信息哦~我的地盘我做主,快来看看该如何私人定制吧。 人生日历是一款注重细节设计,真正想用户所想的桌面日历。最 ...

  • 人生日历4.0信息定制,你的地盘你做主

    人生日历是一款注重细节设计,真正想用户所想的桌面日历。最新发布的4.0版本更是在继承3.0版本优点的基础上,进行了更为贴心的设计,让你可以随心所欲定制自己需要的个性化信息,想你所需,真正做到你的地盘你 ...

  • Tegra Note 7上手

    自从今年8月份在互联网上曝光.9月份出现在FCC网站上之后,NVIDIA公司在9月末正式宣布了推出这款全新的Tegra Note 7平板电脑.其实对于Tegra Note 7来说,在市场上要面对的对手 ...