第 2 章 基于屏幕的思维

第 2 章 基于屏幕的思维

让我们来开发一个应用软件吧

 

 

某个地方,某个时刻,我们坠入爱河。

我真的不知道我们是何时开始的。就像所有的恋爱关系一样,一切仿佛都发生在眨眼之间——忘记了过去的一切,无条件地、狂热地迷恋上了眼前时尚漂亮的应用软件。

也许这份狂热出自2009年的一则蛊惑人心的广告语:“iPhone的强大之处在于,就算你想查询山上积雪的情况,也会有应用软件来帮助你。”1

1“Apple iPhone 3G ad—There's An App For That (2009),” YouTube, Last accessed August 2014. https://www.youtube.com/watch?v=Mc-pV2YYOAs

据美国国家雪橇和滑雪板零售商协会报道,只有2.6%的美国人会参加真正的高山滑雪。或者说,在这些广告狂轰乱炸之前2,人们一年只在这项运动上花费大约8天的时间。3而当我们第一次听到这句广告语时,其他的一切都不重要了。爱和理智?二者就像油和水一样不相容。

2Brian X. Chen, “Apple Registers Trademark for ‘There's an App for That’,”Wired, October 11, 2010. http://www.wired.com/2010/10/app-for-that/

3Simon Hudson, Bumps for Boomers: Marketing Sport Tourism to the Aging Tourist, 2011, (Oxford: Goodfellow Publishers), p.14

广告仍在“轰炸”,我们的脉搏也随之加快。“如果你想查询到底把车停哪儿了……”

别逗了,大家都知道该怎么往下接。这个9字注册广告语可能无意之中局限了当代科技创新的能力。

有个应用软件能帮你。TM

全世界约有7.8亿人4缺乏干净的饮用水。在富裕的美国也有超过50万人5无家可归。我们跳过了这些“世俗”的社会问题,共同推进科技的发展(在这个领域里,颠覆和创新正改变着我们的日常生活),从而带来这个世界真正需要的东西:更多的移动应用。

4Joan Rose, PhD, “Clean Drinking Water: UN Goal Met Five Years Early” Water Quality and Health Council, April 5, 2012. http://www.waterandhealth.org/clean-drinking-water-goal-met-years-early/

5Bill Chappell, “Number Of Homeless Declines Again, But Gains Aren't Universal,” NPR, November 21, 2013. http://www.npr.org/blogs/thetwo-way/2013/11/21/246589487/number-of-homeless-declines-again-butgains-arent-universal

然而,在你的智能手机、智能手表或平板电脑上安静且高效运行着的,往往并不是那些理想中的既有意义又不烦扰的应用程序(我将在本书的后面讲到这一点),而是那些肤浅的应用程序,它们诱惑性地提供着全世界都趋之若鹜的各种交互行为,例如扫屏和两个手指捏屏缩放。

爱是恒久忍耐,爱是仁慈。爱可以用99美分的价格下载。

新闻行业也是一样。近来它们用整篇文章、整个专栏或整个版块来报道最新的应用软件。或许是因为记者想展示他们能洞悉时尚——是的,我们了解应用软件——但多半是因为他们也醉心于触摸屏的催产素里。6

6“What Is Oxytocin?,” Psychology Today, Last accessed August 2014. http://www.psychologytoday.com/basics/oxytocin

单单一个应用软件,并不能保证对任何地方的任何人产生价值。但是——嘘!——我们必须捍卫所爱之物的名誉。一个应用软件的创造被说成是福音和奇迹:托某些人的福,他们写的代码照亮了黑暗又神秘的、通往苹果或谷歌的应用目录之路。

《纽约时报》曾经推出过“一周应用精选”,还有一个连载的智能应用专栏,7这个专栏经常使用一些令人心跳的标题,例如“真正准确的天气应用”。8这个预报真的准吗?!我们的狂热造就了应用软件的辉煌时代。

7Kit Eaton, “App Smart Extra: Apps to Improve Your Singing,” New York Times, February 15, 2013. http://gadgetwise.blogs.nytimes.com/2013/02/15/app-smart-extra-apps-toimprove-your-singing/

8Bob Tedeschi, “App Smart Extra: A Weather App That Works,”New York Times, May 20, 2011. http://gadgetwise.blogs.nytimes.com/2011/05/20/app-smart-extra-aweather-app-that-works/

在金融危机期间,因为Bloomberg透露了“股票市场的基本数据”,所以《纽约时报》也将它选出来作为一周应用之最。9什么?太意想不到了!

9Roy Furchgott, “App of the Week: Dial M for Meltdownn,” The New York Times, January 25, 2009. http://gadgetwise.blogs.nytimes.com/2009/01/25/If-You-Have-Any-Money-Left-To/

