Cola Chan

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

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

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

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

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

976

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

真的……我没疯

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

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

“好的,当然。”

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

“呃……”

只有一个问题……

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

2239

一个设计师的装修笔记

【提醒:本文图片极多,如果心疼流量,请立刻关闭网页,以后在WIFI下浏览。】

这是一篇前前后后写了一年多的笔记。梳理逻辑,收集资料,写写停停。现在,是时候整理一下,公开亮相了。

2013年6月,我买了一套90方的小户型住宅。期房,等了2年半,2015年11月底才拿到手。我只是个UI设计师,和室内设计八竿子打不到一块。但面对新房装修这样的浩大工程,我决定亲自操刀,毕竟这是个难得的学习机会。虽然请的装修队里也有设计师,但他只做了两件事:量房、画水电和木工图,然后就再也没出现过。可以说家里从格局到细节装饰,95%是我亲自设计的。

事后证明这其中的收获远超我想象,虽然折腾,但确......

6419

组件化设计与开发

终于迎来一期特刊。最近打算在公司内部做一个分享,讲的是组件化的设计与开发的思维方式。准备完演讲资料,发现这完全可以改成一篇文章。藏着掖着不合适,发出来分享给有需求的朋友吧,就当是个试讲了,希望大家帮忙指出错误。

下载地址:

https://www.jianguoyun.com/p/DY1Z3bEQwKOaBhimoyg

由于本文首先是以keynote的形式诞生的,其中还有动画和视频,所以我比较推荐大家直接下载keynote文件(也存了PPT版本)。内容和本文是一样的,但有些逻辑关系还真得让画面动起来才说得清。提醒一下,keynote文件大小将近150mb,嫌麻烦的朋友,当然也......

5387

金针菇培根卷

又是培根……好吧,主要是因为这批培根保质期不长。

主料:金针菇、培根

辅料:黑胡椒汁

料就这么简单几种,洗好备着,金针菇撕成小撮。

......

495

出色的移动端用户验证

减少注册和登录的痛苦

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

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

2054

蒜蓉培根闷茄子

最近开始每天带饭去公司,又有大把机会做菜了。每天做菜和偶尔做一次的情况完全不一样。以前偶尔烧一顿,想吃什么买什么,定种类定量。现在则是囤了一冰箱的菜,什么容易坏先吃什么。这种排列组合就更难驾驭了。

这道菜就是这样东拼西凑出来的,味道却意外的好。

主料:茄子、培根

辅料:生抽、蒜蓉、盐、黑胡椒粉

茄子买的是那种特别细长的,洗净切成小段,均匀铺在锅......

399

Stack自动布局:Sketch中的Flexbox

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

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

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

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

1918

措辞不当会毁了用户体验

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

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

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

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

1674

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

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

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

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

2012

如何表达App的隐藏手势操作

Nick Babich

手势操作,是通过手指轻微移动来让用户操作应用。触屏界面提供了许多自然的手势,比如点按、滑动、双指缩放。但这些交互方式不像UI控件,通常对于用户是不可见的。除非用户事先了解手势存在,否则他们并不会尝试使用。

如何加入隐藏手势呢?好在有许多视觉层面的交互设计技巧,可以让用户了解这些手势。

首次打开时的教......

1589

充分运用用户研究

简单5步,外加一个冷笑话

这篇文章的简介部分,我想了很长时间。设计决策需要同时满足商业与用户需求,但了解真实用户需求也非常重要。为了平息这场争论,下面就要请出本文的主角——用户研究——一种能让设计方案落地并关注用户体验的手段。

不过我决定不去谈用研有多重要。我会主要关注如何最大程度体现用研的价值。

1. 问对问题

......

1224

混合型界面:对话式UI的未来

2016年是对话式设计之年。消息应用正以惊人的好评度和参与率,占领世界和app store的排行榜。每个社区产品、应用市场、点播服务、约会应用、社交游戏和电商产品,为了提高好评度、参与率和销量,都已经或即将加入消息功能。

有大量关于对话式UI的讨论,还有这种人机对话模式如何通过简单的指令和文字反馈(偶尔配合照片),将消息或语音交互融合在一起。虽然我很喜欢文字和照片,但它尚有非常广阔的探索前景,可以在对话式界面中加入丰富的图形界面元素。

这点有些讽刺,因为1986、1996、2006年也是对话式设计之年。想知道对话式UI会走向何方,我们就应该回到这些历史时期。

命令行,又称作......

3327

像用户体验设计师一样思考

插画来自Crafticons

培养探索未知的心态

(持续)学习用户体验是最需要技巧的事情。因为这不是标准教育中的某个正式课题。

它总是以某种神秘不可预测面貌示人,直到你在设计、研发、市场推广(或者其他创意领域)中遭遇到用户体验的具体概念。

虽然在用户体验方面有一些基础书籍,还有成百上千的博客文章,研究最具体的设......

2481

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

“错误”时有发生。在App与生活中都会发生。有时是因为我们犯了错误,有时是系统错误。无论错误原因是什么,它们——还有解决方式——对用户体验影响深远。但它往往不被重视,草草处理错误、组织混乱的错误信息会使用户沮丧,最终抛弃你的应用。相反,处理得当的错误提示,能把失败变为惊喜。

本文中,我们会讨论如何优化app的设计,来尽力防止......

2536

文字聊天的体验

图片来自Dribbble。

文章标题可能有点误导,这里不是要讨论IM产品的体验设计,而是聊天内容本身的阅读体验。

数字的强迫症

前几天,主管问我要手机号和身份证号,用于制作工作相关的证件。由于是钉钉上沟通的,很简单一件小事,我回了个OK,然后顺手发过去了:

××(我的姓名)

手机号:186××××××××

身份证:360103××××××......

1819

全新的Uber App设计

一切都从一点点小转变开始

声势浩大的改版设计总使人望而生畏。有太多变化与未知,有可能会失败。但我们知道,如果想要打造未来,我们就得欣然接受挑战。这就意味着不仅仅是在外观上下赌注,也是在重新想象整个流程。

Uber原本的主旨很简单,“按下按钮,搭上一辆车。”你不必设定目的地,也不必选择产品,只要按一下按钮,或者两下,之......

1636

乐观派UI:真实的谎言

[国外设计第155期]

想象3个用户界面(UI)一起去了酒吧。第1个点了一杯酒,然后又再点了几杯。几小时后,它买了单,醉醺醺的走了。第2个界面点了一杯酒,直接把钱付了,然后又点了一杯酒,又马上买了单,几小时后也醉醺醺的离开了酒吧。第3个界面刚走进酒吧,马上就已经醉醺醺的离开了——它知道酒吧是干什么的,它非常讲求效率,一点时间也不浪费。你听说过这第3种界面吗?它就叫做“乐观派UI”。

4276

Eyefluence:混合现实缺失的一环

注:本文来自我与Robert Scoble合作的新书《Beyond Mobile: Life After Headsets》中第6章的节选,目前尚未发布。这个章节关注一家你不了解的企业:Eyefluence。由于它只从事B2B业务,你很可能没听过他们。不过,如果未来你有机会用上增强现实或混合现实设备,它的体验就取决于这家公司提供的技术。

......

629

表单设计优化

设计师常犯的错误,以及正确做法

无论是注册流程、多屏分步表单,或者是单调的数据列表界面,表单都是数字产品设计中的重要组成部分。本文会探讨表单设计的注意事项。记住这些只是通用规范,每条准则总有例外。

表单应该只有一列

2738