>

「乔帮首要的玻璃,新界面极其发挥了NeXTstep操作

- 编辑:云顶娱乐网站 -

「乔帮首要的玻璃,新界面极其发挥了NeXTstep操作

细节,还是细节

2002年,乔布斯与各大唱片公司就在线音乐的版权展开谈判时,苹果已经开始设计即将发布的iTunes音乐商店的应用界面了。有一次,美国唱片业协会CEO希拉里·罗森(Hilary Rosen)亲眼目睹了乔布斯与工程师讨论用户界面设计的情形。当时,乔布斯和工程师坐在电脑前,为了一个设计上的问题争执不下。罗森发现,乔布斯与工程师所关注的,不过是在屏幕上一块大约只有一张便条大小的区域里,如何排放3个单词的问题。罗森不禁感慨道:「乔布斯竟如此关注细节。」

也许,关注细节、重视细节、苛求细节只是乔布斯借以实现其完美主义的一种方式。离开了对细节的关注,乔布斯对完美艺术品的追求就只能停留在口头上。

负责Macintosh用户界面设计的柯戴尔·瑞茨拉夫回忆说:「乔布斯会一个像素一个像素地检查屏幕上的每个细节,确保相关的图像准确对齐。他非常重视细节,细致程度居然达到了像素的层面。如果发现问题,乔布斯就会立即冲着某个工程师大吼起来。」

瑞茨拉夫为Macintosh设计的滚动条在整个图形用户界面中并不是特别抢眼的部分,但乔布斯就是对滚动条的设计不满意。他希望,即便是滚动条这样的小元素,也应该有比较艺术化的视觉效果。为此,瑞茨拉夫的团队反复修改设计方案,但乔布斯就是不认可,不是觉得箭头的尺寸有问题,就是觉得颜色不好看。最终,瑞茨拉夫整整花了6个月,才弄出了让乔帮主心满意足的滚动条设计──这么折腾细节,也难怪当年Macintosh的发布要屡次延期。

Macintosh电脑的开关设在电脑机箱的背后,这样,用户就不容易因为不小心而碰到电源开关。但乔布斯很快注意到了由此带来的另一个麻烦,用户伸手到机箱后面找电源开关可不是一件容易的事。为此,乔布斯和设计师一道,在机箱背面靠近开关的地方,特别设计了一小块使用不同材质的区域。这样,用户只要伸手到机箱背后一摸,根据手感不同,很容易就能找到开关的位置。

大师艾维也同样重视细节。他说:「我们的主要任务,就是关注最零星、微小的细节。细节最重要,值得花相当大的精力。当然,关注细节的时候,你的脑子里一定有另一个声音与你作思想斗争:『会有人注意到这个细节吗?』是的,我知道大部分使用者不会注意到我们精心设计的细节,即使注意到了,他们通常也不会觉得那有什么意义。但我始终坚信,这些细节会产生强大的聚合力,当许多精心设计的细节汇聚在一起,用户终将爱上我们的产品。」

在对细节的苛求上,苹果2010年发布的iPhone 4差不多到了登峰造极的地步。

从用料到手感,iPhone4的每一个细节都是经过精心设计的。玻璃的光滑质感,和金属边框的磨砂质感在同一部手机上配合得天衣无缝,每一条曲线,每一个凹槽,每一个边角,都有着设计团队对美感的不懈追求。

在制造工艺上,苹果规定iPhone 4主要零件的合缝间距不能大于0.1毫米,这个尺寸主要是为了避免打电话时夹到人的头发。据说,苹果测试iPhone 4时,测试员会拿着手机反复在脸颊上滑动,以确认没有一根头发会被手机夹到──可怜的测试员。

iPhone 4侧边的音量调节按钮上,加减号是两个凹下去的符号。苹果要求,即便是凹下去的部分,也必须平整、光亮。耳机插孔也是一样,金属触片的光洁程度,插口内沿的坡度等,都有细致的规定。