也许你会应景地倒上一杯夏布利葡萄酒,听着诺拉·琼斯的爵士乐,重读《今日美国》上感人的“改变生活的5个新应用”。10我的心都被这篇文章的开场白融化了:“应用软件,越来越多的应用软件……真正地改变了生活。”

10Jennifer Jolly, “5 New apps That Will Change Your Life,” USA Today, May 3, 2014. http://www.usatoday.com/story/tech/columnist/2014/05/03/5-new-apps-that-will-changeyour-life/8571485/

或者你在想:“哦,我只要一打开CNN,一直播新闻就可以忘掉这些应用。”请再想一想,我的朋友。以下这些可都是真实的CNN的头条。11

11详见CNN网站上的一个研究的屏幕截图,链接: https://www.dropbox.com/sh/ntfhibch27kvpep/PkhxvS6YSc

困在雪里了?

有个应用软件能帮你。12

抑郁了?

有个应用软件能帮你。13

险地求生?

有个应用软件能帮你。14

远程模拟性爱?

有个应用软件能帮你。15

没高清视频?

有个应用软件能帮你。16

想做祷告?

有个应用软件能帮你。17

发送高度机密的信息?

有个应用软件能帮你。18

想要个管家?

有个应用软件能帮你。19

热衷保健?

有个应用软件能帮你。20

忙于按手礼?

有个应用软件能帮你。21

想知道你的魅力有多大?

有个应用软件能帮你。22

拯救鲸鱼?

有个应用软件能帮你。23

死亡?

有个应用软件能帮你。24

被捕了?

有个应用软件能帮你。25

生病了?

有个应用软件能帮你。26

新年前夜?

有个应用软件能帮你。27

斯汀的事业?

有个应用软件能帮你。28

跟踪?

有个应用软件能帮你。29

想成为神父?

有个应用软件能帮你。30

失眠?

有个应用软件能帮你。31

婚礼策划?

有个应用软件能帮你。32

逾越节?

有个应用软件能帮你。33

心脏病发作?

有个应用软件能帮你。34

想上大学?

有个应用软件能帮你。35

生孩子?

有个应用软件能帮你。36

居家安全?

有个应用软件能帮你。37

想省钱?

有个应用软件能帮你。38

想看世界杯?

有个应用软件能帮你。39

做晚餐?

有个应用软件能帮你。40

关于小甜甜布兰妮?

有个应用软件能帮你。41

12“Stuck in Snow? There's an App for That!,” CNN, February 13, 2014. http://newday.blogs.cnn.com/2014/02/13/stuckin-snow-theres-an-app-for-that/

13Samuel Burke, “Moody? There's an App for That!,” CNN, December 19, 2013. http://edition.cnn.com/videos/tech/2013/12/19/cnn-pkg-burke-mood-app.cnn

14Jason Miks, “Staying Safe in Danger Zones? There's an App for That,” CNN, October 8, 2013. http://globalpublicsquare.blogs.cnn.com/2013/10/08/staying-safe-in-danger-zones-theres-an-app-for-that/

15“Remote Sex: There's an App for That,” CNN, April 25, 2013. http://edition.cnn.com/2013/04/26/tech/innovation/fundawear-orig-ideas/

16Rafael Romo, “No TP? There's an App for That,” CNN, June 17, 2013. http://edition.cnn.com/videos/tech/2013/06/17/pkg-romo-venezuela-shortage-app.cnn

17Tory Dunnan, “Need to Pray? There's an app for that,” CNN, May 3, 2013. http://edition.cnn.com/videos/bestoftv/2013/05/03/prayer-tech.cnn-universal-pictures

18Mike Mount, “Sending Top Secret Information? There's an App for That,” CNN, February 26, 2013. http://security.blogs.cnn.com/2013/02/26/sending-top-secretinformation-theres-an-app-for-that/

19“Need a Concierge? There's an App for That,” CNN, October 3, 2012. http://edition.cnn.com/2012/10/01/travel/personal-concierge-app-guide/index.html

20“On Health Kick? There's an App for That,” CNN, September 27, 2012. http://www.cnn.com/video/data/2.0/video/health/2012/09/27/health-minute-eightlossapps.cnn.html

21Laura Koran, “Ordination on the Go? There's an App for That!,” CNN, July 17, 2012. http://edition.cnn.com/2012/09/27/health/mental-health-apps/

22“What's #Trending: Want to Know How Attractive You Are? There's an App for That!,” CNN, April 30, 2012. http://earlystart.blogs.cnn.com/2012/04/30/whats-trending-wantto-know-how-attractive-you-are-theres-an-app-for-that/

