2012年12月4日星期二

数字时代的设计:拟物的黄昏

我们这个时代最巨大的改变不是探测火星,也不是房价飞涨,而是人与物的关系的巨大变迁。从实体到虚拟界面,人类对于世界的理解与控制进入了全新的纪元——当我们还在怀念墙上的拉线开关,下一代却早已习惯指尖的轻滑,对于数字科技的熟稔程度决定了你与这个世界的亲密关系,而这种亲密关系正随着年龄的递增而在递减。

物:情感的褪化

印章 by am.kurt 印章是旧时人赋予物品意义的最常用工具

在手工作业的年代,一件物品的出现只是人与物之间持续互动的过程,因此一件物品会带上创造者和使用者的印记。创造者会借由一枚印章、符号、甚至是一个独特的花纹,这种个性的彰显使得每一件物品都会带上创造者的印记。
而物品的长年累月的使用也会让其布满使用者的气息,这些物品的价值远非其价格所能衡量,因为与着特定的人、地点、事件等记忆有着紧密的联系,使得物品具有了情感的属性,残旧的日记本可能记载着青葱的岁月,而磨损的戒指也可能是一段感情的遗迹,从这些物品里我们能触摸到往事,那些发黄的书页,水渍的笔迹,划损的斑纹都赋予物品和我们记忆的交织痕迹。
然而从手工制造到机械化大生产,在带来效率提升物质丰富的同时,物品也褪去了人的痕迹,缺乏创造者与造物的亲密联系的物品成为了冰冷的机械物,而对于物品的情感的需求驱使我们为物品被贴上廉价的手工伪装——想想酒店房间里挂着的印刷的世界名画,IKEA里贴着塑料木纹的颗粒板家具,又或者看看你的手机上廉价或不廉价的卡通贴纸…...

人:第七感

一份纽约时报的信息量已经超过一位生活在18世纪的学者一生所能接触的资讯,大一所学到的技术理论到大三可能就会过时,这种指数级的信息爆炸将深刻影响我们这代人及未来。这是由一对矛盾的词所主宰的时代,他们是知识折旧信息过载
——这既是伟大的进步,也是可悲的退化。
如果你想了解我们的时代变化快到何种程度,建议你看看下面这个2010年的短片:
我们无可避免的越来越依赖信息技术,越来越多的办公室职员发现自己已不会写字,而我们的记忆力也越来越依赖搜索,VR(Virtual Reality,虚拟现实)和AR(Augmented reality,增强现实)技术的不断结合将令我们无法分清虚拟与现实。互联网已经成为我们的外脑,借助于信息技术,人类史无前例的将自己与这个世界紧密的联系在一起,你对这个世界的了解和认识也将远远超越你的眼耳口鼻手。

设计:拟物是一种乡愁