iPhone 4的包装盒把这种对细节的追求推上了顶峰。刚买iPhone 4的读者可以做个简单的实验,用单手从桌子上轻轻提起iPhone 4包装盒,不要托盒底,也不要用力握盒盖,就让装有手机的盒子在盒盖里靠重力缓缓下滑。你会发现,盒身的滑落速度不快不慢,差不多8秒钟的时间,盒身就从盒盖里完全滑出──这不是巧合,而是精心的设计。

具有讽刺意味的是,几乎考虑了所有细节的苹果设计团队最终被工程团队拖了后腿。2010年iPhone 4一上市就惨遭「信号门」,用户手握金属边框时,手机天线居然会受到干扰。苹果为了消除iPhone 4信号问题带来的负面影响,一度显得狼狈不堪,连乔布斯乔帮主在这场不大不小的尴尬中也有些左支右绌。

iPhone 4的「信号门」告诉我们,即便苛求细节如乔布斯和苹果,也还有百密一疏的时候。在追求完美的道路上,真的是永无止境呀。

  为了简化界面,乔布斯把尽可能多的设置项目都集合到了一个“系统预置”功能中,并将其放在一个叫做“Dock”的新型导航工具栏上。Dock是一个放置在屏幕底部的工具条,上面满是图标。最常用的程序和回收站都放在了这里。

可以触摸的玻璃

2004年,一个阳光充足的午后,在办公室里闭目养神的乔帮主突然从椅子上跳起来,对一位工程师说:「我想要一块玻璃,一块既可以看电影,也可以弹钢琴的玻璃。」

可怜的工程师默不做声地离开,心里盘算着,玻璃怎么能看电影呢?玻璃又怎么能弹钢琴呢?该去哪里给乔帮主找这块儿闻所未闻的玻璃?

苹果公司所有聪明人都被召集在一起。没人知道该如何打造这么一块神奇的玻璃。工程师们满头大汗地搬来各种烧玻璃的炉子、耐火石、钳子……一炉一炉的玻璃烧出来,没有一块可以看电影,也没有一块可以弹钢琴。

这时,一个衣衫褴褛的扫地老太太缓缓走过这批最聪明的人身后,用低哑的声音说了一句话:「乔帮主要的玻璃,其实,是一块支持多点触摸的高分辨率显示屏。」

扫地老太太话音虽低,却一下子让所有人鸦雀无声。工程师们恍然大悟,原来,乔帮主想要一块革命性的显示屏!

6个月后,工程师们把革命性的玻璃拿到乔帮主面前。因为猜不透帮主的用意,他们特意准备了一大一小两块玻璃。

乔帮主看到这两块玻璃,二话没说,先是抄起小的那一块,当着所有人的面,把自己的手机拆开,扔掉屏幕和键盘,用胶带把剩余的手机部件和玻璃绑在一起,然后,拨通了大师艾维的电话,对他说:「我正在用一台革命性的手机给你打电话,这台手机将颠覆人们对手机的定义,我把它叫做iPhone。」

接下来,乔帮主又抄起大的那块玻璃,用胶水把一块CPU、一块内存和一块电池粘在玻璃背后,然后拨通比尔·盖茨的电话,对他说:「你知道吗?我手上有一块玻璃,几年后,这块玻璃将成为最流行的、人手一台的电脑设备,对,只有玻璃,没有键盘,没有机箱,也没有Windows操作系统。这块玻璃将颠覆人们对电脑的定义,我把它叫做iPad。」

好吧好吧,我承认上面这个段子是编的。乔布斯和苹果发明iPhone、iPad的历程其实相当漫长,其间经历了多次反复。不过,在iPhone和iPad所有出色的设计要素中,那块可多点触摸的玻璃无疑是最光彩夺目的一处。

