Cola Chan

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

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

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

Nick Babich

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

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

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

4

充分运用用户研究

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

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

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

1. 问对问题

......

7

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

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

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

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

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

22

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

插画来自Crafticons

培养探索未知的心态

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

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

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

4

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

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

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

5

全新的Uber App设计

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

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

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

9

乐观派UI:真实的谎言

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

16

Eyefluence:混合现实缺失的一环

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

......

3

表单设计优化

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

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

表单应该只有一列

5

聊天机器人设计终极指南

聊天机器人的惊人潜力在于能够一对多地根据语境分别沟通。

我们把这句话分解一下。

一对多沟通:现今,有许多工具可以实现一对多沟通。从基本的信件,到电子邮件市场营销,再到社交媒体,这些工具可以轻松触达大量受众和目标群体,一视同仁。但是,这些工具多半不能分别沟通。

分别沟通:对大量人群进行分别沟通的方式出现并不久。目前最受欢迎......

1

移动端用户体验:底部导航

图片来源:Behance

设计师都知道,设计不只是为了好看。设计也决定用户如何*融入*一个产品,无论是网站还是app。这是一种交谈。*导航就是一种交谈。*因为如果用户不明白使用方式,你的网站或app再漂亮都没用。

为什么底部导航如此重要?

Steven Hoober在他的关于移动设备使用状况的研究中发现,49%的人依......

13

幕后故事:数字银行品牌升级

Monese是一项无网点银行业务,能让欧洲经济区的居民在2分钟内创建本地银行账户,即使顾客无法立刻提供住址信息,或者信用记录不良,也没有关系。我们创造Monese,目的在于帮助9千万被“排除在金融体系外的”欧洲人,因为银行难以认同并给予他们信用授权。

作为金融产品,获取用户的信赖至关重要。因此,有统一易辨识的标志,是Mon......

6

未来的汽车UI将惊艳世界

今天多数汽车UI的设计,由于不直观、过时和缺乏美学表现力,一直饱受诟病。其他行业都将设计的品质奉为标准,汽车生产商在这方面则动作迟缓。所以,许多设计师抓住了这个机会,思考未来的汽车界面会如何改变我们的驾驶体验。

汽车行业的革新似乎日益加剧。实际上汽车行业在未来20年的变化,会超越过去一个世纪。因此,最前沿的设计师应该关注这个至关重要的行业。那未来的汽车界面会变成什么样呢?会根本上改变我们与车的关系吗?

下面是一系列优美富有未来感的汽车HUD(平视显示器)、交互界面和第三方应用控制器,它们来自世界各地的设计师。有些设计来自真实产品,还有一些仍在研发阶段。

特斯拉手机控制中心界......

6

Android电视应用:Amazon Fire TV版TVPlayer设计

设计和研发、推广一道,是移动应用的成功要诀之一。定义用户操作应用的方式,与应用的功能和高效的盈利模式同等重要。而且,当涉及到为电视这样的新交互模式设计界面,许多在智能手机和平板上有效的模式,都需要重新思考,如何利用大屏幕和遥控带来的输入模式。

Fire TV上的TVPlayer

5

为电视而设计

一篇关于电视UI基本组成部分的介绍。

欢迎来到电视机的新黄金时代。不仅仅因为出现了更多比从前更棒的产品,我们在自己观看和喜爱的节目上也有了更多选择。虽然我们可以随时随地通过电脑、手机和平板观看,但电视在多数人家中仍然占据着一个特殊角色。

但我们对电视的控制,不再只局限于遥控和分线盒;我们开始使用智能电视,或者观看机顶......

7

Spotify官网的用户体验变迁(2006-2016)

10年的巨变

网页设计在过去10年间沧桑巨变。本文中,我们来研究这些年的Spotify官网,讨论其中的关键变化。

早年的网站

“大家只想畅听全世界的音乐”——Daniel Ek。

Daniel Ek和Martin Lorentz于2006年创立了Spotify。2008年它正式发布,beta版在2007年发布......

3

Netflix的AB测试之道

几周前,我在旧金山的Yelp总部参加了一场设计师与极客们的活动Anna Blaylock和Navin Iyengar两位都是Netflix的产品设计师,他们分享了自己多年在千万级用户群中做A/B测试的经验。他们也展示了相关的产品案例,帮助与会者思考自己的设计。

下面是我关于他们演讲做的记录,其中包含我最喜欢的一些精华。

25

看得见的才是有用的

几年前的夏天,我有幸住过旧金山一幢公寓楼的两间独立套房。

由于是同一幢建筑,你肯定会认为两间房非常相似,也确实如此。两者大约都是90平米,都有巨大的网格状玻璃窗,大量的阳光倾泻而入(也带来了热量——我们总是戏称这里就像我老家德克萨斯州:每逢下午都有90度)。两套都有同样的角落厨房、通向开放式卧室的工业风楼梯,还有烦人的中空......

4

优化数据表格设计

糟糕的表格。它们到底问题出在哪里?

表格在互联网早期是基础设施之一,之后许多设计师用更新更时髦的布局取而代之。虽然在如今的互联网上很少露面,但是表格在我们基础日常生活中,仍然为我们收集组织了许多信息。

例如,我觉得有一份表格可以称之为表格之母:美国的“协调关税表”,长达3550页的表格,列出了每一种可以进口到美国的商......

11

光鲜背后:Pokemon Go的用户体验现状

今天,我像往常一样走路去上班。

但我不是孤身一人。在我周围,从店铺与餐馆门口的人行道,到城市公园里的绿色草坪,人们举着手机四处徘徊。小巷和公园入口这样的普通场所,聚满了人,在计算机算法作用下随机地聚集起来。

这就是Pokemon Go。

5