设计师应该知道的15个UI优化秘诀(续集)

标签: PS 教程 & 设计文章 ui设计 UI 用户体验 | 发表时间:2013-11-14 01:03 | 作者:cyRotel
出处:http://www.uisdc.com

Visual-Interface-Design1

Visual-Interface-Design2

Visual-Interface-Design3

Visual-Interface-Design4

Visual-Interface-Design5

Visual-Interface-Design6

Visual-Interface-Design7

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

第一篇译文在此: 设计师应该知道的16个UI优化秘诀
本文原作者加拿大 UI设计师Jakub Linowski

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

文章头部图片来源: Visual Interface Design, San Francisco
本文原作者加拿大 UI设计师Jakub Linowski
 
================ 关于优设网================
“优设网 uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南 http://hao.uisdc.com/ps/
设计微博:拥有粉丝量57万的人气微博 @优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航: http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

相关文章

优设哥向您推荐:

普通UI设计师与顶级UI设计师的区别是什么?

设计师应当知道的20大UI设计原则

非科班如何成为UI设计师?

非科班的我如何成为一名设计师?

聊聊黑客与设计师精神
无觅

相关 [设计师 知道 ui] 推荐:

设计师应当知道的20大UI设计原则

- - 优设(UISDC)
清晰度是界面设计中,第一步也是最重要的工作. 要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它. 比如当用户使用时,能够预料到发生什么,并成功的与它交互. 有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用. 2.界面是为促进交互而存在的.

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

- - 优设(UISDC)
优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢. 本文整理了16点优化用户界面的方法,希望对大家有所帮助. 本文原作者加拿大 UI设计师Jakub Linowski. 单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心.

优秀设计师应当知道的20大UI设计原则

- - 雷锋网
清晰度是界面设计中,第一步也是最重要的工作. 要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它. 比如当用户使用时,能够预料到发生什么,并成功的与它交互. 有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用. 界面的存在,促进了用户和我们的世界之间的互动.

设计师应该知道的15个UI优化秘诀(续集)

- - 优设(UISDC)
@一人前端 上期那篇 设计师应该知道的16个UI优化秘诀,非常受欢迎,小编看到很多同学都mark了,不知道阅读了没有呢. 可不要存起来就抛之脑后咯,今天续译的文章已经出炉了,赶紧来瞧瞧. 第一篇译文在此: 设计师应该知道的16个UI优化秘诀. 本文原作者加拿大 UI设计师Jakub Linowski.

[转载]优秀设计师应当知道的20大UI设计原则

- - 妖人团P团
原文地址: 优秀设计师应当知道的20大UI设计原则 作者: iveodesign. 清晰度是界面设计中,第一步也是最重要的工作. 要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它. 比如当用户使用时,能够预料到发生什么,并成功的与它交互. 有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用.

UI设计师的面试过程

- - ITeye博客
Palantir Technologies是一家提供分析、整合、可视化各种数据的IT型技术公司. 在该公司,前端工程师和后端工程师有同样的面试过程,前端工程师也需要的一定的编程基础. 该公司技术博客Palantir TeckBlog日前发表了一篇博文《The UI Design Interview》,介绍了该公司面试前端设计师的过程及一些心得.

小而酷:看 37signals 如何招聘 UI 设计师

- keso - 爱范儿 · Beats of Bits
37signals ,全世界效率最高的软件公司之一,保持着“小,美,酷”的特征,十多个员工分散在两大洲八个城市,是协同工作的典范. 最近 37signals 想招聘一名 UI 设计师,看看这份信息量十足的“招聘启事”吧,你能获得什么启发. 我们相信,如果一个公司没有伟大的 UI 设计师,它就不可能成为伟大的公司.

设计师的好帮手:UI Stencils 全套工具

- archer - 爱范儿 · Beats of Bits
想要设计出绝佳的应用程序,想要勾勒出迷人的 UI 原型图,想要把转瞬即逝的灵感定格在纸面上,那可千万别错过这套 UI Stencils 工具. UI Stencils 工具分为两大类:UI 元素模板,空白草稿板. 它们既可以单独使用,又可以混搭在一起使用. UI 元素模板分为 iPhone ,iPad,Android ,Windows Phone ,Website 这五个品种.

通往优秀UI设计师之路的20个路标

- - 互联网的那点事
导读:界面设计师Joshua Porter在自己的博客中发表了这篇文章,文章中列举了20条用户界面的设计原则,这些原则是设计师们在设计工作中需要遵循的,它们能够给设计师们提供较好的指导工作. 界面的存在,使得用户和我们的世界互动性加强. 他们可以帮助用户清晰、阐明、启用等显示关系,它不仅让我们做事有效率,还可以管理我们的应用程序并访问相关的服务.

非科班的如何成为 UI 设计师?

- - 图月志
因为我自己是一个 0 美术基础、非计算机、非艺术类科班出身,但从事视觉设计工作的同学,所以很多大学里学着不喜欢的专业,想要转做设计但又不知从何开始的朋友都来问过我类似「我怎么才能成为一个 UI 设计师. 首先请想清楚为什么想转设计,以我的经验,一般在大学里想转设计有这么一些原因:. 设计尤其是视觉设计门槛低,以前我身边会两下 PS 的大学生都能早当家,生活费完全不用愁的,而视觉设计给人感觉跟每个人的生活是相关的,可能会让人错误地以为只要审美品位到一定程度的都能做好设计.