2010年苹果发布iPad平板电脑时,有记者问乔布斯,为什么苹果先做iPhone,再做iPad。乔布斯说:「告诉你,实际上我们是从平板电脑开始的。我当时想要一块可以作为显示设备的玻璃,同时也可以支持多点触摸。我把想法告诉我们的硬件工程师。6个月后,他们拿回来一块神奇的玻璃。于是,我把一块玻璃送给我们卓越的UI设计师。设计师就基于这块玻璃,创造出了惯性平滑卷动之类全新的用户体验。我当时想:『我的天,我们可以把平板电脑的想法扔到一边,先用这块玻璃做一台手机。于是,我们就开始研制手机。』」

在乔帮主嘴里,整个过程轻描淡写。但事实上,乔布斯从很早以前,就开始关注手机和平板电脑,并静静地等待机会。直到工程师们创造出了神奇的多点触摸玻璃,乔布斯才相继抛出震撼世界的iPhone和iPad。

20世纪80年代,苹果还在卖Apple II的时候,就试验过带触摸板,与简单的办公功能集成的电话机(不是手机),这可以说是最早的苹果电话。1983年,苹果甚至还请工业设计公司Frog Design设计过一个名为害羞鬼(Bashful)的平板电脑原型。

后来,斯卡利曾倾注了大量心血的牛顿PDA项目,可以说是iPhone和iPad的先驱。只不过,斯卡利推PDA时,电脑和移动通信终端还没有很好地整合,生不逢时的牛顿PDA甚至还比不过随后出现的PalmPDA和黑莓手机。

回归苹果后,乔布斯虽然终止了牛顿PDA的研发,但一款创造性的袖珍电脑或智能手机的想法始终占据着他大脑的一个位置。

2001年,微软开始大肆炒作平板电脑(Tablet PC)的概念。几乎所有主流PC厂商都参与了进来。2003年,在一次采访中乔布斯预言:「微软的平板电脑会以失败告终。」结果还真如乔帮主所料,在几年时间里,一大堆有键盘的、没键盘的平板电脑走马灯一样逐个儿登场,却没有一款真正在市场上站稳脚跟。

历史就是这么神奇。十几年前,苹果刚开始借Macintosh炒作图形用户界面时,没有人想到,最后在图形用户界面领域取得垄断地位的是微软而不是苹果。这一次,在平板电脑的角逐中,命运完全颠倒了过来。微软眼睁睁看着自己炒作的平板概念先是被人们渐渐淡忘,10年后却又突然借苹果的iPad大放异彩。2001年时的乔布斯当然看到了平板电脑所代表的未来,但就是按兵不动,因为乔布斯相信,有时候,时机远比眼光更重要。

2002年,iPod发布不久,乔布斯预感到,iPod将在短时间内改变世界音乐产业的格局。也许,依靠一款可以打电话的iPod,苹果也可以用类似的方法改变移动通信产业的格局。被这一想法鼓舞的乔布斯亲自动手,在纸上画了几张iPod版手机的草图,还给这个项目起了一个神秘的代号「紫色1号」(Purple 1)。不过,连乔布斯自己也觉得,这个「紫色1号」与其他手机相比,没有太多革命之处,那几张草图也就仅仅停留在了纸面上。

2005年,苹果尝试着与摩托罗拉合作,在摩托罗拉手机里嵌入iTunes音乐功能。这一合作引得市场上谣言四起,人们猜测,已经在音乐领域取得巨大成功的苹果很快就将杀入手机市场。

事实上,和摩托罗拉的合作只是苹果在移动领域的一次试水。摩托罗拉的iTunes手机并不成功。但通过类似的合作,苹果开始秘密接触手机制造商和移动运营商。与此同时,乔布斯也明确了自己对未来手机和平板电脑的定义──用多点触摸的玻璃带来超一流的用户体验,同时,集成丰富的互联网功能,让手机和平板电脑成为真正的智能通信终端。

正如乔布斯所说,苹果首先把研发重点放在了手机上。之所以把平板电脑的计划置后,一个重要的原因是当时的电池技术还没有达到平板电脑的耗电要求。2005年2月,苹果秘密开始了代号为「紫色2号」(Purple 2)的项目,独立研发苹果自己的手机。2005年9月,项目已经集中了200多名工程师,以高度机密的方式运行。苹果和移动运营商的谈判也在同一时期展开。

