简单实用的用户界面设计10个原则

Daji妲己1

Daji妲己1

2016-02-17 04:57

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐简单实用的用户界面设计10个原则,希望大家看完后也有个好心情,快快行动吧!

翻译:UCDChina翻译小组,Roc

 

设计真正伟大的用户界面没有什么伟大的奥秘可言,做到保持简单易用就可以。

‘保持简单易用’意味着不要让用户分心。恰恰相反,好的UI让用户达成目标。结果如何?你的培训和维护费用降低,并获得更开心、满足和高效率的用户。

当你面对一个全新的界面设计时,别忘了这些原则。

编辑手记:Kyle将在纽约举行的Web设计趋势上继续探讨用户界面设计的内容。

1. 了解你的用户

关注用户:如果在关注竞争对手还是用户之间选择,答案总是后者。工作总是首先从用户开始。Jeff Bezos

了解用户,因为用户的目标就是你的目标。试着重述用户,了解他们的技能水平和体验,以及什么是他们需要的。找出用户偏好什么样的界面,并观察他们在界面中如何操作。不要迷恋于追逐设计趋势的更新,或是不断添加新的功能。首要的任务是关注你的用户,这样才能创造出一个能让用户达成目标的界面。

2. 重视模型

用户的大部分时间都消耗在界面中,而不是他们自身上(Facebook,MySpace,Blogger,美国银行,学校/大学,新闻网站,等等)。我们无需画蛇添足,用户在你正在创造的界面中看到的正是那些(已有的)界面已经解决的同样问题。利用已成惯例的UI模型,你将使用户感觉像在家中一样熟悉。

简单实用的用户界面设计10个原则,PS教程,图老师教程网
 

7

CoTweet在邮件应用中运用了广为人知的UI模型。

3. 保持一致性

用户期望越多的被正确验证,用户就越觉得系统在自己掌控之中,从而也就更喜爱它(系统)。Jakob Nielson

用户需要一致性。他们需要知道一旦他们学会做某项操作,那么下次也同样可行。语言、布局和设计是需要保持一致性的几个界面元素。一致性的界面可以让用户对于如何操作有更好的理解,从而提升效率。

4. 运用视觉等级

设计师可以从混乱中找到统一;他们可以通过组织操控文字、图片从而清晰地传达设计意图。 Jeffery Veen,Web设计艺术家和研究者

设计时,要让用户把注意力放在最重要的地方。每一个元素的尺寸、颜色还有位置,它们为理解界面共同指明了道路。清晰的层级关系将对降低外观的复杂性起到重要作用(甚至当行为本身也同样复杂的时候)。

5. 提供反馈

界面要始终保持和用户的沟通,不管是当他/她们的行为对错与否。随时提示用户的行为:状态更改、出现错误或者异常信息。视觉提示或是简单文字提醒都能告诉用户,他/她的行为是否能够达到预期的结果。

 

简单实用的用户界面设计10个原则,PS教程,图老师教程网
 

BantamLive在界面中为大多数行为提供了一种嵌入式的载入提示。

6. (对用户)宽容

无论你的设计有多么的清晰明了,用户都会犯错。你的UI应当允许并宽容的对待用户的错误。要为用户提供可以撤销行为的方式,并且对五花八门的输入数据尽量宽容(没人愿意只是因为填错了生日的格式而重头再来)。同样,如果用户的行为引起了一个错误,在恰当的时机运用信息显示什么行为是错误的,并确保他/她明白如何防止这种错误的再次发生。

如何利用简单的验证码提高注册率一文中讲述了一个绝佳的例子。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

7. 鼓励用户

一旦用户对界面有了经验之后,要奖励他/她们,使之进价。把复杂任务分解为若干简单步骤将会更显繁复和让人精力分散。提供更多的抽象方式如键盘快捷键完成任务,这样会让你的设计变得简洁易用。

8. 融入用户的语言

如果你对每个像素、每个图标、每个字体都考虑再三,那么你同样需要斟酌每个词语。  Getting Real

所有的界面或多或少都有文字在其上。让文稿尽量口语化,而不是华美辞藻的堆砌。为行为提供清晰、简明的标签,保持简朴的文字叙述。用户对此将会很赞赏,因为他们不再是听命于他人的官腔他们听到的是如朋友般甚至自己说话的表述方式。

9. 保持简洁一个现代的悖论就是:创造复杂的界面很简单,因为复杂到必须简化它们 Pär Almqvist

正所谓:大音希声、大象无形。最上乘的设计中,你看不到华而不实的UI修饰,或是用不到的设计元素。换而是,其必须的元素一定是简洁且有意义的。当你想着是否要再界面上加一个心功能或是元素的时候,问问自己,用户真的需要这些吗?或者是为什么用户想要这个小巧的动态图标?。你是否只是因为出于自我喜好而添加这些元素?记住,永远不要在UI设计中给自己出风头。

10. 不断向前爷爷:如果每次失败我都放弃的话,那么我将永远不会发明耐火裤!【这时裤子烧光了,露出了底裤】

爷爷:接缝处还在改良中

节选自《未来小子》

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

《未来小子》一片是我最喜爱的电影之一。贯穿影片的主角Lewis一直在挑战着不断向前。这正是UI设计的关键准则。

人们常说,当开发界面的时候,你往往需要失败的快一点,这样就能频繁迭代。当创建UI之时,你总会碰到错误。没关系,只要不断向前,并且要牢记让你的UI简单易用。

展开更多 50%)
分享

猜你喜欢

简单实用的用户界面设计10个原则

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
简单实用的用户界面设计10个原则

Java图形用户界面设计

编程语言 网络编程
Java图形用户界面设计

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

20个网站用户后台管理界面设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
20个网站用户后台管理界面设计

能猜测用户行为的界面设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
能猜测用户行为的界面设计

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

VisualBasic中的界面设计原则和编程技巧

编程语言 网络编程
VisualBasic中的界面设计原则和编程技巧

10条网页界面设计思路汇总

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
10条网页界面设计思路汇总

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

美图秀秀制作自己的签名图

美图秀秀制作自己的签名图

美图秀秀快速打造颓废风格教程

美图秀秀快速打造颓废风格教程
下拉加载更多内容 ↓