当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 简洁易用的用户UI界面设计的9个基本原则

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

心得技巧 中的 简洁易用的用户UI界面设计的9个基本原则


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-30   浏览: 62 ::
收藏到网摘: n/a

设计真正伟大的用户界面没有什么伟大的奥秘可言,做到保持简单易用就可以。‘保持简单易用’意味着不要让用户分心。好的UI让用户达成目标后,相应的培训和维护费用便降低,同时获得更开心、满足和高效率的用户。

当你面对一个全新的界面设计时,别忘了上面的最基本的原则。

下面细化介绍界面设计的9个原则:(原来有10个的但是十牌认为可以精简为9个")

1. 了解你的用户“关注用户:如果在关注竞争对手还是用户之间选择,答案总是后者。工作总是首先从用户开始。”——Jeff Bezos

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

2. 重视模型在系统软件中用户的大部分时间都消耗在界面操作中(数据录入、数据修改、数据查阅、等等),这点与浏览为主的网站类页面的用户操作完全不同。我们无需画蛇添足,用户希望在新创造的界面中看到那些、已有的、相似功能的、或遵循基本操作方式的软件界面。所以利用已成惯例的UI模型,将使用户感觉像在家中一样熟悉。

3. 保持一致性“用户的期望越多的被正确验证,用户就越觉得系统在自己掌控之中,从而也就更喜爱它(系统)。”——Jakob Nielson

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

4. 运用视觉等级“设计师要从混乱中找到统一;要通过组织来操控文字、图片,从而清晰地传达设计意图。”—— Jeffery Veen

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

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

6. 界面保持宽容无论设计的界面多么的清晰明了,用户都会犯错。所以在设计界面时应当考虑如何允许并宽容的对待用户的错误。例如要为用户提供可以撤销行为的方式和入口;对不同的输入数据尽量宽容(没人愿意只是因为填错了生日的格式而重头再来)。另外如果用户的行为引起了一个错误,在恰当的时机运用信息显示什么行为是错误的,并确保他/她们明白如何防止这种错误的再次发生。

7. 鼓励用户一旦用户在完成了关键操作,要及时告知用户(弹出对话框等)。

值得注意的是把一个复杂的流程任务分解为若干简单步骤将会更显繁复和让人精力分散。所以无论正在执行的任务有多么复杂和漫长在界面上要保持流程的不间断性。

8. 融入用户的语言“如果对每个像素、每个图标、每个字体都要考虑再三,那么同样需要斟酌每个词语。” —— Getting Real

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

9. 保持简洁“创造复杂的界面很简单,但如何将复杂的界面简化却很难”—— Per Almqvist

正所谓:大音希声、大象无形。优秀的系统类软件页面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。换而言之,必须出现的元素一定是简洁且有意义的。所以当想着是否要在界面上加一个新功能或是新元素的时候,再思考一下:“用户或者界面中真的需要这些么?”,“为什么用户想要在这里当这个小巧的动态图标?”。是否只是因为出于自我喜好和页面的漂亮而去添加这些元素?优秀的UI工程师做出来的系统类界面不会十分华丽,页面中没有任何分散用户注意力打搅用户操作的元素。甚至应该达到在用户使用系统的时候完全注意不到页面和操作复杂的问题,一切都应该是顺理成章的。

系统类用户界面设计的最终目的就是:将软件设计成原本就应该展现的那样子。

来自:Kyle Sollenberger

整理:十牌