2007年1月,Macworld大会上,乔布斯介绍了苹果电脑和iPod的几款新型号后,突然停顿了一会儿,然后,用他特有的、带磁性的声音说:

「这一天,我期待了整整两年半。每隔一段时间,就会有一件革命性的产品改变世界。1984年,苹果发布的Macintosh改变了整个计算机产业。2001年,苹果发布的iPod改变了整个音乐产业。今天,我们要发布3件同一重量级的革命性产品。」

像Macintosh和iPod一样能改变世界的重量级产品!还是3件!听众震惊了。乔帮主是在忽悠大家吗?现场鸦雀无声。

「第一件产品,」乔布斯继续说,「是一台宽屏幕、可触摸控制的iPod;第二件产品,是一台革命性的手机;第三件产品,是一台前所未有的互联网通信工具。这三件产品并不是独立的设备,他们是一台设备。我们把它叫做iPhone。今天,苹果要重新发明手机。」

重新发明手机──没错,这就是乔布斯对iPhone的定位。如果2007年第一次看见iPhone的人还无法相信乔布斯这一论断的话,今天,只要去北京、上海的苹果专卖店去看一看人们抢购iPhone的长队,看看云集在专卖店门口的黄牛党,就知道乔布斯当年的论断有多么准确。

2010年发布的iPhone 4将iPhone的销售推向了一个高潮。从9月在中国上市开始,一直到2011年春节前,iPhone 4无论在苹果中国网站,还是在北京、上海的专卖店,都一机难求。大量黄牛挤在专卖店门口,组织数百人排队,每天在第一时间抢购所有可以买到的手机,然后高价转卖。

苹果此前从没遇到过如此严重的黄牛问题,总部负责零售店业务的高管专程赶到北京处理。三里屯专卖店请来大量保安维持秩序,但现场还是因为抢购发生多起斗殴事件。黄牛党的恐怖以及粉丝们对iPhone的热度可见一斑。

iPhone手机火暴的同时,苹果也解决好了平板电脑需要的高性能电池等技术问题。2010年1月,与iPhone使用同样的多点触控玻璃屏和同样的iOS操作系统的iPad正式发布。4月上市时,再次在全球掀起抢购热潮。

2010年4月,中国钢琴家郎朗在旧金山的一次音乐演出中,出人意料地拿出了刚刚上市不久的iPad,借助一款名为「魔法钢琴」(Magic Piano)的软件,在触摸屏上弹起了速度最快的钢琴曲之一──里姆斯基-柯萨科夫的《大黄蜂的飞行》。整个音乐会现场充满了欢笑声和惊呼声。在这一时刻,乔帮主设想的可以多点触摸的玻璃,真的变成了一块可以弹钢琴的玻璃。

如果说iPhone是重新发明手机的话,那iPad差不多就是在重新发明电脑了。不说别的,只要看看孩子们是怎样用iPad上网、玩游戏的,我们就不难知道,这块比iPhone更大些的玻璃,对人们操作电脑的方式是一种多么颠覆性的改变。

2011年4月底,国内黑色iPhone 4供不应求的情况好容易缓解了一些,iPad 2和白色版iPhone 4的上市又一次让人们疯狂起来。5月初,三里屯苹果专卖店外再次发生流血事件。

无论是iPhone还是iPad,如果到了全世界各地的人排长队追捧,甚至惹得黄牛泛滥的地步,我们已经很难再把它们叫做手机或电脑了,它们无疑已经成为了一种消费符号,成了现代人必备的时尚用品。

