loading请求处理中...

用户界面设计的技巧和原则

用户界面设计的技巧和原则

  应用程序开发的基本现实是,用户界面是用户的系统。 用户想要的是为开发人员构建应用程序,满足他们的需求,易于使用 。 太多的开发人员认为,他们是艺术天才-他们不打扰遵循用户界面设计标准,或投资的努力,使他们的应用程序中使用,而不是他们错误地认为,重要的是巧妙地使代码,或使用一个非常有趣的配色方案。 康斯坦丁 指出,现实情况是,良好的用户界面允许的人了解问题域与应用程序的工作,而无需阅读手册或接受培训。

  用户界面设计的一个重要原因有几个。 首先它是更直观的用户界面更容易使用,容易使用和更便宜的使用它。 更好的用户界面更容易,它是培养人们使用它,从而降低您的培训费用。 更好的用户界面,帮助人们将需要使用它,减少支持成本 。 用户更好的用户界面更喜欢用它,你曾经做过的工作,增加他们的满意度,在这篇文章中,我讨论。

  提示和技巧

  UI设计原则

  结束语

  1。 提示和技巧

  下面的提示,我多年来学到的技术被证明是有价值的:

  一致性,连贯性,一致性 。 我相信你能做的最重要的是确保你的用户界面的作品始终。 如果你可以双点击在一个列表中的项目上,有事情发生,那么你应该可以双击任何其他列表中的项目和同一类的事情发生。 一致的地方,所有的Windows按钮,使用相同的措辞,在标签和消息,并使用一致的配色方案,整个。 在用户界面的一致性,使您的用户建立一个准确的模型,它的工作方式的精神,和准确的心智模式导致降低培训和支持成本。

  设置标准,并坚持。 可以确保在您的应用程序的一致性,唯一的办法是设置用户界面设计标准,然后他们坚持。 您应该遵循敏捷建模(AM)的应用软件开发的所有方面,包括用户界面设计的建模标准的做法。

  准备压阵 。 当您开发您的系统的用户界面,你会发现,你的利益相关者经常有用户界面如何应制定一些不寻常的想法。 你一定要听这些想法,但你也需要让利益相关者知道你的企业的UI标准和符合他们的需要。

  解释规则 。 你的用户需要知道如何使用你为他们建立的应用程序。 当一个应用程序的工作原理一致,这意味着你只有一次解释规则。 这是很多较详细解释,究竟如何使用每个功能的应用程序一步一步更容易。

  主要用户界面项目之间的导航是重要的。 如果是从一个屏幕到另一个难以得到,那么你的用户将很快变得沮丧而放弃。 当屏幕之间的流动相匹配的用户试图完成的工作流,那么你的应用程序将使用户的意义。 由于不同的用户以不同的方式工作,您的系统需要有足够的灵活性,以支持其各种方法,应该有选择地开发用户界面流程图,进一步了解用户界面的流动。

  重要的是在屏幕上的导航。 在西方社会中,人们读到左到右,从上到下。 因为人们在使用这个,你应该设计,也举办左到右,从上到下为这种文化的人设计的用户界面时,屏幕? 你要组织方式用户在屏幕上的小部件之间的导航,会发现他们熟悉的。

  Word中的邮件和标签有效 。 你的屏幕上显示的文字是信息的主要来源为您的用户。 如果您的文本措辞不好,那么你的接口将被视为用户不足。 使用完整的单词和句子,而不是缩写和代码,使您的文字更容易理解。 你的消息应该是积极的措辞,意味着用户在控制,并提供了如何正确使用该应用程序的洞察力。 例如,你觉得哪条消息更具吸引力“您输入了错误的信息”或“帐户号码长度应在八个数字。”此外,您的邮件应措辞一贯和一致的地方在一个屏幕上显示。 虽然消息“的人的名字必须输入”和“账户号码应输入”分别措辞以及,他们一起是不一致的。 在光的第一条消息,第二个消息的一个更好的措词将“帐户号码必须输入”,使两个消息一致。

  了解UI部件 。 正确的任务,您应该使用正确的部件,帮助增加在您的应用程序的一致性,并可能使其更容易建立应用摆在首位。 只有这样,你可以学习如何使用部件的正确阅读和理解的用户界面标准和您的组织已经通过的准则。

  看在其他应用程序与一粒盐 。 除非你知道另一个应用程序已核实遵循用户界面,您的组织的标准和准则,不承担应用程序是正确地做事。 虽然在别人的工作,获得思想始终是一个好主意,直到你知道如何区分良好的用户界面设计和用户界面设计不好,你一定要小心。 太多的开发做出错误的用户界面软件设计拙劣的模仿。

  使用适当的颜色。 颜色应谨慎使用,在您的应用程序,如果你使用它,你也必须使用一个辅助指标。 问题是,一些用户可能是色盲,如果您正在使用的颜色突出显示在屏幕上的东西,那么你需要做其他的事情,使其脱颖而出,如果你想这些人的通知。 你也想使用您的应用程序中的颜色一致,所以你有一个共同的外观和感觉整个应用程序。

  按照对比规则 。 如果你要在应用中使用的颜色,你需要确保你的屏幕仍然是可读的。 要做到这一点的最好办法是遵循对比的规则:使用浅色背景和深色背景光文字深色文本。 读在白色背景上的蓝色文字是容易的,但读一个红色的背景上的蓝色文字是相当困难的。 问题是没有足够的对比度之间存在着蓝色和红色,使其易于阅读,而有很多蓝色和白色之间的对比。

  当屏幕有多个编辑字段对齐领域有效。,想要视觉吸引力和高效的方式,组织等领域。 我一直觉得最好的方式做,是左对齐编辑领域:换句话说,在一条直线上,一个比其他每个编辑的磁力线的左侧。 相应的标签应右对齐,并立即放在旁边的字段。 这是一个廉洁和有效率的方式来组织屏幕上的字段。

  期待你的用户犯错误。 有多少次你不小心删除一些文本在您的文件或删除文件本身? 你是否能够从这些失误中恢复或你不得不重做小时的工作,甚至几天,? 现实的情况是,犯错是人,所以你应该设计你的用户界面从用户错误恢复。

  适当对齐数据 。 对于数据的列,通常的做法是右对齐的整数,小数点对齐浮点数,并左对齐字符串。

  你的设计应该intuitable。 换句话说,如果用户不知道如何使用你的软件,他们应该能够确定如何使用它使受教育者猜测 。 即使猜测是错误的,你的系统应该提供合理的结果,用户可以很容易地理解和理想的学习。

  不要创建繁忙的用户界面。 拥挤的屏幕是很难理解的,因此,很难使用。实验结果表明,画面的整体密度不应超过40%,而集团内的局部密度不应超过62 %。

  集团有效的东西 。 它在逻辑上是相连的项目,应在屏幕上进行通信连接组合在一起,与对方无关的项目,而应分开。 您可以使用项目集合之间的空白组和/或你可以把他们周围的框来完成同样的事情。

  采取一个渐进的方法。 你作为一个开发成功的关键技术, 如用户界面原型和敏捷模型驱动开发(AMDD ) 。

  2。 UI设计原则

  让我们开始与用户界面设计的基本原则。Constantine和 Lockwood描述收集的原则,为提高您的用户界面设计的质量。 这些原则

  结构的原则 。 你的设计应该有目的地组织的用户界面,在明确的,那是显而易见的,识别用户的一致模型为基础有意义的和有用的方法,把相关的东西和无关的事情分开,区分不同的东西,类似的事情就像一个。 结构原理是关心你的整体用户界面架构。

  简单性原则 。 你的设计应该简单,共同的任务简单的事,明明白白地在用户自己的语言沟通,并提供良好的快捷键较长的程序是有意义的相关。

  能见度的原则 。 你的设计应该保持一个给定的任务,没有分心无关或冗余信息的用户可见的所有需要的选项和材料。 良好的设计不压倒了太多的替代品的用户或混淆他们不需要的信息。

  反馈的原则 。 你的设计应该保持行动或诠释,状态或条件的变化,以及错误或异常,通过清晰,简洁,明确的语言,为用户所熟悉的用户感兴趣的有关通知用户。

  宽容的原则 。 你的设计应该是灵活和宽容,允许撤消和重做的失误和滥用的成本降低,同时,也尽可能防止错误容忍不同的输入和序列,并通过解释一切合理合理的行动。

  重复使用的原则 。 你的设计应该重用内部和外部组件和行为,与目的,而不是仅仅是任意的一致性保持一致,从而减少需要用户重新思考和记忆。

  3 结束语 。

  应用程序的用户界面往往会打破它。 虽然应用程序提供给用户的功能,是重要的,它提供了该功能的方式,也同样重要。 很难用一个应用程序,将无法使用。 期间。 它不会不管你的软件是如何技术上优于或它提供什么样的功能,如果用户不喜欢,他们根本不会使用它。 不要低估价值的用户界面设计,也不是可用性 。

  找到有效的开发工作,与他们的利益相关者密切合作的方式。 我是在我实践的坚定信仰者的利益有关者积极参与,利益相关者的业务相关的使用建模的包容性的建模技术。 此外,他们应与您的用户界面原型的努力,以及所涉及。

  4。 其他资源 :

  敏捷可用性:敏捷软件项目的用户体验的努力

  缩小差距:敏捷软件开发和可用性

  基于Web的用户界面设计

  基本用户界面原型

  对象入门第3版:敏捷模型驱动开发与UML 2 :第6章将详细介绍用户界面开发。 这是内解决敏捷开发的UI相关的问题的几本书之一 。

  调查到敏捷开发和数据管理

  可用的用户界面(UI开发的敏捷方法 )

  用户界面流图表

  用户界面原型

  用户界面原型的提示和技巧

  为什么敏捷软件开发工程:改进反馈

