最近看过此主题的会员

返回列表 发帖

[JAVA语言] 用户UI界面设计原则

ui设计真正伟大的用户界面没有什么奥秘可言,做到保持简单易用就可以。‘保持简单易用’意味着不要让用户分心。好的UI让用户达成目标后,相应的培训和维护费用便降低,同时获得更开心、满足和高效率的用户。
       当你面对一个全新的界面设计时,别忘了上面的最基本的原则。
       下面细化介绍界面设计的9个原则:(原来有10个的但是可以精简为9个")

1. 了解你的用户 “关注用户:如果在关注竞争对手还是用户之间选择,答案总是后者。工作总是首先从用户开始。”——Jeff Bezos
了解用户,因为用户的目标就是你的目标。试着重述用户,了解他们的技能水平和体验,以及什么是他们需要的。找出用户偏好什么样的界面,并观察他们在界面中如何操作。不要迷恋于追逐设计趋势的更新,或是不断添加新的功能。首要的任务是关注你的用户,这样才能创造出一个能让用户达成目标的界面。

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

3. 保持一致性“用户的期望越多的被正确验证,用户就越觉得系统在自己掌控之中,从而也就更喜爱它(系统)。”——Jakob Nielson
用户需要一致性。操作的一致以及页面风格的一致。用户需要知道一旦他们学会做某项操作,那么下次操作也同样可行。语言、布局和设计是需要保持一致性的几个界面元素。一致性的界面可以让用户对于如何操作有更好的理解,从而提升效率。

4. 运用视觉等级“设计师要从混乱中找到统一;要通过组织来操控文字、图片,从而清晰地传达设计意图。”—— Jeffery Ve en
设计时,要让用户把注意力放在最重要的地方。每一个元素的尺寸、颜色还有位置,它们为理解界面共同指明了道路。清晰的层级关系将对降低外观和操作的复杂性起到重要作用。

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

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

7. 鼓励用户一旦用户在完成了关键操作,要及时告知用户(弹出对话框等)。
值得注意的是把一个复杂的流程任务分解为若干简单步骤将会更显繁复和让人精力分散。所以无论正在执行的任务有多么复杂和漫长在界面上要保持流程的不间断性。

8. 融入用户的语言“如果对每个像素、每个图标、每个字体都要考虑再三,那么同样需要斟酌每个词语。” —— Getting Real
所有的界面或多或少都有文字在上。让文稿尽量口语化,减少华美辞藻的堆砌。为行为提供清晰、简明的标签,保持简朴的文字叙述。用户对此将会很赞赏,因为他们不再是听命于他人的官腔——他们听到的是如朋友般甚至自己说话的表述方式。

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

温馨提示:如需预约免费试听课程,请将姓名,联系方式,以及预约的课程发送至以下手机、QQ、或微信,如有疑问也可拨打热线电话。报名咨询热线:15112251330     QQ:1358148771     微信:1358148771
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
学游戏开发就到我学院:http://www.woxueyuan.com/

返回列表

站长推荐 关闭


黑发清纯萌妹脸部插画绘制教程

原画插画教程_黑发清纯萌妹脸部插画绘制教程 黑发清纯萌妹脸部教程-奇幻插画 1.用色块铺出脸部脖子和头发,脸部定好边缘形状 2.用皮肤深色的色块定出五官 ...


查看

无觅相关文章插件