Cola Chan

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

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

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

[国外设计第175期]

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

我们如今用钱的方式其实很抽象,账单和......

681

设计原则中的信息组织

[国外设计第174期]

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

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

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

五帽架的概念最初由Richar......

1060

餐馆与UX中的用户引导

[国外设计第173期]

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

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

1. 门后有什么?

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

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

最优......

559

一个代表运营的小图标

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

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

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

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

1304

你滴什么滴干活?

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

谓语后置

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

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

于是对方秒懂。

古墓派装修

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

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

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

375

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

[国外设计第172期]

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

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

看起来就像这样:

1848

东京的导视设计

[国外设计第171期]

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

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

......

956

Dropbox宣传视频设计

[国外设计第170期]

一窥Dropbox品牌设计

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

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

......

809

默认项的力量

[国外设计第169期]

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

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

表单输入框中的默认内容

即使过程很简单,长表单往往还是会让用户敬而远之。通过提供适合的默认值,可以从海......

892

使用无序列表的7项注意

[国外设计第168期]

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

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

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

......

1461