Cola Chan

可乐橙是一名设计师
这里是我记录生活和成长的地方

关注微信公众号[可乐橙]
一座见证我成长的后花园

可乐橙译文精选

翻译项目停得突然,还是应该要有个像样的收场。也有读者朋友反映,希望我能选择一些质量高的译文,制作成精选集,这是个很好的建议。我挑选了一些自己喜欢的译文,简单分了一下类:

设计模式

移动应用弹窗设计指南

使用无序列表的7项注意

表单设计:一页只做一件事

表单设计优化

表单中的勾选框和开关

移动用户体验设计:错误状态

乐观派UI:真实的谎言

用户体验设计中的分步......

9

移动应用弹窗设计指南

Mobile App Pop-Up Guidelines

弹窗、对话框,随你怎么称呼,这些小窗口出现在屏幕上从来都不是理所当然。虽然它们是你应用中一些相对较“小”的元素,却扮演着影响用户体验的重要角色。

一方面,它们可以帮助用户度过应用内的旅程。另一方面,处理不当时,它们也会使用户感到挫败。

有幸的是,弹窗比较成熟,容......

6

短期记忆与用户体验

摘要:人类大脑不适于抽象思考和记忆数据,但网站常常要求我们这么做。许多可用性指南都取决于认知局限。

人的短期记忆无法保留许多信息,尤其当人们不断被大量抽象或不寻常的数据轰炸时。设计师不能忘记用户是多么的健忘,为此我们来回顾一下大脑如此无力的原因。