从机械结构到液晶屏、电子元件,物品失去了鲜明的物理特征,使用者无法再通过可感知的材质、纹理、颜色、动力等特征来理解物品。液晶屏颠覆了小学对于钟表刻度的教学,计算机也替代了纸张、笔、公文包、邮箱、钱包、以至你本身。
数字时代的设计师不会拿美工刀、不会锯木、也不会调颜料,因为这都成为看不见的工序——但你不必觉得悲哀,因为世界灭亡后幸存的人类甚至造不出一支铅笔,想到这儿你也就坦然了——这只是社会化大生产的后遗症。你该庆幸我们不用再担心打翻颜料盒,也不用担心一个毫米的误差造成一个上午劳无功,在一个虚拟的环境里工作,同时也在创建虚拟世界,这本身就是超现实主义
这个世界的变化如此之快,快到我们还在想象明天,后天却已到来。内心却无法追随物质世界的变化,人在本质上就是抗拒改变的,这种内心与世界的矛盾驱使人们试图在渐渐无法理解的物质世界里添加怀旧的气息,尽管不能拉住技术变迁的马车,却在这种前进的过程中给予内心尽可能的平静。
所以我们看到了长得像文件夹的文件夹,以及看起来真的很像纸的电纸书,虚拟的界面上背景、按钮、开关都在模拟现实世界的纹理、光影和质感。拟物的界面让人们更习惯——
“哦,这个解锁界面很像老式的门栓”
“这个滚动的橡皮筋效果真酷阿”
婴儿在学习使用iPad by Henriksent 每一代人都比上一代人更快接触新技术,也对新技术更习以为常
拟物的设计让陌生的数字时代变得更容易进入,至少我妈妈还是能理解QQ会话窗口上的摄像头图标的含义。从这个意义上来说,拟物性的设计更像是一种数字化移民与土著的过渡,隐喻在面向未来的设计中是一种必须,但或许将不再那么重要。
当我们初接触计算机,我们要学着将鼠标与屏幕界面进行对应,也要学着理解下拉菜单与真实世界折纸或抽屉的类比,但再过20年将很难找到需要理解下拉菜单的社会人,人们也许从出生开始将被接触我们需要学习才能理解的世界,对于他们而言这个世界是那么的理所当然,而对于我们却要像原始部落的居民一样去探索冒险者手中的打火机。
这是否也意味着在从现实到虚拟演进的社会里,“拟物”性的设计将步入黄昏?
基于信息的设计(而非基于互动的设计)将更赤裸裸的占据我们的显示屏、墙壁和眼镜?
这是否也意味着新时代的国际主义风格将占领世界?
从这个角度来说,或许微软的Metro UI(现在该叫modern UI)更具未来性。
对于设计而言,拟物是一种乡愁,就像成长的过程,让人怀念却不得不继续前行。

本文其实从原计划的一篇长文提取观点简化而来,发于CDC blog:http://cdc.tencent.com/?p=6568

2012年11月15日星期四

2012年1月19日星期四

Facebook、Google、Twitter停工一天会损失多少?

在各大网站各自发表立场反对SOPA的时候,TheNextWeb发了一篇我很感兴趣的文章《How much would Facebook,Google or Twitter lose if they shut down for one day?》。

维基百科决定在1月18日关闭网站一天作为表达抗议SOPA的声音,在互联网引起一片响应,但wikipedia是一个非盈利网站,这种举动并不会对维基百科产生实质的影响,但对于如Facebook、Google之类的网站他们的损失会是多少?

TheNextWeb根据各企业的营收进行了初步的评估,但这仅仅是从营收上来衡量,仅作参考。

Google:根据连线杂志的数据,在7月份Google产生了30亿美元的广告营收,这大多来自于网页上的文字广告。如果Google不仅仅是遮盖它的Logo这么简单,而是向维基百科学习,估算下来一天的的损失将会达到1亿美元。

Facebook:根据Facebook在2011年的盈利预测在42.7亿美元,如果基于这个数字,如果Facebook关店一天,他们将损失高达1170万美元,并且会被用户的口水淹死。

Twitter:基于年报中1.4亿美元的营收,twitter一天的收入将降低40万美元,但twitter用户将没地方来抱怨twitter无法使用了。

eBay:2010年eBay的营收为90亿美元,2011年预计将增长至102亿。如果预测能够达成,ebay每天的损失几乎达到2800万美元,这还未计入每个独立卖家的损失。

Amazon:该电子商务巨头去年在电子商务上的收入提升到300亿美元,但由于亚马逊去年到处撒网,在7月份大涨,并且预计第四季度亏损。根据去年的数字,亚马逊一天的收入损失将在8200万美元左右。

Yahoo:该公司第三季度的收入为10.7亿美元。基于该数字,Yahoo会损失约1180万美元一天,但它应该有更多需要担心的。

Groupon:基于早前的预计,今年Groupon将进账26亿美元。如果它和维基百科一样停止销售一天,那么将损失700万美元。

了解更多为什么SOPA是一部恶法

2012年1月18日星期三

如何做首页改版(阿里巴巴首页改版经验谈)

同任何网站一样,阿里巴巴首页的每次改版也都是一次纠结和挣扎的洗礼。设计的过程总是痛苦的,因为判断和选择总是艰难的,这里我们并不想叙述改版的整个流程——尽管不同团队的架构和设计团队的职责有所差异,但除了决策过程不同外,大公司抑或小公司在流程上并无本质区别。我们在此是想通过总结我们在改版过程中经验和教训,以及对于首页甚或产品redesign的思考。 以下是我们觉得必要的思考流程以及一些方法和关键点:

一、关于定位的思考

在首页改版之前,结合网站整体的策略变化我们首先思考以下三个问题:
1、改版的目的/目标是什么?
是配合网站整体战略的调整,还是用户体验的改善和提升,是自上而下的网站转型升级,还是自下而上的流量再分配?... 这些因素也决定了首页的设计思路是宏观还是微观,是信息层面的梳理还是视觉表达的优化。
2、首页的用户是谁?
用户是谁,用户特征是什么,用户的需求和价值在哪里? 考虑这个问题时,需要对于用户类型做相应的区分,不同的网站可能根据网站服务的特征来区分不同的用户群,比如:
  • 时间:新用户与老用户
  • 来源:自有用户、SEO用户、BD用户
  • 关注行业:原材料用户、工业品用户、…
  • ……
3、现状
  • 目前的内容运营规则是怎样的
  • 当前的界面是否存在可用性或易用性的问题
  • 基本数据是怎样的:PV、UV、回访率、流量转化率,各产品的流量分布、各类型用户的访问基础数据是怎样的。这些数据本身是否能暴露当前的问题,或者能用以评估预期目标的效果

二、做好设计管理

找准关键角色
在这个过程中能否找准关键角色非常重要:谁是真正对首页负责的人,谁是对具体业务负责的人,相关的合作方的决策者是谁?只有明确关键角色,问题才能高效的决策和推进,而不是互相推诿和拖延,这将是考验改版项目团队工作技巧的重要一步。
提早沟通设计思路,而不是直接进入设计
sketch不同工作风格会产生不同的工作流程,以首页改版为例,我曾经见过给出十多个首页设计稿给老大选择的壮观场面,这未必是不好的工作方法,但却显然是低效的。 建议在改版之前,能够和相关方(尤其是对于首页有决策权的leader)建立起充分沟通,将改版的整体目标建立共识,而不要一开始就沟通具体的设计细节——这很容易就陷入对于细节的争议当中。 当然为了避免“空谈”,做好相应的准备还是必要的,有可能的话提供数据依据和现状分析,并给出鲜明的观点。当然您也可以通过低保真的页面结构图,以便各方对于首页有概念上的理解。
项目管理
a) 资源保障 首页改版对于投入精力的需求长期而稳定,能否争取到相关资源,并且在项目过程中获得高优先级的支持将非常重要。 b) 时间计划:定期与追踪 首页改版是一个耗费较多资源,牵涉业务众多的项目,强烈建议按照项目流程来执行,但与一般项目不同的是首页改版的进度往往并不完全受控,相关影响因素较多,并不完全能由技术评估方案的工作量,因此建议在项目前期编制较为粗线条的项目时间表,主要用以对执行过程进行分解,而在方案基本成型后再建立精确的上线时间计划。

三、把握设计细节

设计即运营
设计的过程也是运营策划的过程,尤其是以运营为主的首页,设计师不仅要关注用户如何浏览和阅读,也需要考虑首页内容如何产生,因此首页的设计过程也是和相关业务方订立运营规则和运营方式的过程。
追求细节,但别害怕不完美
就像产品设计中常说的,产品的成功往往是通过快速迭代而造就的,如果追求完美的产品,则时机早已错过。首页的设计和改进也会是一个不断经受用户检验和快速迭代的过程。因此在设计上线先后不断通过用户的反馈和行为数据验证和确认,而无需去追求完美的方案——因为完美是不会存在的。 mockup

四、善用数据与用户

