Monthly Archive for April, 2010

Apple的盲人导购员

半个月前买了iPad。与iPad本身相比,更难忘的是这次购物的经历——由一位盲人导购。

我对Apple Store的Apple Genius一直很满意,因此一进店我就直接找了一个闲着的店员(名叫Ryan)。当寒暄结束,他转身帮我去取货物的时候,我才发现他是个盲人:看着他一手拿着iPad一手拿着导盲棒左戳右戳慢慢走回来时,心里颇为复杂。

在苹果用信用卡结账的整个流程都是通过店员手中特制的iPhone完成。但是由于iPhone的输入没有物理反馈,且按钮等控件的位置从不固定,因此盲人操作此类设备时格外困难。还好iPhone 3Gs提供了周全的辅助功能,可以通过VoiceOver(见后文)完成操作。Ryan显然对这些操作非常熟悉,但在输入文字时(如邮箱地址或信用卡号)仍然十分艰难,我忍不住想帮他一把。但出于尊重,还是在旁边等他自己完成了操作。

b_large_qyr9_79bc0001ecde2d14

和盲人导购员Ryan的合影,他右手夹着的就是导盲棒

这次购物比普通店员为我服务相比,消耗时间最少多出一倍,但如此的体验,让我心里充满暖意。虽然并不能因为这一件事并便说Apple如何伟大。但对于苹果这样一家愿意为Ryan这样的盲人提供导购工作,并通过提供完善且杰出的Accessibility而实现Ryan梦想的公司,我心中又多了些感动和敬仰。
--------------------------

附注:VoiceOver

VoiceOver几乎贯穿苹果全部产品线。shuffle的报歌名,就是VoiceOver功能。

作为残障人士的辅助功能,VoiceOver在Mac OS,iPad,iPhone/iPod上根据各自平台特点各有些区别(详情见这里)。在iPhone 3Gs里,最主要通过以下方式协助视力残疾者进行操作:

  1. 单击控件或文字时,iPhone会念出控件的名称、附加信息以及操作方式,如下图所示:Two iPhones. The iPhone in the background shows the home screen.  A dialog bubble indicates VoiceOver speaking the hint: Mail. One new item. Double-tap to open.  The iPhone in the foreground shows the Camera application with a beach ball in the viewfinder. The VoiceOver cursor is on the mode switch button and a dialog bubble indicates VoiceOver speaking the hint: Photo button. Switches camera to video.
  2. 如果此时不抬起手指而是在屏幕上滑动,手指经过的控件也会被报名
  3. 激活或执行已选中的控件有两种方式:a.双击控件;b.一只手停留在控件上,另一个手指在其他位置点击一下(Ryan就是用的这种方式)
  4. 打字的自动补全也会用声音提示

即兴与设计——如何进行有效的设计沟通

Jazz是门很奇妙的艺术,尤其是音乐家们即兴创作时互相激发、灵感四溢,一气呵成,酣畅之至。这种状态,恐怕也是各位设计师渴望的境界。如果你发现自己整天陷于琐碎的细节与无谓的争吵时,不妨尝试“即兴创作”的沟通与创作方法。

Liz Danzico在一篇文章里提炼过几点Jazz即兴创作的特点,且看这些特点如何能用在设计过程中(其中“练习沟通”和“加点魔法”是我加入的原则):

  • 集中精神,聆听
    在台上最重要的一点是,聆听你的伙伴,任何一个音符或律动都可能成为下一段的动机。同样,在设计沟通的过程中,不能对同伴的任何一句发言掉以轻心。
    2009年,在交互设计协会于纽约举办的讲座中,Steve Portigal建议,在沟通中给予足够的安静,允许对方“speak in paragraphs instead of a sentence”。
  • 练习沟通
    这里讲的是自我修炼,而不是彼此磨合(最初的Jazz即兴演出,也是在几个彼此并不相识的音乐家间进行的)。研究表明,所谓天才,至少要10000小时的努力。正因为音乐家数十年苦练,才造就了他们在台上的精妙配合与如诗妙章。在设计与沟通中,仅仅脑中充满奇思妙想是绝对不够的,如何发言表达出自己的看法同等重要。你要做的不是说服,而是启发与共鸣。如何达到这一境界?从现在起练习。
  • 互相支持
    在演出中,无论对方奏出了多烂的旋律,音乐家要做的都是——彼此支持。一损俱损,一荣俱荣。因此,在设计沟通中,如果任何一个建议没有得到回应,就会像乐曲中没有支持的旋律,造成残缺的感觉。
  • “我同意,而且……”
    这句话是即兴创作的根本。除非是按照特定的对话(比如贝九第四乐章开头)进行创作,音乐家要做的首先是肯定对方的旋律,并且相应,加强,共鸣;而不是说“不”。
    在Pixar,这种方式被称为“Plus-ing”。Pixar的Randy Nelson说到,这不是评论或者说“这不错,我怎么能让他变得更好”,而是“我就从这里出发,接下来怎么做呢?(Here’s where I’m starting. What can I do with this?)”
  • 下台后再说
    音乐家绝对不会在台上互相指责或反思,一切,等台下再说。在头脑风暴的原则中,叫做“推迟评价”(withhold judgement)
  • 加点魔法
    以我的经验,在即兴演出中,脑子里只有一个大概朦胧的影子,很少会去想到具体如何弹奏,如何进行和弦配置,一切都是到时候自然的流淌出来的。这一点跟Alan Cooper在他的研讨班中提到的“魔法法则”有一点相像,他建议,一旦确立了目标,不妨放弃对技术细节的考虑,而是假设有一个魔法师帮助你实现目标,比如说“将数码相机里的图片导入电脑”这个操作,就可以抛弃“取出SD卡,插入到转换头”里的细节。

