Cola Chan

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

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

最后的尊严

加拿大生物图鉴

KT告诉我一个消息,pizza要移民加拿大了。我想了一下,这厮竟然出去祸害外国友人了,瓶子里的恶魔终究是被放出来了。

以后加拿大的生物图鉴可能会新增一个条目:Pizza,外来入侵物种,习性不明,变化无常……

最远的顺风车

某天晚上下着小雨,一只甲虫落在引擎盖上,一路跟着我跋涉35公里回家,这也许是它这辈子搭过的最夸张的顺风车。

到站之后,它首先应该思考几个宇宙终极问题:我是谁,我从哪来,我要到哪去……哎呀妈妈~~

桃园三结义

1381

椒麻龙利鱼

这是非常下饭的一道菜。不过胡乱琢磨的做法有点不对,我在详细步骤里再解释。下回应该可以做得更好。

主料:龙利鱼、黄瓜

辅料:葱、姜、蒜、生抽、花椒、藤椒、花椒油或藤椒油、芝麻油

龙利鱼一条,没有骨头没有鱼刺,肉质嫩滑。还要有根黄瓜中和一下,防止这菜过于油腻。

1549

可乐橙译文精选

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

设计模式

移动应用弹窗设计指南

使用无序列表的7项注意

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

表单设计优化

表单中的勾选框和开关

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

乐观派UI:真实的谎言

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

2665

翻译项目停刊公告

翻译项目到目前为止已经180期了,在这个时候宣布停刊,应该会让大家深感意外,但于我自己却是一件好事。

大概翻了翻之前的译文,第一篇是2013年7月14日,不知不觉4年过去了。从最早翻译设计风格动向,之后出现了一些无病呻吟的假大空内容,再关注了一阵子各种交互设计模式,直到最近一年,更多是在研究人与行为。整个过程,是我个人成长的一种见证。

翻译项目的初衷是......

1487

移动应用弹窗设计指南

Mobile App Pop-Up Guidelines

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

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

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

2521

短期记忆与用户体验

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

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

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

1547

青椒虎皮鸡蛋

这是个不错的下饭菜,用料很常见,但工序还是有一些的。想吃点重口味但家里又没有肉类时,非常适合做这个菜。图里这一碗的量,大概要用到9个鸡蛋、5颗青椒。

主料:青椒、鸡蛋

辅料:食用油、盐、生抽、老抽、花椒油、料酒、糖

前几个步骤忘了拍照,就文字描述吧。

首先把鸡蛋煮熟,也就是普通的水煮蛋。煮熟之后剥去蛋壳,用刀在每颗蛋两边各划3道口子,为了入味,但......

688

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

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

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

2307

老年用户的体验思考

UX Design Thinking From A Senior Citizen’s Perspective

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

1472

VR中的协作游戏

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

Trying out VR gear

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

872

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

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

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

1071

设计原则中的信息组织

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

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

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

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

1695

餐馆与UX中的用户引导

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

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

1. 门后有什么?

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

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

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

919

一个代表运营的小图标

起因是要画一个能代表“运营”岗位的小图标,我们在做招聘相关的业务,想用图形来辅助理解。不过总有这样的时候,用具象图形来表达某个抽象概念,选择很多,但又觉得没一个靠谱。

回归本质,首先要了解我到底要表达的是什么。运营……和运营人员共事这么久,我真正理解他们是做什么的吗?

作为产品设计师,和运营打交道不算特别频繁。总之很杂就对了,这是一直以来的模糊印象。而在一些视觉设计师看来,运营=不靠谱,天马行空不着边际、想一出是一出、观点前后矛盾、从不重视品牌和统一、只会简单粗暴强X用户……和我共事过的设计师,我大致能记得他们每一次发飙,其中运营稳居发飙对象榜首。

当然,这样随随便便给......

1942

你滴什么滴干活?

幽默栏目上次更新距今已经很久了,真的是因为年纪越大乐趣越少么?不过无论如何,总还不至于停播。

谓语后置

和人解释日语和韩语的谓语后置现象,举了几个例子,“我/图书馆/去”、“今天/雪/下下来”,对方还是表示难以理解。

然后忽然想到一个经典名句,抗战片必备台词:“你滴什么滴干活?”

于是对方秒懂。

古墓派装修

CC家在装修,由于厕所小,非常纠结做移门还是平开门,在群里发问求助。

BB说做个机关门,开关是个碗,旋转即可,门会往上升起。

BB的创意让我深受启发,我说开关用个钵比较好,语音控制。只要拿起那个钵,对着厕所喊:“我叫你一声你敢应么!”然后厕所门应......

1881

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

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

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

看起来就像这样:

......

3039

东京的导视设计

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

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

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

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

1589

Dropbox宣传视频设计

一窥Dropbox品牌设计

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

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

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

1062

默认项的力量

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

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

表单输入框中的默认内容

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

1101

使用无序列表的7项注意

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

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

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

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

1962