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

向颓废说再见

向颓废说再见

2016-02-16 23:46

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐设计师应该知道的15个UI优化秘诀,希望大家看完后也有个好心情,快快行动吧!

上期那篇设计师应该知道的16个UI优化秘诀,非常受欢迎,图老师小编看到很多同学都mark了,不知道阅读了没有呢?可不要存起来就抛之脑后咯,今天续译的文章已经出炉了,赶紧来瞧瞧。

本文原作者加拿大UI设计师Jakub Linowski

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

17:尝试显示状态,而不是状态无关

在任何用户界面中,我们经常可以有不同的状态显示元素。有可以读取电子邮件,未读消息,发票状态、支付与否。接口状态,可以帮助人们了解到,不论他们过去的行为已成功开展,以及是否应采取行动。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

18:尝试创造效益,而不是仅仅停留在任务按钮

试想一下,同时有两个按钮显示在页面上,一个告诉你存款,另外一个告诉你注册。第一个按钮有较高机会被点击。相反,注册过程需要努力,往往需要填写N多冗长的字段。这是一个假设,加强利益按钮,可能得到更高转换。另外,也可以放置跟利益密切相关的按钮,告诉人们为何要这么做。当然,任然有空间,基于任务环路,可以保留那些经常用到的入口按钮。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

19:尝试直接操纵,而不是上下文的菜单

当显示数据表格时,我们通常要允许用户可以自由操作表格项。点击、或悬停在某一数据时,对数据进行快捷的删除、修改、重命名等操作。点击数据项(如文本),则变为可编辑则是另外一个典型例子。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

20:尝试公开领域,而不是创造额外的页面

这个容易理解,直接看图:

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

21:尝试转换,而不是瞬间变化。

经常出现的界面元素,隐藏,移动,转移,并调整其大小,为用户体验各司其职。元素作为回应我们的互动,例如通过时间元素,能更容易让人理解刚刚发生了什么。而一个内置的动画或过渡的效果,故意延迟,让人适应位置变化所需的时间。但请记住,我们开始增加这种转变的持续时间超过0.5秒,会有如下情况,人们可能会开始感到疼痛。对于那些只是希望把事情做得很快的人,过长的延迟,当然可以是一种负担。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

22:尝试逐步参与而不是仓促签约

为什么不让用户首先执行一个任务通过它演示了一些有价值的东西,而不是要游客立即注册。像这样的交互产品既能展示它的好处,还可以有助于个性化。一旦用户开始看到你的产品的价值,看看他们如何能使它更个性化,他们将更乐于分享与你额外的信息。逐步参与是尽可能的推迟签约过程,让用户自定义产品与服务。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

23:尝试减少边界,避免影响用户注意力

用户真正需要的内容,如果存在边界的话,会更加分散用户的注意力。虽然边界可以准确清晰的定义划分一个片区,但却也成为用户认知能力的负担。为了定义屏幕元素之间的关系,元素可以仅仅通过靠近、对齐、不同背景,甚至只是一个相似的排版样式即可。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

24:尝试销售福利,而非功能

人们倾向于关心特性而不是利益。好处他们随身携带更多的清晰定义的值。克里斯吉尔伯在《100美元启动》写道,人们真正关心有更多的:爱、金钱、认同和空闲时间,同时希望有更少的压力,冲突,麻烦和不确定性。 展示特性的时候,尽可能用给用户的好处来代替,当然,功能是可以偶尔出来一下的。(译者理解:把功能性的陈述转意成对用户得到好处的陈述。)

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

25:尽量使用零数据,而不是非常多数据

一些情况下,你会有0、1、10、100、或10000 +数据结果可能需要以某种不同的方式显示。最常见的场景可能是第一次使用的过渡与零数据对未来使用更多的数据。我们经常忘记去设计这个初始情况仍没有任何显示,通过这样做,我们可能会忽视用户。一个零数据世界是一个寒冷的地方。当用户第一次看你的应用程序和它所做的就是显示一片空白,没有任何指导,那么你很可能错失一个机会。零数据状态是完美的候选人获得用户在最初的障碍学习跟他们下一步要做什么。好东西规模和用户界面也不例外。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

26:试着选择退出,而不是选择

选择推出策略,意味着用户会无需任何行动就可以做一些事情。或者,也有更多传统的推出策略,为了收到一些新信息,首先要让人们采取一些行动。两个更好的理由说明喜欢选择退出比传统推出更好:第一,选择退出减小了用户行为轨迹的阻力,因为用户不需要做任何事;第二,推荐选择,也是某种规范暗示 因为别人需要它,所以,我可能同样需要。当然,选择退出策略常被认为是有争议的,因为有很多人滥用这样的功能给用户制造麻烦。用户为了某些事,在不知情的情况下而注册。因此,在道德标准范畴内,如果你决定使用选择退出方法,确保你的默认选择退出对于你的客户清晰和容易理解。毕竟,这个策略也被使用在欧洲挽救生命。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

27:尝试界面一致性,不要让用户重新学习

争取在用户界面设计一致性。保持一个更加一致的用户界面或互动方式,以减少学习量。当我们按下按钮和换档滑杆,我们学会期待看到这些交互元素,我们的行为被我们所期望的方式反复。一致性巩固了我们的学习方式进行互动。如果界面不一致,我们会被迫进入重复学习模式。如:颜色,方向,行为,定位,大小,形状,标记和语言,等可以实现一致的元素。我们一度让一切保持一致,但是,请记住,保持不一致的事情仍然有价值。从我们潜意识中,要求不一致的元素或行为 – 它可以是一件好事。试试吧,这种潜意识让我们常常能够打破常规。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

28:尝试使用智能默认值,而不是要求做额外的工作

使用智能默认或预填充表单字段,这是一种常见的技术,帮助用户更快地移动表格,消除他们的工作量,尊重他们有限的时间。尝试显示预装值进行验证,而不是要求每次重新输入值的字段。更少工作,就会更好。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

29:尝试公约,而不是重新发明轮子

公约比一致性更具备共识基础。如果我们保持一致性的用户界面,人们便可以轻而易举的完成任务。另一方面,我们还可以让业务流程尽可能有相同的多个入口,进一步降低学习曲线。在这些帮助,我们学会了建立UI约定关闭屏幕窗口的右上角(通常),或期望一定看从我们的设置图标。当然有时候,在新模式下,一个约定不再服务的目的。非常规时,确保它目标明确,具备良好的意图。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

30:尝试让用户厌恶损失,而不是强调收益

我们想赢,但是我们不想失去。据说服力心理学规则表明,我们可能更倾向于避免损失比获得收益。这可以应用到提供的产品是如何被选中并沟通。

设计师应该知道的15个UI优化秘诀,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师应该知道的15个UI优化秘诀

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
16个设计师应该知道的UI优化秘诀

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

设计师应该知道的UI动态设计规则

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师应该知道的UI动态设计规则

设计师应该知道的图片优化技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师应该知道的图片优化技巧

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

设计师应该知道的17个PS技巧

PS PS教程
设计师应该知道的17个PS技巧

设计师必须知道的优秀的UI设计原则

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师必须知道的优秀的UI设计原则

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

10条把食品和美食拍好的小技巧

10条把食品和美食拍好的小技巧

详细解析使用移轴镜头拍摄技巧全攻略

详细解析使用移轴镜头拍摄技巧全攻略
下拉加载更多内容 ↓