Cola Chan

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

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

晴天霹雳

智能家居

CC问我:“小米的智能家居有没有用过?这些东西你玩的比较6,想问问你有没有啥玩法。”

“没用过。要啥智能啊,啊,要啥智能啊?冰箱难道还能自己给我炒出一盘香干肉丝啊?”

高科技隐形车

昨晚做了一个梦。表姐买了一辆新车,那个拉风啊。高科技,全车身太阳能发电,生物识别启动。每天蹭她的顺风车上下课(梦里面我居然还在上高中)。

“表姐你这车不用掌方向盘的么?你怎么坐到后排来了?”

“你傻呀,我这不是在控制么?”她挥了挥手里的控制器。

“这上面怎么就3个按钮,这样真的能控制么?”

“一个左一个右,不就行了。”(什么鬼设定,难道不要油门和刹车?我居然......

15

蚂蚁楚门秀

临睡着脑子里闪过一个场景,迷迷糊糊的也不知道是睡着了还是没睡着。这个画面很有趣,立马清醒了,赶紧记录一下:

我们多数人都像是小蚂蚁,低着头忙忙碌碌、勤勤恳恳经营自己的生活。身边的信息多属于柴米油盐之类,八卦、美食、购物、工资。

有一些蚂蚁会抬头看看天,看见一些离生活有些距离的事情。可口可乐的商业成功啊,美团与滴滴的战争啊,新的楼市调控政策啊。抬头看天,主要还是透透气,看点新鲜,完了还得低头忙生活呢。

上天一趟不容易,不管怎样,总还是有蚂蚁想上去看看的。他会发现天上不像想象中那么简单,不是只有云和一大片蓝色,细节越来越丰富。飞着飞着,他撞到头了。看过楚门的世界没有?他凑近......

4

语雀:设计师的坚强后盾

许久不露面,一出来就做广告……好吧,我已经准备好了迎接大家的番茄、鸡蛋、以及番茄炒蛋。不过呢,如果我告诉你们,文末有一批独家注册邀请码,各位是不是可以扔轻点? →_→

这次要介绍的是一款大有来头的知识协同工具——语雀,出自蚂蚁设计团队,可以用于设计项目的管理与资料沉淀。由于有些便利条件,我所在的团队早早就用上了,对它再熟悉不过了。语雀向公众开放有段时间了,之前的版本主要......

59

搬砖与拓荒

开发人员们经常自嘲是IT民工、“搬砖”的。在我们外行听来只是自嘲,笑一笑就过去了。不懂他们每天在工作中面对的是什么,我们其实并不理解他们为什么这样自嘲。

最近和同学合作了一个小项目,是个微信H5,其中有数据提交的部分。我负责设计与前端开发,他搞定后端与服务器、域名。在这个项目里略微接触到了一点点后端的东西,对“搬砖”这个话题忽然有种顿悟的感觉,也更进一步理解了开发的难处,这真是一种非常不同于其他工种的工作。考虑到正在阅读这篇文章的你很可能不了解开发,我尽量用大家都能理解的方式来讲这个故事。

这个H5项目的分工方式,是标准的前后端分离。所谓前端与后端,可以理解为事情发生在什么地方......

5

永辉超市见闻

在西溪银泰偶然发现一家永辉超市,进去逛了一下,还是挺有收获的。这个超市看起来平淡无奇,普通的货架、普通的摆设,也没什么高科技,但是许多细节值得思考。

卖三文鱼的冷柜旁边,摆了芥末、Rio鸡尾酒之类的商品。说明超市经营者不是按自己的逻辑来布置的,否则这些东西都应该放到调料、酒类货架去,这么摆是从消费者的真实场景出发考虑的。消费者买三文鱼回家当刺身吃,就是为了偶尔吃点好的,......

19

最后的尊严

加拿大生物图鉴

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

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

最远的顺风车

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

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

桃园三结义

9

椒麻龙利鱼

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

主料:龙利鱼、黄瓜

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

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

13

可乐橙译文精选

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

设计模式

移动应用弹窗设计指南

使用无序列表的7项注意

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

表单设计优化

表单中的勾选框和开关

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

乐观派UI:真实的谎言

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

7

翻译项目停刊公告

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

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

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

5

移动应用弹窗设计指南

Mobile App Pop-Up Guidelines

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

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

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

6

短期记忆与用户体验

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

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

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

4

青椒虎皮鸡蛋

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

主料:青椒、鸡蛋

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

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

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

2

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

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

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

11

老年用户的体验思考

UX Design Thinking From A Senior Citizen’s Perspective

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

6

VR中的协作游戏

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

Trying out VR gear

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

6

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

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

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

8

设计原则中的信息组织

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

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

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

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

5

餐馆与UX中的用户引导

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

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

1. 门后有什么?

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

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

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

5

一个代表运营的小图标

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

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

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

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

15

你滴什么滴干活?

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

谓语后置

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

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

于是对方秒懂。

古墓派装修

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

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

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

49