团队合作和跨领域合作一直是美国设计界的重要方法。如同现在科研界的趋势一样,单凭设计师单枪匹马引领风潮的时代可能即将过去。摆脱“你们不懂设计”、“这是我的专业“的思维,学会团队合作将是设计师面临的挑战之一。同时对于设计团队的其他成员(如产品经理、研发工程师),如何进行高效沟通也将越来越重要。

当下次讨论即将陷入僵局后,你可以建议:”换个思路,来即兴一下吧“!

douban认领

doubanclaim98ba5b3d1a3b8c33

突然在豆瓣里面看到这个博客认领功能,那么就试试吧。但是发现是要发一篇文章并且传播到RSS订阅里面去的,这倒让我有点诧异,因为以前一般验证网站都是在header/footer里面加一段代码嘛。

突然就想到,有没有什么更加简单的办法能很方便的认领一个网页是属于自己的呢?除了加代码以外。

说道认领这个话题,又想起亚马逊推出的一个功能,叫做Amazon Payphrase,大意就是你可以把你的一组送货地址+支付方式的组合,同一个句子结合起来,以后就只需要用这个句子+一个密码就可以直接用这组设定支付。类似于“芝麻开门”这样的暗语。这是个非常shining的想法啊,用人们最自然的方式去认领一个东西,非常棒。

写到这里又想起上次用支付宝的事情了,我相信大部分在淘宝之外用支付宝的用户都会被实名认证、数字证书等一系列认证的概念搞昏头。当然支付宝的同行为此已经做了超多的工作,不过现在使用支付宝付款,用户很高的放弃率很生动地说明了这一点……

好了,豆瓣,来认领我的博客吧。

科幻电影中的人机交互

科幻电影可说是最直观,最具有冲击力的科普方式。瑰丽的外星世界、自由变形的液体金属人,让小时候的我对未来和科技充满好奇。
新颖的人机交互方式一直是科幻电影夺目的亮点之一。最近在IXDA,一封邮件引起了很多人对科幻电影和HCI关系的讨论,我将邮件组里共享的信息,与自己多年的观影经验结合,与大家一起回顾科幻电影中的人机交互。

早期历史

在最早的一些电影中,尚没有HCI的概念,甚至连电脑都没有。当1902年,第一部科幻电影Le voyage dans la lune (A trip to the moon) 问世之时,距离Konrad Zuse发明Z1还有36年呢。
过了不久,我们可以看到一些简单的人与机械的交互方式。早期最著名的科幻电影,莫过于1927年的 Fritz Lang的 Metropolis(大都会)。在这部电影里,高度工业化的大都会里存在两个阶级:思考者与工人。在下面的图中可以看到,影片中地表工人的命令通过机器上的视觉信号传递给地下工人。在这个阶段,对于工业的理解,仍然是人为机械工作,而没有意识到机器是为人类服务的。
大都会中的人机(械)界面

大都会中的人机(械)界面

再后来,随着电视的出现,一些科幻剧集开始流行,在伟大的StarTrek开始之前,德国的科幻剧集Raumpatrouille Orion 便已经取得了巨大的成功。在这部片子里出现了很多有意思的设计,比如说和工作台整合的转笔刀、以及那个用来驾驶飞船的——大熨斗@_@
Space patrol中的“熨斗型”操作杆
1978年的剧集Battlestar Galactica(太空堡垒-卡拉狄加)中的控制方式更加贴近当时的科技水平,比如其中的控制台十分接近于NASA的控制中心(如图)、显示器、键盘、电话,已经很自然的融入到机舱之中。
太空堡垒-卡拉狄加中的控制台