人类极度善于猎杀长毛象。我们的祖先仅凭燧石这种水准的武器,轻松灭绝了从澳洲到北美的许多大型动物。(从今天的环保角度来......

6

记忆的工作原理与设计诀窍

我们日常生活中最重要的信息处理器,是看不见摸不着的。它无法买卖或从别人那里索取,但是它可以通过许多方式来提升和加强。这种东西难以描述,却是人类最宝贵的特征之一,它可能决定了我们的每一步行动和每一次决策。它是一种奇迹,我们很少深入思考它。这就是人类的记忆。

记忆体现了数据存储与处理天然且惊人的复杂性。它在人的一生中能保存海量......

13

老年用户的体验思考

UX Design Thinking From A Senior Citizen’s Perspective

吸引老年人作为用户群体的一部分,这曾经被认为是互联网世界中最后需要考虑的事情。但是,这种罕见的情况正在成为现实,我们见证了老年用户群体持续不断的增长,他们经常登录、注册和订阅。Statista的记录显示,光是在美国境内,2016年就......

7

VR中的协作游戏

我们在ustwo工作室第一次尝试HTC Vive VR头戴设备时,我们体验了Eleven Table Tennis,一款乒乓球游戏,极具探索乐趣。最吸引我们的,是可以在联机模式中与其他人对战。你的对手来自全世界,随机选择,Ta只有一个面具、一副球拍和控制器。

Trying out VR gear

在对战中我们发现,仅仅通过这3个视觉线索,双方......

7

玩乐与学习:打造虚拟玩具店

在我们首创的新产品PlayLab的一次头脑风暴中,我们开始讨论虚拟和真实世界体验的关系。过去几年内,我们见证了许多结合虚拟与真实交互体验的产品的诞生,我们想要更深入了解儿童娱乐领域。于是我们决定开始设计现代版的“玩具店”,希望在其中实验和应用扫码技术。

我们如今用钱的方式其实很抽象,账单和硬币越来越不重要了,钱被“隐藏”进了信用卡和数字支付手段......

9

设计原则中的信息组织

通过五帽架原则来简化数据,帮助用户理解

设计师把信息有条不紊组织起来非常重要,如此用户才能轻松理解其中内容。这是优秀用户体验的关键。

在各种展现数据的方式中,有一种经受了时间的考验,直至今天都非常有效。它叫做“五帽架”。

五帽架的概念最初由Richard Saul Wurman在他的著作《信息焦虑》中提出。......

6

餐馆与UX中的用户引导

Gordon Ramsey因为烧焦的食物冲别人咆哮,这和用户引导之间有什么关系?这个问题和事情本身一样有趣,优秀的用餐体验非常玄妙,远不止是食物那么简单:这就是用户引导的体验。

本文中,我们来一窥餐馆顾客引导的魔力,思考如何将它们运用到体验设计中。

1. 门后有什么?

我和妻子上一次去巴黎时,我们频繁外出就餐,游客们在巴黎这样城市都会这么做。华丽丽的备餐过程和美味的餐点令人难以抗拒。

不过,关于就餐体验,我最欣赏的是观察餐馆如何引导人们踏进他们的店门。毕竟餐馆都知道,只有顾客踏进店门,他们坐下并最终留下的可能性会大幅提升。

最优秀的餐馆似乎都使用了相同的模式。像这......

5

表单设计:一页只做一件事

2008年的时候,我在*Boots.com*工作。他们想做一个单页的结账页面,运用那个年代最新潮的技术,包括手风琴组件、AJAX和客户端验证。

每个步骤(寄送地址、寄送选项、信用卡详细信息)都收在一个手风琴面板中。而每个面板都通过AJAX提交。提交成功后,这个面板就会收起,并且通过滑动动画展开下一个面板。

看起来就像这样:

......

4

东京的导视设计

用户体验原则在步行导视上的应用,能改善高峰时期的通勤。

我从涩谷站下车的时候,人流从我身边涌过,我开始寻找忠犬八公的雕像。朋友约我晚饭前在那里碰面,但我找了10分钟仍旧迷路。幸好我放慢了脚步,观察四周,我看到了导视牌。有了精心设计的辅助引导,你很快就能找回方向。

渐进式显现的地铁站导视系统

当你正在前往某站的地铁上,......

22

Dropbox宣传视频设计

一窥Dropbox品牌设计

一分钟。这点时间连泡一壶茶、甚至等个红灯都不够。但要用来讲述一大堆关于Dropbox的产品更新,我们只有一分钟的时间。

如你所见,今年早些时候,我们准备好了要发布一系列关于协作与生产力的新功能。伴随本次发布,我们的品牌设计团队想要创作一段短视频,展示这些功能的相互配合。

一分钟。这能有多难......

6

默认项的力量

首先出现的数值和设置内容就是默认项。它们的作用似乎微乎其微,但默认项(和它们的设计者)掌握着强大的力量——替用户做决策。

本文中,我们会讨论如何运用预置的内容和默认设置,创造更好的用户体验。

表单输入框中的默认内容

即使过程很简单,长表单往往还是会让用户敬而远之。通过提供适合的默认值,可以从海量相关选择中拯救我们的用户......

2

使用无序列表的7项注意

摘要:小圆点有助于分割大段文字,使得复杂的文章和博客更容易消化,突出关键信息。

有时候,最好的信息展现方式就是无序列表。无序列表能吸引注意、便于浏览、简化文本,并且表达出项目之间的关系。

网站不是一个适合长篇大论的地方。相比之下,网站的读者更喜欢文案以某种易于浏览的形式组织起来,能让他们轻松跳过大段文字,直达自己感兴趣的部分。

有许多种网页文本......

7

用户研究:人们如何搜索图标

假设你是一名兽医。因为你非常善于利用人们对弱小可爱动物的爱心,所以Instagram账号经营得风生水起。但这对你来说还不够,你决定开发一个移动应用来拓展你的宠物帝国。这款应用能把人脸模拟成猫猫狗狗的脸。(承认吧,你14岁的时候肯定构想过类似的模拟马脸和猪脸的应用。毫无疑问。)

那么你的这款改变世界的应用,肯定也需要一个图标,猫咪图标......

10

我花了20个小时研究3个按钮

真的……我没疯

首先讲一讲背景。这是在我们周会上发生的事情:

“Andrew,我们做了几个很厉害的新功能,测试一下吧。”

“好的,当然。”

“嘿,你甚至会忍不住写篇文章来介绍的!”

“呃……”

只有一个问题……

当我被要求测试一项功能,通常意思是让我发起一场可用性测试,这就包......

4

出色的移动端用户验证

减少注册和登录的痛苦

处理用户验证通常是事后诸葛亮,我们总指望它有用,但很少深入思考它。它应该足够简单,但事实是,无论对于用户还是运营产品的公司,都像是在自找麻烦。登录失败、忘记密码和冗长的交互。

登录界面是你的应用中最常展示的界面之一。客观地说,75%的人都在登录时重置过密码,废弃了之前的密码(来源)。在企业内网登......

9

Stack自动布局:Sketch中的Flexbox

Skacks会彻底改变你对Sketch布局方式的理解。

就像CSS中的Flex Box、iOS中的UIStackView和Android中的FlexboxLayout——Stack的自动布局可以再次改变整个局面。

Sketch用户终于可以在不用CSS的情况下,直接使用Flexbox的排版技术。

我们相信,推......

5

措辞不当会毁了用户体验

别让措辞毁了你的设计成果。

用户体验设计师必须了解文案的力量。

并不需要成为一名文案写手,而且也绝对不需要小说家的文笔(当然,你愿意也可以)。但你需要清晰了解语言学,理解你所用文案的真正含义。

令人难以置信,产品和体验中使用的语言,会彻底改变用户的感受和使用方式。实际上,掌握特定词语的内涵(何时该用,何时避免......

10

企业后台设计:帮助用户理清头绪

典型的企业后台界面一般长这样:

有一些巨大的数字(人们都喜欢大数字,对吧?),有几张图表,可能还有表格。理论上,这些元素给用户讲了一个清晰明了的故事,让他们采取进一步措施。但是,现实情况则未必如此。

多数人眼中,这些典型的企业后台界面就像这样:

9