23Eoghan Macguire, “Save the Whales? There's an App for That,” CNN, April 23, 2012. http://edition.cnn.com/2012/04/22/world/whale-iphone-app/index.html

24“Dead? There's an App for That,” CNN, April 18, 2012. http://www.cnn.com/video/?/video/us/2012/04/18/dnt-in-qr-codetombstones.wlfi&iref=allsearch&video_referrer=

25Paromita Shah, “Opinion: Being Arrested? Yes, there's an App for That,” CNN, March 17, 2012. http://inamerica.blogs.cnn.com/2012/03/17/opinion-undocument-ed-immigrationbeing-arrested-app-for-that/

26Sanjay Gupta, MD, “Are You Sick? There's an App for That!,” CNN, January 16, 2012. http://edition.cnn.com/videos/bestoftv/2012/01/16/exp-are-you-sick-theres-an-app-for-that.cnn

27Karin Caifa, “New Year's Eve: There's an App for That,” CNN, December 30, 2011. http://www.cnn.com/video/data/2.0/video/bestoftv/2011/12/30/nr-new-years-apps.cnn.html

28Shanon Cook, “Sting's Career? There's an App for That,” CNN, November 16, 2011. http://marquee.blogs.cnn.com/2011/11/16/stings-career-theres-an-app-for-that/

29John Abell, “Stalking: There's an App for That?,” CNN, October 28, 2011. http://edition.cnn.com/videos/politics/2011/10/28/am-abell-apps-stalking.cnn

30Peter Taggart, “Want to Be a Priest? There's an App for That,” CNN, October 17, 2011. http://religion.blogs.cnn.com/2011/10/17/want-to-be-a-priest-theres-an-app-for-that/

31Karin Caifa, “Can't Sleep? There's an App for That,” CNN, September 16, 2011. http://edition.cnn.com/videos/tech/2011/09/16/caifa-sleep-and-relaxation-apps.cnn

32Karin Caifa, “Wedding Plans? There's an App for That,” CNN, June 12, 2011. http://www.cnn.com/video/data/2.0/video/living/2011/06/12/caifa.wedding.plan-ing.apps.cnn.html

33Eric Marrapodi, “Selling Bread for Passover? There's an App for That,” CNN, April 19, 2011. http://religion.blogs.cnn.com/2011/04/19/selling-bread-for-passover-theresan-app-for-that/

34“Heart Attack? There's an App for That,” CNN, January 4, 2011. http://www.cnn.com/video/data/2.0/video/health/2011/01/04/ok.iphone.heart.monitor.oco.html

35“Need a College? There's an App for That,” CNN, October 30, 2010. http://www.cnn.com/video/data/2.0/video/tech/2010/10/30/nr.find.a.college.pp.cnn.html

36“Giving Birth? There's an App for That,” CNN, September 21, 2010. http://www.cnn.com/video/data/2.0/video/living/2010/09/21/dnt.ipad.baby.cnn.html

37“Home Security—There's an App for That?,” CNN, August 24, 2010. http://www.cnn.com/video/data/2.0/video/us/2010/08/24/dnt.iphone.app.hwarts.burglary.wfaa.html

38T.J. Holmes, “Want to Save Cash? There's an App for That,” CNN, July 31, 2010. http://www.cnn.com/video/data/2.0/video/tech/2010/07/31/nr.money.saving.apps.cnn.html

39Mario Armstrong, “World Cup? There's an App for That,” CNN, June 13, 2010. http://newsroom.blogs.cnn.com/2010/06/13/world-cup-theres-an-app-for-that/

40Steven Stern, “Cooking Dinner? There's an App for That,” CNN, May 10, 2010. http://www.cnn.com/2010/LIVING/home-style/05/10/digital.recipes.cooking/

41Ami Angelowicz, “Britney Spears, there's an App for That,” CNN, November 25, 2009. http://www.cnn.com/2009/SHOWBIZ/11/25/celebrity.iphone.apps/

无论是厕纸用光,还是试图跟踪某人,抑或是你已经死了,总是“有个应用软件能帮你”TM

根据谷歌趋势(Google Trends)统计42,无论是Justin Bieber(贾斯汀·比伯)、One Direction(单向组合),还是God,这些词的搜索频率都没有App(应用)高(如下图所示)。

42“Web Search interest: App, One Direction, Justin Bieber, God—Worldwide, Jan 2012—Jan 2014,” Google Trends, Last accessed August 2014. http://www.google.com/trends/explore?hl=en-US&q=app,+one+direction,+/m/02mjmr,justin+bieber&cmpt=q&content=1#q=app%2C%20one%20direction%2C%20justin%20bieber%2C%20God&date=1%2F2012%2025m&cmpt=q

