`
djsl6071
  • 浏览: 578712 次
  • 性别: 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/

分享到:
评论

相关推荐

    皮肤控件研究文档,破解后的库文件,皮肤设计工具使用教程

    糟糕的界面库效率会带来极坏的用户体验,这也应是公司在考虑一个界面控件类产 品时首要考虑的问题。可以通过以下几种方式来判断界面库类产品的效率:  拖拽窗口,观察是否有明显的停顿感。 可在一个系统下,找...

    Android程序设计基础

    通过逐渐在游戏中添加特性,你将学习Android编程的许多方面,包括用户界面、多媒体和Android生命周期。..  第一部分中将首先介绍Android,内容涉及如何安装Android模拟器,如何使用IDE(Intergrated Development ...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    GCF 谷歌内嵌浏览器框架, 使用此插件,用户可以通过Internet Explorer的用户界面,以Chrome内核的渲染方式浏览网页。Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得...

    《Java-Web应用开发基础》教学课件08课程设计实例.pptx

    8.3设 计 思 路 8.3.2数据验证设计 3.JSP页面设计 设计2个JSP页面:一个为登录成功提示页面,可连接后续页面,页面有退出登录的链接;另一个提供退出登录后返回登录界面功能。 4.Servlet过滤器设计 设计两个Servlet...

    Java入门1·2·3:一个老鸟的Java学习心得.PART3(共3个)

    1.2.4 测试环境是否安装成功 8 1.2.5 如果失败了怎么办? 9 1.3 让自己的第一个程序运行起来 10 1.3.1 编写自己的Hello World源程序 10 1.3.2 编译自己的HelloWorld程序 11 1.3.3 让代码运行起来 13 1.4 初探...

    Android UI组件实例集合

    是一个工具包用来帮助设计和开发 Android 用户界面,包含三个单独的工具:Android Asset Studio用户界面原型模具,Android 设计预览,时常需要重复确认程序版面设计状况的 Android App 开发者,应该会爱上这个轻量级...

    安卓android课程设计报告.docx

    系统功能需求 天气信息显示和获取 功能描述:需有一个显示天气情况的用户界面,要求百度地图显示各城市位置(如:北京、长沙、广州等3-5个城市),以及用图标表示各城市对应的气象信息,表示出"晴、雨、雪"和"气温...

    入门学习Linux常用必会60个命令实例详解doc/txt

    登录后会看到下面这个界面(以超级用户为例): [root@localhost root]# last login:Tue ,Nov 18 10:00:55 on vc/1 上面显示的是登录星期、月、日、时间和使用的虚拟控制台。 4.应用技巧 Linux 是一个真正的多...

    java开源包8

    Java Remote Desktop 是一个Java 的远程桌面软件,支持很多特性例如文件传输、数据压缩、颜色转换、键盘鼠标事件转换等等。 最短路径算法实现 k-shortest-paths 这是一个实现了 Yen 的排名算法的无环路径的项目 ...

    SpringBoot项目基于SpringBoot的失物招领平台的设计与实现.zip

    它利用Spring Boot的快速开发特性,结合了物品信息登记、丢失报告、招领发布、物品搜索、消息通知以及用户评价等功能,旨在提供一个方便、高效且安全的失物招领服务,同时提高物品找回的成功率。 以下是该失物招领...

    JAVA入门1.2.3:一个老鸟的JAVA学习心得 PART1(共3个)

    1.2.4 测试环境是否安装成功 8 1.2.5 如果失败了怎么办? 9 1.3 让自己的第一个程序运行起来 10 1.3.1 编写自己的Hello World源程序 10 1.3.2 编译自己的HelloWorld程序 11 1.3.3 让代码运行起来 13 1.4 初探...

    BlueStacks安卓模拟器V 0.7.18.921 官方给力安装版1.1.3

    主要特性: 1、增加了丰富的应用下载板块,提供亲测并精挑细选的优质应用; 2、增加了将应用一键直装模拟器的功能; 3、增加了完善的应用管理功能,可直接在给力助手界面运行及删除应用; 4、根据不同用户需求重新...

    Android移动应用开发(第3版)卷Ⅰ基础篇 (Shane Conder, Lauren Darcey) PDF扫描版

    内容包括Android平台概览、Android应用程序设计精髓、Android用户界面设计精髓、Android应用程序设计精髓、对外发布你的Android应用程序和附录6个部分。附录还包含了Android开发常用工具(模拟器、DDMS和Eclipse)的...

    超爽的自学课件(java)

    尽管还有别的许多重要用途,但在打算创建一个反应灵敏的用户界面时,多线程的运用显得尤为重要。举个例子来说,在采用了多线程技术后,尽管当时还有别的任务在执行,但用户仍然可以毫无阻碍地按下一个按钮,或者键入...

    软件工程知识点

    为了方便用户在系统确认期间能够积极参入,也为了系统在以后的运行过程中能够被用户正确使用,这个时期往往还需要以一定的方式对用户进行必要的培训。 在完成对软件的验收之后,软件系统可以交付用户使用,并需要以...

    计算机专业毕设精选-ASP网络多功能办公系统设计(源代码+论文).rar

    8. 系统设置与定制:允许管理员根据组织需求对系统进行设置和定制,如界面风格、工作流程等。 源代码结构清晰,注释详细,便于学习和二次开发。论文详细介绍了系统的设计思路、技术实现和测试过程,为同类研究提供...

    DBX260中文说明书

    要想在一个程序配置中漫游,可通过使用DriveRackTM 260奇才设置优化你的系统,DriveRackTM 260的这个特性使系统设置更快捷、更精确。奇才菜单提供系统设置、自动EQ和AFS/Advanced Feedback Suppression(先进的反馈...

Global site tag (gtag.js) - Google Analytics