从2007年发布iPhone,到2011年发布iPad 2,短短5年时间,iPhone和iPad快速占据了苹果营收的核心地位,苹果一大半收入,来自5年前还不存在的产品。2011年第二财季,苹果创下了销售1800多万部iPhone手机的惊人纪录,每个财季iPad的销量则稳定在500万部上下。截至2011年6月,iPad在发布后的14个月里,总共卖掉了2500万台,而使用iOS操作系统的三大设备,iPhone、iPad和iPod touch,累计销售总量更是达到了令人震惊的2亿台!凭借iPhone和iPad的强势,苹果在2011年的市值也超过了3000亿美元,牢牢占据着世界第一大科技公司的宝座。

  小既是美

  美国伊利诺伊理工学院设计学院院长帕特里克·惠特尼(Patrick Whitney)说,焦点小组的做法不适用于技术创新。索尼如果听从了用户的建议,那他们就永远都创造不出随身听。惠特尼说,索尼在推出随声听之前做了大量市场调查,“所有数据都表明,随身听必然失败。调查结果非常明确——没有人会购买它。但索尼创始人盛田昭夫仍坚持推出。乔布斯也一样,他不需要对使用者做调查,他本身就是一个用户体验专家。”

  QuickTime播放器的设计队伍由6个设计师和程序员组成,其中包括瓦斯寇和霍迪。他们连续6个月与乔布斯每周都要见面一两次。每周他们都要给乔布斯展示十几个新设计,大多是质感和外观上的变化。早期的设计方案中,有一个受到索尼运动款随身听启发的黄色塑料质感外观,还有很多不同的木质和金属质地的纹理。“乔布斯并不是一个设计狂,但他总想另辟蹊径。”霍迪说。

  简化不是目的

  艺术和技术中的创造性,核心都是个体的体验。艺术家不能通过组织焦点用户团体讨论来作画,乔布斯亦如是。乔布斯不会通过询问焦点用户团体需要什么来进行创新——他们也不知道自己想要什么。正如亨利·福特所说:“如果我问客户想要什么,他们会说是一匹更快的马。”

  这还不是最大的问题。让乔布斯难以接受的是,这样的一个系统需要设计师在窗口工具栏上设置一个专门的按钮,以让用户选择是否允许窗口自动调整大小。但为了简化界面,乔布斯决定,去掉这个按钮,因为,他可以忍受手动重新设置窗口大小,但不能接受有多余的按钮。“这个多余的按钮光用功能性来评判是不够的。”瑞茨拉夫说。

  乔布斯从来不为技术而技术,也从来不会因为方便而把大量花哨的功能塞到产品里去。他宁愿减少产品的复杂功能,也要尽力做到简单和易于使用。许多苹果产品都是从用户的角度来进行设计的。

  令人难以置信的是,瑞茨拉夫的团队竟然花了6个月时间用于细化滚动条,以达到令乔布斯满意的程度。滚动条在任何计算机操作系统里都是很重要的部分,但却从不是用户界面中最显眼的要素。尽管如此,乔布斯还是坚持要对滚动条改成希望的样子,瑞茨拉夫的团队不得不修改了一个版本又一个版本。

  乔布斯一个人就是苹果的焦点用户小组。他最大的优势之一就是,他并非工程师。他没有接受过正规的软件工程训练,也没有工商管理学的文凭。实际上,他根本就没有大学文凭,他是个辍学生。乔布斯像个门外汉一样思考,这使他成为苹果产品最好的测试平台——乔布斯就是苹果的理想消费者。

  接下来的18个月里,瑞茨拉夫的团队每周都要和乔布斯开会,向他展示最新的设计方案。对于新界面中的每个要素——菜单、对话框、按钮等等——乔布斯对于开发中的软件和硬件产品,总是要求有若干不同的方案供他选择。在与瑞茨拉夫的会上,乔布斯会给出改善设计的诸多想法,直到他满意,一个功能才能算是敲定下来。

  设计小组夜以继日地工作了3个星期来创建软件原型。“我们知道这个工作正处于生死边缘,我们非常着急。”瑞茨拉夫说,“乔布斯后来来到我们办公室,和我们待了整一下午。他被震住了。从那之后,事情就很清楚了,OS X 将有个全新的用户界面。”

  两周后,瑞茨拉夫接到乔布斯助手的电话。乔布斯没有看到这个设计方案——他没有参加那个会——但现在,他想看一眼。这个时期,乔布斯还在进行他对所有产品团队的调研。瑞茨拉夫和手下的设计师们在一个会议室里等着乔布斯出现,但乔布斯一露面,随口而出的却是:“一群菜鸟。”