{%}

不足为奇的是,几乎每个大型汽车公司都在开发智能手机应用。谁不想在这个狂热的市场里分得一杯羹呢?这样一个一直只为四个轮子奋斗120多年的行业43,总能为智能手机应用注入一些新鲜血液。新闻发布会和博客中吹捧的某些应用软件甚至可以为车门解锁。

43Lauren Cox, “Who Invented the Car?,” Live Science, June 18, 2013. http://www.livescience.com/37538-who-invented-thecar.html

“我的宝马应用软件可以远程解锁车门、开启自动充电,还有其他很多功能!”

问题来了:如何设计出更好的车钥匙?

大部分自动车门解锁应用都大同小异。我们在安装了最新操作系统的iPhone上来演示一下这款宝马车应用有多么令人惊叹。用苹果公司的话说,这是“以最超前的形态呈现出来的全球最先进的移动操作系统”。

(1) 走向我的车

我走近我的车,想要打开车门。

(2) 掏出智能手机

我想开车门,于是从口袋里小心翼翼地掏出手机,因为我不想把这个玻璃和薄金属材质的东西摔到停车场的水泥地上。

(3) 打开手机

我想开车门,于是低头看手机,并且下意识地握好它,然后按下主按钮“唤醒”它。

(4) 解锁屏幕

我想开车门,于是低头看手机,并把大拇指按在手机底部圆形的Home键上,用指纹识别解锁。

(5) 退出上一个程序

我想开车门,于是盯着手机,看到了上次打开的应用程序,并按下Home键退出。(希望我不会因消息提醒而分心。说到这个,你看到皇家宝宝的最新照片没?他长得太快了!噢,对不起,我们在干什么来着?)

(6) 退出上一个程序所在的群组文件夹

我想开车门,于是盯着手机,看到了最后打开的应用程序所在的群组文件夹,于是再按Home键退出这个文件夹。

{%}

(7) 滑动屏幕,在海量图标中找到车门解锁应用的图标

我想开车门,于是盯着手机,看到主屏幕。我从右向左滑动屏幕,在一堆图标里搜寻车门解锁应用的图标。在此期间我还需要浏览图标的logo以及阅读图标底下细小的文字。

(8) 点击应用的图标

我想开车门,于是盯着手机,并点击开车锁应用的图标来打开它。

 

 

 

 

(9) 等待应用加载并试图找到解锁功能

我想开车门,于是盯着手机,看到一张漂亮的北美地图。

(10) 猜测菜单含义并点击“控制”

我想开车门,于是盯着手机,看到应用界面里有很多选择。我只好碰碰运气,点了底部的“控制”(CONTROL)选项。

(11) 点击“解锁”按钮

我想开车门,于是盯着手机,看到出现了更多的选项。我发现有个按钮正好在列表的顶部,写着“锁定/解锁”(LOCK/UNLOCK),于是我就点了它。

(12) 滑动滑块来解锁

我想开车门,于是盯着手机,看到一个双向滑块弹了出来,左边是锁的图标,右边是解锁图标。因为(给那些注意力不集中的人再说一遍)我要开车门,所以我将滑块滑向右边。

(13) 打开车门

我想开车门,于是盯着手机,看到屏幕提示说“数据发送成功”(DATA TRANSFER SUCCESSFUL)。我并不确定这是什么意思,但我想我应该成功了……天啊,我到了天堂!我的心跳得太快了,我激动得都无法说话了……44是的,车门终于解锁了,我现在能打开车门了!

44“Cheek to Cheek,” Wikipedia, Last accessed August 2014. http://en.wikipedia.org/wiki/Cheek_to_Cheek

等等,13步?发生什么事了?

我走向我的车,目标是:打开车门。

这并不复杂。)

(1)  走向我的车 ——————————————  

(2)  掏出智能手机

(3)  打开手机

(4)  解锁屏幕

(5)  退出上一个程序

(6)  退出上一个程序所在的群组文件夹

(7)  滑动屏幕,在海量图标中搜索车门解锁应用的图标

(8)  点击应用的图标

(9)  等待应用加载并试图找到解锁功能

(10)  猜测菜单含义并点击“控制”

(11)  点击解锁按钮

(12)  滑动滑块解锁

(13)  打开车门 ———————————————  我的目标

因此,我需要在应用的界面上完成所有这些步骤:

{%}

为了达成目标,我不得不使用屏幕。多亏了这个应用,我只用了十几步就打开了车门。