太空堡垒-卡拉狄加中的控制台

引领人机交互潮流

电影中出现的一些先进交互方式数不胜数。有一些并已经开始在现实生活中普及开来,比如语音界面、指纹识别、虚拟现实等;还有一些距离商业化还很遥远,比如自然交互界面、身份识别、三维显示。
语音界面
在最初,最受科幻片制作者欢迎的恐怕就是语音识别了,原因很简单,语音界面最直观,更重要的是,非常省钱——不需要任何特效,只需演员们装模作样,就能塑造出未来世界的高科技感。例如在Startrek: Next Generation里面,电脑几乎完全由语音控制。
指纹识别:
指纹识别这个在80年代还是比较高级的概念,如今已经高度商业化,不少高端笔记本电脑都配备了指纹识别功能。但在电影里,关于指纹识别的画面仍然很频繁,如Bourne’s Identity(波恩的身份)。
Bourne's Identity里的掌纹识别

Bourne's Identity里的掌纹识别

虚拟现实:
Keanu Reeves拍过两部著名的cyber-punk电影:Matrix和 Johnny Mnemonic。在Matrix里他被特工追的到处乱窜,在Johnny Mnemonic里,却反过来扮演特工,戴着虚拟现实头盔,从虚拟的3D互联网世界获取情报。
增强现实:
与虚拟现实有所不同,增强现实是在现实中引入虚拟的界面,比如在头盔护目镜上投射出一些文字和图表。如今该研究领域已经有长足的进步,前一阵火到爆的six sense以及微软推出的surface,都是很好的代表。
科幻电影中,尤其是在机械盔甲类的电影中,如Iron Man,若没有增强现实的特效,定会让影片逊色不已。另外,像全息投影的博物馆解说员,也可以认为是一种增强现实的技术。
Time Machine里面的博物馆解说员

Time Machine里面的博物馆解说员

自然交互界面:
在现实中,关于自然交互的研究目的主要是帮助残疾人,但是电影里,基本上一已经成为了生活中不可分割的一部分。
请看Keanu Reeves的两部电影中关于脑机接口的两个例子:在Johnny Mnemonic里,主人公用自己的大脑作存储设备,保护着事关人类命运的机密信息;在Matrix里,人类的大脑直接和电脑相连,接入一个完全虚拟的20世纪世界,人类靠幻想生活,机器靠人体供电。
Matrix里Neo背后的联网插口

Matrix里Neo背后的联网插口

如今,脑机接口虽然听起来很遥远,但实际上已经有了巨大的进步,如柏林脑机界面(Berlin Brain Computer Interface)项目,已经可以利用脑电波进行打砖块游戏(youtube),或者打字(youtube)。

另一个火爆的例子是手势控制,Avatar,District9, Minority Report里面都出现了同类界面,详细的分析请看yusen的大作:手势控制:未来?
身份识别
身份识别如果成为了电影里的核心要素,一般是带着集权或者歧视的标签出现。Logan’s Run这部电影讲述了一个未来的河蟹社会,每个公民唯一的目的就是享乐,但是代价是每个人一到30岁,就要在一个盛大的仪式被杀死。为了避免恐慌和反抗,大家被告知,每个人都会立即重生。所有的婴儿在刚出生的时候都会被在掌心植入一个芯片,用于跟踪和监视年龄。电影里的芯片原型,便类似现在为生活提供了极大的便利的RFID芯片。
Gattaca中,主人公为圆太空梦,在“基因控制论”的社会里,伪造身份,奋发图强,通过自身的努力和与基因审查(血液、毛发)的斗智斗勇,最终完成梦想。
全息投影:
早期最著名的全息投影,是Star Wars里面的Leia公主。在特效登峰造极的Avatar里的哈利路亚山,以及Matrix里面,船员们观看电子乌贼的行踪,都应用了三维成像;近几年全息投影技术发展迅猛,不久前,夏普已经宣布要生产可以裸眼观看的3D效果电视面板,摩托罗拉也申请了可以立体化键盘的裸眼3D手机
不过说实话,与投影相比,我觉得X-men里的物理界面更酷。
X-men里面的物理显示界面

X-men里面的物理显示界面

现实生活中,相同的特效已经在北京奥运会有了完美的人肉山寨。

人肉3D物理界面

人肉3D物理界面

同根兄弟

