设计师应该知道的15个UI优化秘诀

Visual-Interface-Design1 Visual-Interface-Design2 Visual-Interface-Design3 Visual-Interface-Design4 Visual-Interface-Design5 Visual-Interface-Design6 Visual-Interface-Design7 17:尝试显示状态,而不是状态无关 在任何用户界面中,我们经常可以有不同的状态显示元素。有可以读取电子邮件,未读消息,发票状态、支付与否。接口状态,可以帮助人们了解到,不论他们过去的行为已成功开展,以及是否应采取行动。 idea017
18:尝试创造效益,而不是仅仅停留在任务按钮 试想一下,同时有两个按钮显示在页面上,一个告诉你”存款”,另外一个告诉你”注册”。第一个按钮有较高机会被点击。相反,注册过程需要努力,往往需要填写N多冗长的字段。这是一个假设,加强利益按钮,可能得到更高转换。另外,也可以放置跟利益密切相关的按钮,告诉人们为何要这么做。当然,任然有空间,基于任务环路,可以保留那些经常用到的入口按钮。 idea018
19:尝试直接操纵,而不是上下文的菜单 当显示数据表格时,我们通常要允许用户可以自由操作表格项。点击、或悬停在某一数据时,对数据进行快捷的删除、修改、重命名等操作。点击数据项(如文本),则变为可编辑则是另外一个典型例子。 idea019
20:尝试公开领域,而不是创造额外的页面 这个容易理解,直接看图: idea020
21:尝试转换,而不是瞬间变化。 经常出现的界面元素,隐藏,移动,转移,并调整其大小,为用户体验各司其职。元素作为回应我们的互动,例如通过时间元素,能更容易让人理解刚刚发生了什么。而一个内置的动画或过渡的效果,故意延迟,让人适应位置变化所需的时间。但请记住,我们开始增加这种转变的持续时间超过0.5秒,会有如下情况,人们可能会开始感到疼痛。对于那些只是希望把事情做得很快的人,过长的延迟,当然可以是一种负担。 idea021
22:尝试逐步参与而不是仓促签约 为什么不让用户首先执行一个任务通过它演示了一些有价值的东西,而不是要游客立即注册。像这样的交互产品既能展示它的好处,还可以有助于个性化。一旦用户开始看到你的产品的价值,看看他们如何能使它更个性化,他们将更乐于分享与你额外的信息。逐步参与是尽可能的推迟签约过程,让用户自定义产品与服务。
idea022
23:尝试减少边界,避免影响用户注意力 用户真正需要的内容,如果存在边界的话,会更加分散用户的注意力。虽然边界可以准确清晰的定义划分一个片区,但却也成为用户认知能力的负担。为了定义屏幕元素之间的关系,元素可以仅仅通过靠近、对齐、不同背景,甚至只是一个相似的排版样式即可。 idea023
24:尝试销售福利,而非功能 人们倾向于关心特性而不是利益。好处他们随身携带更多的清晰定义的值。克里斯·吉尔伯在《100美元启动》写道,人们真正关心有更多的:爱、金钱、认同和空闲时间,同时希望有更少的压力,冲突,麻烦和不确定性。 展示特性的时候,尽可能用给用户的好处来代替,当然,功能是可以偶尔出来一下的。(译者理解:把功能性的陈述转意成对用户得到好处的陈述。) idea024
25:尽量使用零数据,而不是非常多数据 一些情况下,你会有0、1、10、100、或10000 +数据结果可能需要以某种不同的方式显示。最常见的场景可能是第一次使用的过渡与零数据对未来使用更多的数据。我们经常忘记去设计这个初始情况仍没有任何显示,通过这样做,我们可能会忽视用户。一个零数据世界是一个寒冷的地方。当用户第一次看你的应用程序和它所做的就是显示一片空白,没有任何指导,那么你很可能错失一个机会。零数据状态是完美的候选人获得用户在最初的障碍学习跟他们下一步要做什么。好东西规模和用户界面也不例外。
idea025
26:试着选择退出,而不是选择 选择推出策略,意味着用户会无需任何行动就可以做一些事情。或者,也有更多传统的推出策略,为了收到一些新信息,首先要让人们采取一些行动。两个更好的理由说明喜欢选择退出比传统推出更好:第一,选择退出减小了用户行为轨迹的阻力,因为用户不需要做任何事;第二,推荐选择,也是某种规范暗示 —— “因为别人需要它,所以,我可能同样需要。”当然,选择退出策略常被认为是有争议的,因为有很多人滥用这样的功能给用户制造麻烦。用户为了某些事,在不知情的情况下而注册。因此,在道德标准范畴内,如果你决定使用选择退出方法,确保你的默认选择退出对于你的客户清晰和容易理解。毕竟,这个策略也被使用在欧洲挽救生命。 idea026
27:尝试界面一致性,不要让用户重新学习 争取在用户界面设计一致性。保持一个更加一致的用户界面或互动方式,以减少学习量。当我们按下按钮和换档滑杆,我们学会期待看到这些交互元素,我们的行为被我们所期望的方式反复。一致性巩固了我们的学习方式进行互动。如果界面不一致,我们会被迫进入重复学习模式。如:颜色,方向,行为,定位,大小,形状,标记和语言,等可以实现一致的元素。我们一度让一切保持一致,但是,请记住,保持不一致的事情仍然有价值。从我们潜意识中,要求不一致的元素或行为 – 它可以是一件好事。试试吧,这种潜意识让我们常常能够打破常规。 idea027
28:尝试使用智能默认值,而不是要求做额外的工作 使用智能默认或预填充表单字段,这是一种常见的技术,帮助用户更快地移动表格,消除他们的工作量,尊重他们有限的时间。尝试显示预装值进行验证,而不是要求每次重新输入值的字段。更少工作,就会更好。 idea028
29:尝试公约,而不是重新发明轮子 公约比一致性更具备共识基础。如果我们保持一致性的用户界面,人们便可以轻而易举的完成任务。另一方面,我们还可以让业务流程尽可能有相同的多个入口,进一步降低学习曲线。在这些帮助,我们学会了建立UI约定关闭屏幕窗口的右上角(通常),或期望一定看从我们的设置图标。当然有时候,在新模式下,一个约定不再服务的目的。非常规时,确保它目标明确,具备良好的意图。 idea029
30:尝试让用户厌恶损失,而不是强调收益 我们想赢,但是我们不想失去。据说服力心理学规则表明,我们可能更倾向于避免损失比获得收益。这可以应用到提供的产品是如何被选中并沟通。
idea030