我们对它的爱是否欺骗了我们?这款应用是对车钥匙的改进吗?坐下来冷静一下,我的朋友,答案是否定的。

我知道,放弃你所钟爱的东西并不是一件容易的事。

相反,假设我们运用了本书所写的第一个原则,即完全避免使用屏幕,并应用一般的工作流程。事情终究就像设计师爱德华·塔夫特曾经说过的那样:“过载、混乱和困惑并不是信息的特质,而是设计的失败。”45

45Matt Carmichael, “Edward Tufte: The AdAgeStat Q&A,” Advertising Age, November 9, 2011. http://adage.com/article/adagestat/edward-tufte-adagestat-q-a/230884/

如果剔除图形用户界面,那就只剩下两步:

(1) 车主走向他的车

(2) 打开车门

任何多余的步骤都应该反对。

似乎很疯狂是吗?然而早在发明这个13步开车门应用的十几年前,在我们痴迷于基于屏幕的应用之前,西门子就解决了开车门的问题46,并且首先被梅赛德斯—奔驰公司应用。

46“2009 Automotive News PACE Awards,” Automotive News, Last accessed August 2014. http://www.autonews.com/Assets/html/09_pace/past_winners.html#2000

解决方案是这样的:当你抓住汽车的门把手(打开车门的一个合乎逻辑的步骤)后,车身便会自动发送一个低频的无线电信号来检测你的车钥匙是否在附近,比如你的口袋里或者钱包里,如果在的话,车门瞬间打开,其他什么也不用做。

这是不是车钥匙的一种改进呢?当然是。

有人这样跟我说:“得了吧,我们就是喜欢应用软件。要是钥匙锁在车里了呢?那时我们就需要这个应用了啊。”

千万不要让感情蒙蔽了理智:车身能够感应到车钥匙的位置,因此当钥匙落在车里时,车门并不会上锁。那如果车钥匙在后备箱呢?车门根本就关不上。换句话说,你永远都不会把车钥匙锁在车里。

从数字屏幕到我们的自然行为,西门子通过重新界定设计情境,为梅赛德斯—奔驰创造了一个极其直观而且奇妙优雅的入车方案。(即使你没有奔驰车,这个方案听起来也会很耳熟,因为该方案也被其他的汽车公司所采用。)

西门子的这个系统是不是对车钥匙的改进呢?

毋庸置疑。采用一般的工作流程意味着你可以继续做你常做的事。不使用数字界面就意味着无需浪费时间学习、检修和使用你根本不需要使用的屏幕。这才是好的设计思维,尤其是围绕日常任务进行设计的时候。

这正是本书的主题:

最好的界面就是没有界面。

本书重新审视了当今这个痴迷于屏幕的世界——我们是如何走到这一步的,为什么我们停滞不前,为什么这个可怕的趋势如此糟糕透顶,最重要的是,人们怎样才能摆脱对屏幕的依赖,不再迷恋这些世俗的应用。

本书并非夸夸其谈。它为企业家、创业公司、设计师、工程师、手机配件爱好者和对科技感兴趣的人,提供了满满当当的创意和想法。它指出了看待未来科技的新方式,并告诉读者如何去欣赏比天气应用更有吸引力的东西。

本书涉及的话题与你乃至全社会都息息相关。是的,我所表达的信息可能有些轻率,但这并不是教科书。这更像是在酒吧里和朋友聊天,聊聊通往创新技术的捷径。

干杯!

目录

  • 版权声明
  • 写给中国读者
  • 感谢各位的……
  • 第一部分 欢迎
  • 第 1 章 引言
  • 第 2 章 基于屏幕的思维
  • 第二部分 问题
  • 第 3 章 扔个界面上去
  • 第 4 章 UX≠UI
  • 第 5 章 令人上瘾的用户体验
  • 第 6 章 分心
  • 第 7 章 屏幕式失眠
  • 第 8 章 无屏幕办公
  • 第三部分 原则一:贴合日常生活流程,而不是一味依靠屏幕
  • 第 9 章 裤兜里的应用
  • 第 10 章 偷懒的线框图
  • 第四部分 原则二:做电脑的主人,而非仆人
  • 第 11 章 电脑闹脾气
  • 第 12 章 机器输入
  • 第 13 章 数字化杂务
  • 第五部分 原则三:适应个体情况
  • 第 14 章 为个人而计算
  • 第 15 章 主动式计算
  • 第六部分 挑战
  • 第 16 章 改变
  • 第 17 章 隐私
  • 第 18 章 自动化
  • 第 19 章 失败
  • 第 20 章 例外
  • 第七部分 结束语
  • 第 21 章 未来