还剩12页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
论述用户界面设计的具体原则与我们作为网页设计师所做的一切一样,设计原则都围绕着用户,使视UI觉元素和产品更加用户友好作为设计师,我们的目标是创建尽可能UI简化的体验,以便人们可以享受网站并轻松浏览它良好的用户界面对于良好的用户体验至关重要如果界面不允许人们轻松使用网站或应用程序,他们将不会使用该产品,或者他们将用成本压倒技术支持,不断膨胀的成本具有真实、切实的业务影响,它对企业的成功至关重要UI其中许多原则归结为“让用户的生活更轻松”这条用户界面设计原则将提高用户的可用性,让他们在使用产品的同14时享受产品、将用户置于中心1与往常一样,第一个设计原则是关注人(或者,我们都说的“用户”)UI一个好的用户界面使用起来简单自然,避免混淆用户,并满足用户的需求清晰性应该是所有界面的基本属性请记住,您的界面是为了让用ui UI户更容易与您的系统交互,因为它需要能够与用户清楚地交互保持一个清晰的界面设计并不困难首先,要保证标签和标签文本的操作清晰ui指向,并允许信息的清晰传递,这样用户才能快速理解交互的方向性尽量不要在中使用冗长、复杂、难以记住的文本标签它越复杂,对整ui体用户体验的影响就越大、一致3用户界面可视化设计中最重要的原则是一致性原则用户期待用自己的体验探索更多的内容,探索是否有效取决于设计的一致性是否足够好具体表现是为用户提供一个统一的界面,这意味着用户可以从一个界面操作自己,从而减少操作和学习的时间这个过程中的体验直接移植到另一个界面,使整个体验更加流畅ui、熟悉4用户体验设计的一个重要目标是要让用户能够凭借直觉来操作界面UI用户要能够自然地理解其中的内容,操作自然就不难了,也就是说,你要让用户对你的界面产生“熟悉感”所以,你要充分利用用户对于你的设计所熟悉的部分当用户对界面抱有熟悉感的时候,通常意味着他们对于这个设计有所UI了解,甚至知道怎么交互,他们明白操作之后大概会发生什么,也知道哪些事情不应该做所以,如果你能利用好用户对于交互和界面模式的熟悉来进行设计的话,能让你的用户更快上手操作界面的视觉层次是非常重要且常常被忽视的一个属性,它能够帮助用UI户专注重要的内容如果你想让界面中每个内容都看起来很重要,那么只会单纯地让信息过载,让每个元素都分摊用户的注意力,最终只会让整个设计显得混乱不堪不同尺寸的字体、不同的色彩和不同的控件最终应该是相互搭配,构成层次,有轻重缓急地呈现给用户,将复杂的结构简单化,帮助用户完成任务、高效6优秀的设计有个共通的特征高效提升界面效率最有效的方法是进UI行任务分析熟悉用户的流程,了解用户的目标,然后在此基础上尽量简化流程,使得用户能够便捷快速的达成目标在此过程中,仔细考虑每个功能细节,规避可能存在的漏洞,帮助用户快速完成用户流程、响应7界面响应牵涉到体验的方方面面首先,界面的响应应该是迅速的,UI UI它背后的整个系统应该能够快速反应,否则不够快速的响应会让用户感到沮丧,缓慢的网页加载过程会令人抓狂界面的响应是否合理,是否足够“人性化”当用户点击界面元素的时UI候,用户希望知道他们的操作是否成功,而这个时候,合理而快速的界面反馈就显得很重要了比如,当用户点击一个按钮,按钮的状态变化,又或者界面加载时的加载进度条,都能够让用户明白状态的改变,以及他们操作的结果用户能自由的作出选择,且所有选择都是可逆的在用户作出危险的选择时有信息介入系统的提示这样会让用户会觉得很安全,自己的权益不会遭到损失!、人性9高效、用户满意度是人性化的体现应该有一个专家和初级玩家系统,即用户可以根据自己的习惯自定义界面并保存设置因此,一个好的界面设计师,在技巧方面,不仅可以画图标,而且界面会有很多的互动知识、记忆负担10人脑不是电脑在设计界面时,你必须考虑到人脑处理信息的局限性人类的短期记忆有限且极不稳定,小时内遗忘率为所以浏览信息2425%对用户来说比记忆更容易您需要了解您的用户是谁以及他们想要做什么他们是专家吗?最好的方法是与他们交谈创建和组织采访超出了本文的范围,采访你的客户,了解他们是谁,并为他们开发设计了解以人为本的设计将帮助您获UI得最佳界面的正确心态,并首先关注用户,然后才是设计、力求清晰2用户界面的目的是允许用户与网站或应用程序(或者,在更广泛的设计中,任何产品)进行交互避免任何让人们感到困惑或无助于他们互动的事情、最小化每个屏幕的操作和步骤3简化任务和操作,以便它们可以通过尽可能少的步骤完成每个屏幕都应该有一个主要焦点例如,此博客的目的是让您阅读并希望能够享受它并从中学习不是在平台上分享它或给同事发电子邮件(尽管如果你觉得它有足够的价值可以分享,请这样做)将主要动作保持在前面和中心,并将次要动作移到页面的更深处,或者赋予它们更轻的视觉重量和正确的排版、简单4经典的存在是有原因的;它们是永恒的,永远不会过时,尽管它们确实受益于现代风格想想黑色小礼服或燕尾服;每个都是时尚风格的主食它们简单、优雅,为佩戴者增添了一丝优雅用户界面应该简单而优雅、始终如一5一致性创造熟悉感,熟悉的界面自然更有用坐在汽车的方向盘后面,刹O车在右边,油门在左边,这有多令人沮丧?或者使用红色的“提交”按钮和绿色的“删除”按钮填写表单Web□□□□•一致的设计减少了用户的摩擦一致的设计是可以预测的可预测的设计意味着很容易理解如何在没有指导的情况下使用功能设计不仅应UI该在内部保持一致,而且在外部也是如此工作方式相同或几乎相同的网站和应用程序的通用约定使您的网站易于导航和使用的人机界Apple面指南提供了跨应用程序一致性的绝佳示例该指南详细说明了功能应如何跨应用程序和在所有设备上运行,以便任何产品的用户Apple Apple可以选择任何其他产品并轻松使用它这也意味着不要发明或重新发明常见的模式对于设计问题已经存在许多模式(模式也减少了认知负荷,下面的原则因为用户已经知道他们9,是如何工作的)将搜索栏放在页面底部不会对设计产生革命性影响,只会令人困惑设计系统是确保设计一致性的好方法UI、你的目标让你的用户界面设计不可见6不要提请注意您的用户界面出色的可以让人们毫无摩擦地使用产品,UI而不是花时间弄清楚如何与产品交互、提供有用的反馈7反馈可以是视觉的、音频的(新消息警报的叮当声)或触觉(在游戏中很有用,或者当您的手机设置为“静音”时,新电子邮件或电话的“嗡嗡声”警报)每个动作都应该有反馈来表明该动作是否成功反馈有助于回答四个方面的问题:.地点你在这里
1.状态发生了什么事?它还在继续吗
2.未来状态下一步是什么?
3.结果和结果嘿,发生了什么?4将鼠标悬停在导航项上然后改变颜色表示该项是可点击的按钮应该看起来像按钮反馈让用户知道他们是否在做正确的事情(或错误的、减少认知负荷8许多这些设计原则有助于减少用户的认知负担基本上,不要让用户UI思考(这也是一个有用的设计原则)有一些常见的方法可以减少UX认知负荷并使您的网站或应用程序的使用更加轻松块动作和信息一一大多数人在处理信息时可以处理七加或减两块信息例如,以通常的方式而不是位数字序列来分解电话号码会导致3-3-410更少的错误记住规则-查找任何信息不应该超过次点击3-cHck3最大限度地减少回忆以利于识别一一上下文中的常见图像和图标帮助用户识别功能,想想垃圾桶和铃铛图标(通常用于通知)以及其他触发预先存在的记忆的常用图标这也意味着不要拿一个大多数人都理解的常用图标然后用它来代表其他东西,你只会让人们感到困惑、使其可访问9设计需要考虑可访问性问题在线上,这通常意味着确保有视觉障碍UI的人可以访问和使用产品不要忘记色盲大约每名男性中有人(大121约)和每名女性中就有人(大约)在某种程度上存在色盲8%
20010.5%使用颜色来强调和强调,但不要完全依靠颜色来传达信息、在中包含用户反馈10UI不要在真空中设计通过收集用户反馈来测试和验证选择观察用户UI尝试使用您的设计(无需指导他们)他们感到困惑吗?他们能轻易达到预期的结果吗?在设计过程中执行此操作,并在发布后持续评估(热图是跟踪有效性的一种方法)UI、灵活性11创建一个可以在多个平台上工作并且看起来很棒的当然,它可能需UIo要根据设备的外形尺寸及其操作系统(例如和)进行调整,Android iOS但它应该足够灵活,可以在任何情况下工作、视觉结构12保持一致的视觉结构,让用户有宾至如归的感觉,从而营造熟悉感并缓解用户焦虑需要重点关注的一些元素包括视觉层次结构,其中最重要的事情显而易见、配色方案、一致的导航、重用元素以及使用网格创建视觉顺序、对话框应该导致关闭13动作应该有开始、中间和结束(每一步都有反馈)例如,在进行在线购买时,我们从浏览和产品选择转移到结帐,然后最终确认购买完成、提供明确的下一步14包括用户在交互后可以采取的明确下一步这可能就像在长博客文章末尾单击“返回顶部”或指向更多信息一样简单帮助用户在下一步中实现他们的目标在设计用户界面时要记住的最后一个想法是,您永远不会成功地吸引所有人您可以尽最大努力吸引大多数人您还可以根据角色和明确定义的用户尽最大努力进行个性化即便如此,你也永远无法安抚所有人但是,在您决定在用户界面设计中包含和排除哪些内容时,牢记所有这条设计原则将有助于您在决策制定中始终将用户放在首14UI位用户界面设计的大原则10在的开发中,用户界面的设计尤为重要,因为它直接影响用户体验APP一个好的设计可以使应用程序的用户体验翻倍如果用户界面设计不UI好,那么你的功能再齐全,可能都无法留住用户以下是用户界面APP设计的十大原则(UI设计教程)快速提升设UI计水平的实用技巧、简单1在设计时,添加任何元素时都要确认是否确实需要它值得注意的是,ui设计中不能让设计太过引人注目,而要弱化程序本身的功能需要平UI衡视觉设计和功能,寻找最佳点,消除华丽的装饰和不必要的元素,UI界面要简单直接的页面逻辑和直观必需的元素组成。