阅读全文 >>
用户界面设计技巧大全 查看更多 >>
  • 用户界面软件UI设计步骤 相信使用电脑的同学都有听过UI这个词,UI的本意是用户界面,是英文User和interface的缩写,概括成一句话就是——人和工具之间的界面。这个界面实际上是体现在我们生活中的每一个环节的,例如我们切菜的时候刀把手就是这个界面,开车时候方向盘和仪表盘就是这个界面 ,看电... [详细]
  • 软件UI界面设计制作 当你在使用某款电脑软件时,是不是被起软件的界面所吸引呢?说起软件UI设计通常的认识就是“图形界面的设计”而产品的交互设计往往被忽略!一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西,也是一般性的用户唯一接触到的东西。用户... [详细]
  • 用户界面的网页UI设计细节 近年来网站的种类、功能、用户构成等因素趋于复杂化,网页UI界面设计也在不断地更迭换代,超越平面与空间的时空多媒体技术以不可比拟的优势成为现代网页新媒体的主导型式。在愈演愈烈的市场竞争中,网页作为一种经济效益的载体经过多年的发展和完善,其界面设计逐步提... [详细]
  • 界面设计的要点有哪些 网站的应用越来越广泛,我们身边的各行各业的有与之相关的网站。网站设计也变成一个比较热门的行业。那么,网站开发过程中界面设计的要点有哪些?怎样的网站界面才能给浏览者一个好的印象,得到好的网站流量,从而推动公司和企业的销售额。下面小编结合多年的从业经验,为... [详细]