数据是了解用户的重要途径
a) 在设计前要对要验证的目标设定可衡量的指标 首页改版效果的指标与首页的定位关系密切,如何设置用户体验指标,建议参考Google的用户体验衡量指标体系(HEART)。 b) 是否有足够的数据来支持分析结论 一旦明确首页改版效果的指标,就要通过各种方式来收集指标的相应的数据,网站的基础访问数据、tracelog、点击分布等。如有必要应当对当前首页的数据指标进行收集,以便用以对首页改版后的效果进行对照。 我们的经验:我们在首页改版时主要采用的是(结合采购商身份的)页面CTR和Bounce Rate,以此来评估新老版本与用户需求的匹配度和吸引力。当然在不同的目标驱动下可能会采用完全不同的数据指标,比如在分析局部板块时可能会关注诸如广告效果、专场转化率、登录行为数等。
用数据来做决策和验证
a) 关键指标的定义及描述应该达成一致 在我们改版的过程中遇到一系列数据上问题,包括监测数据的不稳定、数据前后矛盾等,而在总结原因时发现问题出于不同的部门对于数据的定义和观测都有所差异,并且在AB Test过程中由于选取的样本数量和类型上的差异,也会使得观测的结果不具可比性。这也促使我们在后续的测试过程中建立统一的数据收集通道,并且在后续的AB Test中和BI部门进行充分的沟通来确保测试样本的可比性。 b) 不要迷信数据,要寻找数据背后的意义
意见反馈,有时候并不重要
这取决于你是否有足够的判断力和敢于say no。请考虑接收到的问题——
  • 表达的是感受,还是使用的实际问题
  • 是否是目标用户的问题
  • 是普遍性的问题,还是个体问题
  • ……
在从而做出自己的判断,要记得一点——聆听少数人的声音,但为大多数人设计。

“习惯”与重建习惯

一般情况下,首页改版总是会原有用户的使用习惯,因此在首页的测试过程和上线都需要慎重考虑用户习惯的延续和给予一定的指导。请考虑——
  • 在测试版本上给予用户返回默认首页的入口,允许用户退出测试
  • 在新首页上线后,在一段时期内保留旧版首页的入口,让那些尚未适应新首页的用户能够有缓冲期来完成原来习以为常的任务
  • 如果有必要,提供一个what's new页面,帮助用户快速了解新首页
我们经验:在新版正式上线后,在首屏为用户提供了新首页指南,在页面底部提供了回顾旧首页的入口,给用户留有充足的时间进行过渡,通过监控旧版本的流量也可以判断用户对于新版本的接受度,从而逐渐降低新版本的帮助的权重,并且在此过程中基本上未产生用户的主动投诉。 以上是我们本次阿里巴巴中国站首页改版的经验总结,在这里分享给有相关困惑或遇到同样问题的同学们,欢迎大家在专业上更深入的探讨。 本文亦可见http://www.aliued.cn/?p=3713

2012年1月16日星期一

Android4.0界面设计原则[翻译]

下面这些原则是由Android用户体验团队创建并用以指导他们设计,来让使用者始终保持兴趣。您可以在您的创意和设计理念中来考虑这些原则。如果没有特定原因,建议您在构思创意和设计理念中考虑这些原则。

吸引我

用令人惊奇的方式取悦我

一个漂亮的界面、精心设置的动画,或者定时的声音效果都是令人愉悦的体验。这些都有助于让用户感受到操作过程是简单而毫不费力的。

真实的物体往往比按钮和菜单更有意思

允许人们直接触摸和操作您的App中的对象。它减少了人们认知的成本,并且让人们获得了更多情感满足。

让我拥有

人们会喜欢添加一些个性化的风格,因为有助于他们感到宾至如归和控制感。提供有意义的、漂亮的默认值,并且也可以考虑提供好玩的、可选的自定义,但不要干扰主任务。

了解我

随着时间来学习人们的偏好。与其一遍又一遍的询问用户来做出相同的选择,倒不如让用户更简单的使用上次的选择。

让我的生活更简单

保持简单

使用简单的词汇和短语。如果一个句子很长,人们通常会跳过。

图片或文本更快传递信息

考虑用图片来表达创意。它们会获得用户的注意,并且能比文本更有效。

为我判断,但让我有最终发言权

尽量猜测和行动,而不是总询问。太多的选项和判断会让用户不爽。假使你搞错了,允许“撤销”。

只显示我需要的

如果人们一次看到太多东西,会不堪重负。把任务和信息拆分成易消化小块内容。隐藏当前不必要的选项,并且告诉他们如何继续。

我应该总是知道我在哪儿

