`
djsl6071
  • 浏览: 595258 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

成功的用户界面的8个特性

阅读更多

当你构建你的用户界面和网站的时候,有各种各样的关于界面设计方法和模式的信息你可以使用, 对常见问题的解决方案和一般可用性的建议。下列专家给出的准则可能会引导你创造一个良好的用户界面, 但是究竟什么才是一个良好的界面? 一个有价值的用户界面应该具有那些特性?

以下八个特性是我认为一个良好的用户界面所必须的:

  • 清楚
  • 简明
  • 熟悉
  • 易响应
  • 一致
  • 吸引力
  • 高效
  • 宽容

让我们仔细看看每一个特性:

1.  Clear清楚的

清晰度是用户界面设计最重要的元素。事实上,用户界面设计的所有目的是为了使人们能够与您的系统通过沟通和功能来进行交互。 如果人们不知道你的应用程序怎样工作或在你的网站上应该去哪里,他们会困惑和沮丧。

这是什么呢?鼠标移到WordPress的按钮时工具提示会弹出解释其职能。

2. Concise 简明

清晰的用户界面是很好的,但是,您应该谨慎,不要陷入过度明晰。定义和解释很容易被添加,但是你这样做的同时也增大了规模。您的界面规模增加。添加过多的解释,您的用户将不得不花费过多的时间去读它们。

不仅要保持清晰,而且还保持简洁。当你能用一句话解释一项功能的时候就不要用三句话。当你可以用一个单词标记一个项,就不要用两个。 保持简洁可以节省你的用户的宝贵的时间。 同时保持清晰和简明并不容易,需要足够的时间和努力来实现,但其回报是值得的。

在 OS X 的音量控制中使用两个小图标以显示的音量从低到高。

3.  Familiar熟悉

许多设计师努力使自己的界面,直观。 但到底直观的真正意思是什么?直观也就是就是说可以自然地,本能地理解和领会。但是你怎么能做到直观一些?你可通过是它变的熟悉来实现。

熟悉就是, 跟你以前遇到过的东西相似。当你熟悉的东西,你就知道怎样它怎么做-你知道会发生什么事情。 弄清你的用户熟悉的并把它们融合到你的用户界面中。

GoPlan的标签页式界面。 标签很熟悉 , 因为他们模仿文件夹上的标签。 你清楚知道点击标签您将浏览该节和其他地方的标签将继续存在为了进一步导航。

4.  Responsive易响应

易响应意味着两件事。 首先,易响应意味着快速。 如果没有软件在后台,界面应该响应很快。等待加载和缓慢的界面是令人沮丧。 看起来加载的很快, 反正就是界面快速载入(即使内容尚未赶上)改善了用户体验。

易响应也意味着界面提供某种形式的反馈。界面应该反馈给用户,告知他们现在怎么了。 你成功地按下那个按钮吗?你将如何知道?按钮应显示一个被按了的状态反馈, 或许可以把按钮上的文字改成“正在加载... ”并且禁用按钮。 是软件挂了还是内容载入中?用转动的轮子或显示进度栏的方式来保持用户在进程中。

Gmail会显示一个进度栏当您第一次进入您的收件箱。 而不是逐步载入网页时,一旦一切准备就绪整个页面即时显示。

5.  Consistent一致

之前我谈过关于上下文的重要性 ,以及它应如何指导你的设计决定。我认为,适应任何给定的上下文是很聪明,但是,一个界面仍然应保持一定程度的一致性。

一致的界面,使用户能够开发惯用模式-他们会了解不同的按钮,标签,图示和其他界面元素的外观,并识别他们。认识到在不同的情况他们所做的事情不同。他们也将了解特定的东西如何工作,能够从过去的经验中更快的总结知道如何操作新功能。

在Microsoft Office的用户界面是一致的是有原因的。

6.  Attractive吸引力

这可能有一点争议,但我相信一个良好的界面应该有吸引力。 吸引力在某种意义上,是与界面交互变得是愉快。是的,你可以让你的用户界面简单,易于使用,有效率和易反应,它将尽其出色-但如果你可以做额外的一步,使之有吸引力的。那样用户体验会真正令人满意。当你的软件使用起来是令人愉快的,你的客户或工作人员将不仅是简单地使用它-他们会期待着使用它。

当然有许多不同类型的软件和网站,所有的创作针对的不同的市场和用户。什么样看来'好'对任何一个特定的观众都会有所不同。 这就是说,你应该为了你的用户来包装你的界面的的外观和风格。 此外,美感设计应适度使用,并且是为了加强功能。美化界面不同于加载时使用多余的眼睛糖果。

谷歌是众所周知的极简洁的界面 ,他们关注功能重于形式,但他们显然的花费时间美化了 Chrome用户界面元素 ,如按钮和图标 ,使它们看起来正好体现了微妙的梯度和像素超薄突出。

7.  Efficient高效率

用户界面像是车辆,带你去你要到的地方。这些地方是软件应用程序或网站的不同的功能。 一个良好的界面可让您在执行这些功能更快。 现在, '有效'听起来像一个相当模糊的属性-如果你把所有其他的事情在这个清单上,当然界面到头来还是需要高效? 差不多,但不完全。

你真正需要做的是使界面能高效的找出用户努力想要实现的,然后让他们可以有条不紊的做到。 您必须确定您的应用程序应该如何工作' -什么功能它需要有,什么样的目标是你努力努力争取实现? 实现一个界面,可以让人们轻松地完成他们想要做的,而不只是简单的实现对各个功能的访问。

苹果公司已经确认了人们在其iPhone上想要对照片做三个关键的事情,并在照片控制中提供按钮来分别完成他们。

8.  Forgiving宽容

没有人是完美的,当使用你的软件或网站必定有人会犯错误。 如何处理这些错误将成为你的软件的质量一个重要指标。不要惩罚用户-建立一个宽容的界面,纠正问题。

一个宽容的界面可以使你的用户远离代价高昂的错误。例如,如果有人删除了重要的信息,他们可以轻松地重新检索或撤消这一行动? 当有人浏览到损坏或不存在的网页,他们会看到什么?他们会迎接一个加密的错误提示还是得到了一些有用的替代目的地?

错误的删除了电子邮件?Gmail可让您迅速取消上一次的操作。

To conclude…结束...

实现这些特性实际上可能同实现另外一些特性产生冲突。 例如,试图使一个界面清晰,您可能会增加太多的描述和解释,即最终使整个界面变得大而笨重。 缩减容量,努力使事情简洁可能产生相反的效果,使东西模糊不清。 实现一个完美的平衡需要的技能和时间,解决方案根据不同的案例也并不一样。

译文出自:http://www.yeeyan.com/articles/view/66430/37746
英文原文:http://www.usabilitypost.com/2009/04/15/8-characteristics-of-successful-user-interfaces/

分享到:
评论

相关推荐

    成功的用户界面.doc

    在《成功的用户界面》文档中,作者详细阐述了构建优秀用户界面的八大特性,分别是:清晰、简明、熟悉、易响应、一致、吸引力、高效和宽容。下面我们将逐一探讨这些特性的含义及其在实际应用中的重要性。 #### 1. ...

    用户界面设计指南

    用户界面设计是软件开发中的关键环节,它直接影响到用户的使用体验和产品的成功率。"用户界面设计指南"旨在提供一套系统性的方法和原则,帮助开发者创建出简洁、经典的界面,提升用户的交互体验。以下是对这个主题的...

    阿里巴巴中国用户界面指南

    《阿里巴巴中国用户界面指南》是一份详尽的文档,旨在为设计和开发团队提供一套标准和原则,以创建高效、专业且用户愉悦的界面。这份指南聚焦于提升用户体验,从而帮助阿里巴巴集团及其关联公司实现商业价值。以下是...

    大学毕业论文-—基于matlab的图形用户界面设计gui.doc

    本设计成功实现了基于 MATLAB 的图形用户界面设计,包括简易计算器和感应电动机性能分析的图形用户界面设计。该设计充分利用了 MATLAB 的强大计算功能和用户界面设计能力,能够满足用户的需求和要求。 参考文献 [1...

    iPhone用户界面设计指南(中文版)

    ### iPhone用户界面设计指南知识点概览 #### 一、引言 - **文档翻译历史**:介绍了该文档的翻译过程及版本控制情况。 - **译者**:Penddy为本指南的译者。 - **参考资料**:指南的原始链接位于Apple开发者网站。 #...

    java学生成绩管理系统界面设计

    在这个系统中,用户界面的设计至关重要,因为它直接影响到系统的易用性和用户体验。下面将详细介绍Java在创建这种系统时涉及到的关键知识点。 1. **Java基础**:首先,你需要熟悉Java编程语言的基础知识,包括语法...

    JavaScript_StyleX是雄心勃勃的用户界面的样式系统.zip

    JavaScript_StyleX是一个专门为雄心勃勃的用户界面设计的样式系统,它旨在提供高效、灵活且可维护的前端样式解决方案。JavaScript作为一门广泛应用于Web开发的脚本语言,为创建动态和交互式的网页提供了强大支持。...

    行业分类-设备装置-在编辑期间显示实时数据的改进图形用户界面编辑器.zip

    标题中的“行业分类-设备装置-在编辑期间显示实时数据的改进图形用户界面编辑器”表明这个压缩包的内容是关于工业或设备操作领域的一个软件工具,特别提到了在编辑过程中改进了图形用户界面(GUI)以实时显示数据。...

    成功助理.rar成功助理.rar成功助理.rar成功助理.rar成功助理.rar

    6. **用户界面设计**:良好的用户体验是成功软件的关键,"成功助理"可能有着直观易用的UI设计,以便用户快速上手。 7. **数据安全**:处理用户数据的应用需要确保数据安全,可能采用了加密技术和隐私保护策略。 8....

    swift-Render受React启发的Swift库用于编写UIKit用户界面

    它鼓励将复杂的用户界面拆分成独立、可重用的组件,每个组件都有自己的状态和属性。这种模式使得代码结构更清晰,易于理解和调试,同时也便于团队协作。 ### 2. 声明式编程 Swift-Render采用声明式编程风格,...

    android登录注册界面设计demo

    这个"android登录注册界面设计demo"涵盖了Android开发中基础且重要的知识点,包括用户界面设计、数据验证、网络通信、图片处理等,对于初学者来说是一个很好的学习实例。通过深入研究和理解这个demo,开发者可以构建...

    IOS人机界面准则

    8. 具体功能组件的实现:如Passbook、多任务处理、路线导航、社交媒体整合、iCloud、App内购买、GameCenter、通知中心等,每个组件的实现都需要遵循苹果的界面准则,以保证良好的用户体验。 9. 键盘和输入视图:...

    java QQ界面

    Java QQ界面是一个使用Java Swing库开发的桌面应用程序,它旨在模拟腾讯QQ的用户界面,提供基本的登录功能。Swing是Java的一个图形用户界面(GUI)工具包,它允许开发者创建丰富的、交互式的桌面应用。在Java中,...

    iOS聊天界面实现

    8. **GCD(Grand Central Dispatch)**:GCD用于管理多线程,确保网络请求等耗时操作不会阻塞主线程,保持用户界面的流畅。 9. **KVC(Key-Value Coding)**:在更新界面时,可能会使用KVC来动态设置视图的属性,...

    聊天工具图形界面

    综上所述,这款聊天工具不仅提供了基本的即时通讯功能,还包含了丰富的安全特性,如用户信息管理、消息加密以及文件加密传输等功能。此外,它的服务端和客户端均提供了图形界面,使得用户体验更加友好。对于开发者而...

    安卓,自己做的一个简单的游戏登录界面

    1. **res/layout**: 这里存放XML布局文件,定义了用户界面的结构。创建一个新的布局文件(例如login_activity.xml),用以设计登录界面。可以使用`<EditText>`元素来创建输入框,供用户输入用户名和密码,`<Button>`...

    经典管理系统后台界面

    在设计【管理系统后台界面】时,首要考虑的是用户体验(UX)和用户界面(UI)。良好的UI设计应清晰、直观,使用户能够快速理解和使用各项功能。以下是一些关键的设计原则和知识点: 1. **导航结构**:后台界面通常...

    手机APP用户界面设计的10点建议

    在当今移动互联网时代,手机应用(APP)的普及率越来越高,而优秀的用户界面设计直接关系到APP的成功与否。本文将提供10点建议,帮助开发者设计出既美观又实用的手机APP用户界面。 1. 保持专注:优秀的APP应该专注...

Global site tag (gtag.js) - Google Analytics