用户界面设计可用性介绍 查看更多 >>
  • 可用性的定义 可用性是评估用户界面容易使用的程度的一种属性。“可用性”这个词语也指在设计过程中提高易用性的方法。   可用性由五个属性组成定义:   ·可学习性:初次接触这个设计时,用户完成基本任务的难易程度。   ·效率:用户熟悉这个设计后,完成任务的速度。   ·可记忆性:在一段时间没有使用之后再次使用该设计,用户重新熟练操作的难易程度   ·出错:用户出了多少错误,这些错误有多严重,从错误中恢复容易吗?   ·满意度:使用这个设计的用户满意度。   还有很多其他重要的属性。一个重要的就是实用性,即是设计的功能性:它所做的迎合用户需要吗?可用性和实用性是同样重要的:如果不是你想要的那无关紧要。假设系统可以做到你想要的,但却因为用户界面难用导致你无法使用,那么则是糟糕的。你同样可以运用提高可用性的用户研究方法去研究实用性。
  • 为什么可用性这么重要 在网络上,可用性是生存的必备条件。如果一个站点难易使用,人们会离开它。如果主页不能清晰地说明这间公司可以提供什么和用户可以在这网页上做什么,人们会离开它。如果用户在站点上迷失,他们会离开。如果一个站点的信息难以阅读或者没有回答用户的关键问题,他们会离开。注意到一种模式了吗?用户不会自动去阅读网页,又或者是花费大量时间去弄懂一个界面。还有很多其它可用的网站;当用户遇到困难时,离开是第一抉择。   电子商务的第一法则是,如果用户不能找到商品,他们就不会购买它。   在互联网上,可用性事关雇员生产力。你支付了雇员的工资,但他们没有把工作完成,那么你浪费的钱相当于用户在你网站上迷失和费力解读憋足的说明所浪费的时间。   现在,实践证明最好在设计项目预算里花费10%在可用性上。总体来说,这样是两倍大于网页的期望绩效,稍微少于互联网绩效。对于软件和物理产品来说,这样提高的效果比较小,但仍然有价值——当你强调在设计过程中融入可用性。   对内部设计项目,可以通过对培训预算减半,增加每小时交易雇员的数量去加大可用性的投入。而对于外部设计项目,则增加销量,增加注册用户或者顾客数量,或者增加其它可以推进你设计项目的想法。
  • 怎样提高可用性 有很多研究可用性的方法,但是最基本和最有用的是用户测试,包括三个部分:   ·选取一些有代表性的用户,例如电子商务站点的顾客或者互联网的雇员(在之后的流程里,他们会在你部门以外工作)。   ·让用户在系统里完成一些有代表性的任务。   ·观察用户做了些什么,他们在哪里操作成功了,在用户界面上哪里遇到困难。让用户说话但你应该保持沉默。   独立地测试用户和让他们自己去解决问题,这是很重要的。如果你帮助他们或者引导他们在屏幕上任何特殊部分上的注意力,那么你已经影响了测试结果。   要找出设计中最重要的可用性问题,测试五个用户就已经足够了。比起大型昂贵的研究,善用好资源去进行许多小的测试和在每个测试之后迭代设计,你可以根据发现的可用性问题去改善它。交互设计是提高用户体验的最好方法。你跟用户测试越多的版本和界面想法,效果越好。   用户测试跟焦点小组不同,焦点小组是评估设计中可用性比较憋足的方法。虽然焦点小组在市场研究中起到一定的作用,但对于评估交互设计,你必须仔细观察每个用户如何操作用户界面的任务。不要听用户说的,应该观察他们所做的。
  • 什么时候开展可用性工作 可用性在设计的每个阶段都有其作用。根据大量研究得出的结果,我建议多快好省地进行个体学习。以下是主要步骤:   1. 在进行新设计之前测试旧版本,以发现应该保留或者强调的好的部分,以及给用户添麻烦的差的部分。   2. 除非你正在互联网公司工作,否则通过应该测试竞争对手相似特征的设计来获得便宜的数据(如果你在互联网公司工作,请阅读互联网设计年度报告以从其它设计中学习)。   3. 对用户在自然居住环境下的行为进行广泛研究。   4. 为一个甚至更多的新设计意念制作纸面模型,然后去测试它们。因为需要基于测试结果去修改,所以你投资在这些设计意念的时间越少越好。   5. 经过大量的迭代完善经过测试的设计计划,从低保真模型逐渐过渡到可以在电脑运行的高保真原型。测试每个迭代版本。   6. 将设计对照已有的可用性指南,看是否源于你自己早期的研究或者已经公开的研究结果。   7. 一旦你决定实现最终设计,请再次测试它。细致的可用性问题经常在实现期间出现。   不要等到已经有了一个完整的设计才进行用户测试。由于测试没有覆盖到,这样的话就不可能修复大多数严重的可用性问题。许多这样的问题都是结构性的,修复他们的话就要进行主要的重构。   提高用户体验唯一的方法就是在设计过程中尽早地开始用户测试,以及每一步都坚持做测试。
软件UI界面设计服务 查看更多 >>
专业系统UI设计

专业系统UI设计

【好吉UI】专注品质,提升体验! 8年电商UI设计,企业整站UI、专业设计各类促销专题、商品描述页面设计、促销banner图片设计……我们不仅专注每一件作品的品... [详细]

软件UI界面设计

软件UI界面设计

软件界面(software interface)的定义并不十分统一。 狭义上说,软件界面就是指软件中面向操作者而专门设计的用于操作使用及反馈信息的指令部分。优秀的软... [详细]

软件界面UI设计

软件界面UI设计

我们能为您企业建站,为您设计VI,为您开发及设计APP和电视端,为您会议及宣传品的平面设计,还能为您翻译各类外文资料。... [详细]

企业内部系统UI设计

企业内部系统UI设计

北京零道壹设计工作室是专业的北京ui界面设计团队,由3名经验丰富的新一代北京ui界面设计师组成。 [详细]

软件UI设计专题评论
您需要 注册登录 后才能发表留言。
本专题对您有帮助吗
用户界面设计问答