给人信心,让他们知道自己所在。让你的App的不同位置区分明显,使用过渡动画来诠释不同界面的关系。对于正在进行的任务过程提供及时的反馈。

别弄丢我的东西

保存用户花时间创建的内容,并且允许人们在任何时候访问。记住人们在不同手机、平板和电脑间的设置、个人风格和创造。这会使得升级是一件极其容易的事情。

如果他们长得一样,那么操作应该也是一样

通过显著的视觉差异,来帮助人们辨别他们功能上的差异。避免使用看起来相似但操作却不同的模式切换。

如非重要,别打断我

就像一个好的个人助理,帮助人们屏蔽不重要的技术细节。人们需要集中注意力,除非遇上严重的或者时间敏感的问题,打断会使得用户沮丧。

让我惊叹

给我到处都可以使用的技巧

当人们自己解决问题的时候,他们会感觉更棒。利用人们在其他App中的视觉风格和肢体记忆,让用户学习您的App更容易。比如,轻扫手势会是导航的快捷方式。

不是我的错

温柔的促使人们改正他们的错误。他们在使用的时候希望觉得自己是聪明。如果出错了,给他们恢复的指引,但是别给予太多的技术细节。如果您可以在后台修复问题会更好。

给予鼓励

把复杂任务拆分成较小的步骤,来让它更容易完成。在用户操作的时候给予反馈,即使是一个微弱的发光。

帮我完成繁重的部分

帮助新手用户做他们以为做不了的事情,让他们感觉自己像专家一样。比如,通过结合多种照片效果的快捷操作,只须几步就可以将业余的照片打造出惊人的效果。

让重要的事情完成的更快

不是所有的操作都是平等的。决定你的App中哪些是最重要的,然后让他们更容易发现和更快的使用,就像拍照界面上的快门键或音乐播放器上的暂停键。

说明

以上内容翻译自Android界面设计指导网站Android Design

Android4.0界面设计指南之语言风格

语言风格

当您为App选择单词的时候:
  • 简短。简洁、简单、准群。如非绝对必要,一个句子不要超过30个字母(包括空格)。
  • 简单。就假如您正在对一个聪明能干的家伙说话,但他不是很懂技术属于,并且英语不太好。用较短的词汇,动词以及通用的名词。
  • 友好。压缩你的句子。使用第二人称(“你”)来和用户直接对话。如果你的句子读起来并不像是闲谈,那么你应该再想想怎么写。不要很突然或者令人讨厌,要让用户感觉到安全、开心和被激励。
  • 重要的优先。最开始的两个字(11个字母左右,包括空格)就应让用户感受到这串文本最重要的信息。如果它们不能,那么重新来过吧。
  • 仅说必要的,别画蛇添足。别试着解释细微的差异,大多数用户注意不到。
  • 避免重复。如果一个重要的术语在屏幕或文本块中重复出现,尝试仅让它出现一次。

例子

简短。以安装引导为例:

太正式
请参考随电话附赠的文档来获取更多指示。
更好的
阅读随电话附赠的指南。

简单。以地理位置设置为例:

让人迷惑
使用GPS卫星
定位时,将精确到街道程度。
更好的
GPS
允许应用通过卫星定位你的位置。

友好。应用崩溃时的对话框:

混乱和恼人的“对不起”只是在伤口上撒盐。
抱歉!
操作动作(在应用中)停止响应。
强制关闭 等待 报告
更短,更直接,别总是抱歉的标题:
应用停止响应。
是否要关闭?
等待 报告 关闭

重要的优先。

最新的信息反而在最后
77个家伙顶了该帖, 包括拉里·佩奇。
最新的信息先显示
拉里·佩奇和其他77个人顶了该帖。
后说任务
点击继续来使用Wi-Fi连接完成安装。
先讲任务
使用Wi-Fi来完成安装,点击继续。

仅说必要的,别画蛇添足。

如安装引导屏幕:
登录中...
您的手机需要与Google服务器连接来登录您的帐户。
这将最多花费5分钟。
如安装引导屏幕:
登录中...
您的手机正在连接Google。
这最多花费5分钟。

说明

以上内容翻译自Android界面设计指导网站Android Design