Hi,我是优设小编

chenzimu7

浏览全部 665 篇文章

到我的微博瞧瞧

老生常谈!设计高素质的UI应该掌握这7个关键属性

7-key-attributes-ui-design-1

我们的世界正在快速的数字化,这也是为什么UI界面在近10年来一直都是热门话题,同时,这也意味着,作为设计师的我们比以往任何时候都要专注打造高素质的UI,以及让用户欲罢不能的用户体验。我们需要好的UI和优秀的设计。

我们一直在追求好设计,优秀的设计,让人难忘的设计,能够脱颖而出的设计。我们相信设计是有迹可循的,有成熟的、可考量的标准来衡量,它甚至可以作为我们设计的方向而存在。

从网站到手机,从家用的恒温控制器到汽车的控制面板,所有的这些UI构成了我们的日常数字体验。越来越多的屏幕和日渐庞大的数字化内容,使得我们对于优质的UI设计越来越渴望。

虽然好设计的原则是老生常谈,但是我们还是要经常总结,结合自己的设计,三省吾身。

1、简单

image1

优秀的UI界面是隐形的,华丽的装饰和不必要的元素都已经被剔除,简单直接的页面逻辑和直观必要的元素构成了这样的UI界面。设计UI的时候,你在添加任何元素的时候,都最好问一下自己“这个功能是否会影响用户现有的任务?它是否真的必要?”先将你的UI内的元素限定为必须的,专注于核心的用户体验。

如何设计一个简单的UI界面,Maaemo 的产品在这方面就做的很突出。这个挪威餐厅的网站上,你看到的是预订的表单,其他次重要的内容被隐藏在汉堡菜单当中,避免引起混乱。用户不用浪费时间去来回浏览扫视,直接进入预订的环节。

怎么才算是隐形的界面:《优秀界面的终极形态:隐形的界面》

看看简约设计最佳实践:《符合极简主义风格的设计有什么讲究?》

2、清晰

清晰应该是所有UI界面都具备的基本属性。请记住,你的UI界面存在的目的是让用户能够更便捷地同你的系统进行交互,为此,它需要能够清晰地同用户进行沟通,如果用户无法弄明白界面的使用,会因此感到沮丧。

保持清晰的UI界面设计并不难,首先要保证一点:按钮和操作的标签文字指向性要明确,保持清晰的信息传递,让用户能够快速弄明白交互的指向性。

这个时候,你也别忘了开头的“简单”的原则。尽量不要在UI中使用冗长、复杂、难以记住的文本标签,你的用户不会花费时间去读,也不会去欣赏它们,越复杂越“独特”,就越会影响整体的用户体验。

一个词能解释清楚的事情,千万不要用更多的语言去表述。保持简明能够让你的界面更加清晰,节省用户的阅读时间,降低认知疲劳。可能精简出直观又易于识别的文本很难,但是做好了是很有价值的,对于整体体验的加分很多。

3、一致

不论是哪个设计师,都会希望自己的设计能给用户带来一致的体验的吧?一致的设计能够让用户对于你的设计模式更快认知、熟悉,并且在此基础上快速适应整体的体验。人们渴望规律,追求一致性,也希望在实际操作中验证自己所“发现”的一致性。

所以,用户是期望借助自己习得的经验,来探索更多的内容的,而探索能否有效就得看设计的一致性是否够好了。在整个UI设计中保持一致的语言、布局和设计规律,整个用户体验会显得更加“通透”。

4、熟悉

image4

用户体验设计的一个重要的目标是要让用户能够凭借直觉来操作UI界面。那么,怎么才能让用户更加“直觉”地完成交互呢?用户要能够自然地理解其中的内容,操作自然就不难了,也就是说,你要让用户对你的界面产生“熟悉感”。所以,你要充分利用用户对于你的设计所熟悉的部分。

当用户对UI界面抱有熟悉感的时候,通常意味着他们对于这个设计有所了解,甚至知道怎么交互,他们明白操作之后大概会发生什么,也知道哪些事情不应该做。所以,如果你能利用好用户对于交互和界面模式的熟悉来进行设计的话,能让你的用户更快上手操作。

汉堡图标就是这样的典型。现在当用户看到汉堡图标的时候,就会明白这代表着菜单。当用户在界面中找不到预期的功能或者服务的时候,会主动地寻找汉堡图标,希望能在其中找到需要的东西。

Born Shoes 这个网站也充分利用了这一点,将熟悉的图标放在熟悉的位置,用户上手就知道怎么用了。

5、视觉层次

image3

UI界面的视觉层次是非常重要且常常被忽视的一个属性,它能够帮助用户专注重要的内容。如果你想让界面中每个内容都看起来很重要,那么只会单纯地让信息过载,让每个元素都分摊用户的注意力,最终只会让整个设计显得混乱不堪。不同尺寸的字体、不同的色彩和不同的控件最终应该是相互搭配,构成层次,有轻重缓急地呈现给用户,将复杂的结构简单化,帮助用户完成任务。

Budnitz Bicycles 的网站就很好地使用色彩营造出视觉层次,吸引用户关注到网站的特定部分。网站中的按钮在整个设计中显得非常显眼,引导访客点击。

如何设计出有层次的界面:《阴影与层次!当现实世界照进UI设计》

6、高效

image2

你的UI界面最终的目标是要带着用户完成任务,达成目标,或者去他们要去的页面。不同的流程要求不同,但是最优秀的UI设计有个共通的特征:高效。提升界面效率最有效的方法是进行任务分析。

熟悉用户的流程,了解用户的目标,然后在此基础上尽量简化流程,使得用户能够便捷快速的达成目标。在此过程中,仔细考虑每个功能细节,规避可能存在的漏洞,帮助用户快速完成用户流程。

Mulberry 在他们的活动页面上提升了用户效率,帮助用户更快地挑选节日礼物,降低繁复的搜寻和思考过程。

7、响应

UI界面响应牵涉到体验的方方面面。首先,UI界面的响应应该是迅速的,它背后的整个系统应该能够快速反应,否则不够快速的响应会让用户感到沮丧,缓慢的网页加载过程会令人抓狂。

事实上,如果你的网站没有在3秒内加载完成,就会开始有访客因此而流失。根据 Kissmetrics 的统计,超过40%的访客会在加载速度超过3s之后而离开,而加载时长的增加,更多的用户会随之离去。

此外,UI界面的响应是否合理,是否足够“人性化”。当用户点击界面元素的时候,用户希望知道他们的操作是否成功,而这个时候,合理而快速的界面反馈就显得很重要了。比如,当用户点击一个按钮,按钮的状态变化,又或者界面加载时的加载进度条,都能够让用户明白状态的改变,以及他们操作的结果。

界面的合理响应让UI更为富有人性,减少错误的发生,并且让交互进入真正良性的循环。

【从视觉规范开始学习】

  1. 《UI丨历经实战,我总结了这四个界面设计规范的经验》
  2. 《专业干货!好的交互设计有哪些主要评判标准?》
  3. 《让动效不止于好看!移动APP的7种动效设计和9条设计原则》
  4. 《清晰流畅统一美观!聊聊产品设计的四大原则》

原文地址:webdesignerdepot
原文作者:SAMELLA GARCIA
优设译文:@陈子木

2016uisdc-classroom-new

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/7-key-attributes-ui-design