艺术与科技在很多时候互相刺激,共同进步,在科学为艺术提供支撑的同时,艺术家的想象力会促进很多产品的发展。
我们从很多高科技产品的名字上就可以看出其灵感来源:世界上第一个翻盖手机:Motorola的Startac,其命名是为了纪念StarTrek中的便携通讯器概念。Honda的畅销机器人命名为Asimo,则是向发明了Robotics概念的Asimov致敬。
对于一些HCI方式的起源,有些时候,很难分清楚先有鸡先有蛋。但他们却经常保持某种形式上的一致。
在1987年的Star Trek: Next Generation里,可以注意到三种分类明确的显示器:
  • Tricorder,尺寸很小,装有感应器,用于野外的数据分析,非常类似曾经风靡的PDA
  • Tablet,装于机器甲板,像一张纸,活脱脱的一个iPad
  • 显示墙,到处都是,用于展现信息。剧集中还有一幕是医生通过光笔,从tablet向光幕传送数据
    从tablet向显示墙传送文件

    从tablet向显示墙传送文件

与之相对的是著名的Xerox PARC实验室几乎在同时进行的ParcTab项目,在其中,设备被分为三种: Tabs, Pads (知道iPad的名字的历史渊源了吧),以及Boards。其大小、功能正好对应着StarTrek里的上述三种哦功能设备。不知是否为巧合。

施瓦辛格在的Total Recall里的家里装有一个超大的电视墙,生活时上面显示着美丽的风光画或者和周围物体融为一体,在需要用的时候则转变成电脑。这个概念,与FraunhoferIIS(弗朗霍夫学会)i-Land项目中的DynaWall,以及Stanford的iRoom项目里的大显示器都很相像。

示例:少数派报告

少数派报告作为第一部邀请HCI科学家参与电影制作来塑造未来生活的电影,值得我们着重的介绍一下。
拍摄前,电影的视觉设计师Alex McDowell特意走访了MIT media lab,观看了各种姿态识别的前沿技术,他的希望是,观众可以看到一个consumer-based, very market-driven, taking today’s technogical trends to their logical conclusion的未来社会。同行的斯皮尔伯格成功说服了John Underkoffler,一位著名的手势识别专家,以及Jaron Lanier(Virtual Reality这个词就是此哥创造)加入Minority Report团队,组成了“think tank”小组,一起脑爆2048年的人机界面。通过他们的努力,我们才得以在电影中见到了各种新奇的人机交互方式。
可触用户界面:
在电影中,罪犯与受害人的姓名被刻在一个小球上,像中奖后的彩票般滚到Tom Cruise旁边。这个方式模仿的是92年RCA London的Gary Bishop发明的“大理石电话答录机 ”,在这个设计里,电话留言会以小球的形式表现,每次将小球移到一个凹槽里,就会播放。
身份识别:
在这里,身份识别被用于定制化的广告及服务。当主角走出地铁站时,他的身份通过地铁站的视网膜识别,各种广告呼唤着他的名字以吸引他的注意力。同时当他步入服装店时,他的身份同样被识别,虚拟销售员向他询问他是否对之前的产品满意,并推荐相关产品。类似的服务我们在Amazon一类的购物网站上已经见怪不怪,但是在实体店中还比较罕见。
picture-16
手势识别与超大屏幕:
同样,手势识别已经由yusen进行了充分的介绍,我就不在这里多说了。
picture-17
另一个亮点是从透明的屏幕向透明存储片进行的非常直观的信息传送。与之相似的实际实践是Jun Rekimoto 的DataTiles
……

尾声

真没想到最后吭哧吭哧的居然写了这么多,直到精疲力尽,太不符合懒人的风格了。
最后,趁着今天iPad在美国开始发售,赶紧给大家几张iPad在Star Trek里的客串照:

PADD,2151年

PADD,2151年

联邦专用PADD 2373年

联邦专用PADD 2373年

PADD,2375年

PADD,2375年

PADD展示植物园攻略(Google map?),2371年

PADD展示植物园攻略(Google map?),2371年

按照在片中的设定,这些电子设备中最早的也是出现在2151年,想到我们在有生之年,就能用到当年只存在人们对遥远未来的幻想中的设备时,真是很幸福的一件事。
参考文献:

一份关于无障碍互联网的有奖调查问卷

我的本科同学(即将赴百度UER的一位MM噢,百度的同学请踊跃)现在的研究生论文正在进行一项关于网络无障碍(也就是accessibility 啦)的研究,这一项在中国目前的互联网基本上还是空白(想想百度的老年搜索,hmm),所以请大家多多帮忙,还有手机充值卡做奖励哦!

请猛击下方链接开始调查,只需要5分钟左右的时间

http://www.ie.tsinghua.edu.cn/zhoulianhui/

为了避免引导实验结果我就不多说了~请大家多多分享~