.pb{} .pb textarea{font-size:14px; margin:10px; font-family:"宋体"; background:#FFFFEE; color:#000066} .pb_t{line-height:30px; font-size:14px; color:#000; text-align:center;} /* 分页 */ .pagebox{overflow:hidden; zoom:1; font-size:12px; font-family:"宋体",sans-serif;} .pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;} .pagebox span a{display:block; overflow:hidden; zoom:1; _float:left;} .pagebox span.pagebox_pre_nolink{border:1px #ddd solid; width:53px; height:21px; line-height:21px; text-align:center; color:#999; cursor:default;} .pagebox span.pagebox_pre{color:#3568b9; height:23px;} .pagebox span.pagebox_pre a,.pagebox span.pagebox_pre a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; text-align:center; width:53px; cursor:pointer; height:21px; line-height:21px;} .pagebox span.pagebox_pre a:hover,.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color:#363636; border:1px #2e6ab1 solid;} .pagebox span.pagebox_num_nonce{padding:0 8px; height:23px; line-height:23px; color:#fff; cursor:default; background:#296cb3; font-weight:bold;} .pagebox span.pagebox_num{color:#3568b9; height:23px;} .pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; padding:0 8px; cursor:pointer; height:21px; line-height:21px;} .pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #2e6ab1 solid;color:#363636;} .pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;} .pagebox span.pagebox_next_nolink{border:1px #ddd solid; width:53px; height:21px; line-height:21px; text-align:center; color:#999; cursor:default;}

  有些时候,系统这样运行倒还不错,但窗口经常要随着不同类型的文件而重新设置大小。当一个文本文档运行时,窗口最好设置得较为狭长,这样容易在上下文之间滚动。但是如果用户打开一个横向格式的图像,窗口就不得不加宽。

  (文/利安德·卡尼 译/王文静 出处《环球企业家》)

  《手册》起草于1980年代,那时计算机主要用于创建和打印文件等工作。但是在互联网时代,计算机除了用于打印文件、编辑视频之外,通讯和多媒体等功能也得到了广泛应用。播放影片或者与朋友进行视频聊天的软件,开始比Photoshop和Excel更易于使用。

  但更重要的是,乔布斯不想因此让现有的Mac OS销量下滑。他想避免“奥斯本效应”,即一个公司宣布了一项很酷的新技术正在开发之中几乎就等于自杀。

  “真是一群白痴”

  但现在没有资源也没有时间去将这个新界面植入Mac OS X了。数月后,苹果所有参与OS X的研发团队在公司之外召开了为期两天的会议。会上,人们开始怀疑如此庞大的新系统能否完成。当最后一个发言的瑞茨拉夫演示完新界面的设计方案后,房间里响起了笑声,“我们不可能再重新做界面了。”瑞茨拉夫回忆道,“这让我非常沮丧。”

  乔布斯全身心地参与了设计的过程。他带来了很多想法,而且总是能提出改进设计的建议。乔布斯的贡献不仅仅是选出什么他喜欢什么不喜欢。“他从来不会说‘这个不好,这个好’,”霍迪说,“而是真正地参与到设计中。”

  苹果的QuickTime播放器软件就是受益于界面新理念的早期代表之一。该软件用于播放多媒体文件,也就主要是音乐和视频,界面上只需开始、暂停和音量等控制键就可以了。苹果决定将QuickTime播放器作为第一款拥有简单的类似家电操作界面的新型苹果软件。

本文由文学波舟发布,转载请注明来源:「乔帮首要的玻璃,新界面极其发挥了NeXTstep操作