触动人心——设计优秀的iPhone应用

触动人心——设计优秀的iPhone应用

[美]Josh Clark著

包季真译

ISBN978-7-121-14497-4

2011年10月出版

定价：79.00元

16开

336页

宣传语：这本书对于每个在思考IPHONE应用的人来说都是不可多得的。

内 容 简 介

本书是《Tapworthy: Designing Great iPhone Apps》的中文翻译版。

可能你设计网站产品或软件界面早已得心应手，可是遇到了iPhone，却感觉无从下手。

无论你是产品经理、设计师、创业者还是程序员，本书都能告诉你如何从iPhone的角度来思考应用设计。本书能帮助你理解如何设计iPhone应用，要创建一款触动人心的应用，需要如何去综合思考设计、心理、文化、人体工程和可用性问题。在书中，你会看到大量的真实应用的设计实例和思考过程。除大量实例外，本书用通俗易懂的语言，对整个iPhone应用设计方法也做了系统的阐述。

作者简介

Josh Clark，设计师、开发者，同时也是一位作家，帮助扫清创意人士向全世界分享想法中遇到技术困难。他作为演讲者兼顾问，帮助了许多公司创建触动人心的iPhone应用和有效的网站。他不会光说不练，有时他会把独创的设计和人性化的软件自己做出来。Josh创造了“Big Medium”，这是一款让常人能轻松管理站点的友好软件。

在投身互联网之前，Josh在美国波士顿制作公司，为许多美国公共广播公司里的节目所工作。他曾向前苏联总统米哈伊尔·戈尔巴乔夫分享过对俄国的看法，曾和美国前总统里根的妻子南希·里根在农场里漫步，和美国洛克菲勒家族有亲密交往，也曾为电视问答比赛节目写过一些琐碎的问题。在1996年，他创建了名噪一时的“Couch-to-5K”跑步计划，该计划已帮助了数百万懒于锻炼的民众开始慢跑。

Josh在其网站www.globalmoxie.com上会发表文章，给出建议并撰写代码。你可以在Twitter上关注他：www.twitter.com/globalmoxie。此外，Josh也是Best iPhoneApps和iWork’09: The Missing Manual两书的作者。这两本书都已由O’Reilly Media出版。

译者序

遥想六年前，交互设计在大陆刚刚兴起，UCD的概念开始慢慢被大家所认识。那时正和Ryana等同学建起UXStudy（油茶会）。市场上能找到的交互设计书籍少之又少，像宝贝似的，我抱着《交互设计精髓》每天啃一点。那时我渴望每一本能买到的交互设计书籍，希望将它快快读完。

六年后的今天，触屏手机已经风靡全球。iPhone的App Store带来了手机应用的浪潮。手机微博和LBS更是让国内各大互联网公司、团队都一拥而入。很荣幸在大众点评网有了这样的机会设计了iPhone和Android上的客户端。可是当我需要补充知识的时候，突然发现市场上仅有的中文读物是网上一些组织自愿翻译的《iPhone人机界面设计指南》。感谢电子工业出版社的侠少及其同事给予了我这个机会能够将Josh Clark的这本书为我们中文读者所读到。

感谢Josh等人为iPhone应用设计师，为触屏手机设计领域，也是为我们不辞辛劳地写出了这部作品。书中语言通俗易懂，案例非常丰富，让我在翻译的同时也迅速成长，学到了很多曾经不曾发现的问题。在图书的翻译过程中，Josh也给了不少的建议，同时他也非常高兴作品能与中国读者见面。

翻译终归是个体力活儿，本书的翻译花费了超过600小时的时间。第一次翻译图书，水平肤浅，为给各位尽量译出至少能看得懂的作品，避免贻笑大方，我寻求了很多行业内的同学一同审阅。他们指出了拙译中近千处讹误或不通顺之处，为能译出本书做出了相当大的贡献。他们是丁宇（Flex Ding）、朱坤（Kent Zhu）、陈莹（Elya妞）、余子翼（ZergYi）、彭永霞、王万林（老三）、坏人。尤其是丁总能在百忙之中还仔细对每处的翻译错误、错别字甚至标点符号都做了详尽的批注，他的认真参与使本书的翻译质量有很大提升。

最后感谢我的妻子李玲娟及家人，在半年多的翻译过程中，为我分担了许多事，包括婚礼筹备。

——老包（包季真）

目 录

关于作者...............................................................................xii

致谢.....................................................................................xiii

入门........................................................................................1

设计令人欣喜且易用的应用

等下……先吸口气 1

阅读本书不需要专业知识 2

忠言 3

1. 一切从点击开始..................................................................4

我们是如何使用iPhone应用的

行走中：一只手，一只眼睛，一直在抖动 6

尽快搞定 8

满满一箱工具，你只是其中的一把 9

无聊了，变卦了，于是换了 10

双击、缩放、旋转，这都是啥？ 11

笨手笨“指” 13

那，难道我要为笨蛋而设计？ 13

2. 能触动人心吗？................................................................16

精心设计你应用的目标

前无古人 18

你的故事内容是什么？ 19

你的应用为何是移动应用？ 20

面对面：Josh Williams和“Gowalla” 22

移动用户的心态 32

“我有个微任务要做” 32

“我想看看附近的情况” 33

“我有些无聊” 37

如何独树一帜？ 40

等等，等等，别走！ 42

好歹不分，玉石俱焚 47

上网看不就好了吗？ 50

3. 小小触摸屏.......................................................................54

为尺寸和触摸设计

物理现实的感觉 56

拇指的规律 58

神奇的数字44 62

别太挤了 64

面对面：James Thomson和“PCalc” 67

敏锐的设计 73

拿到上面去 73

基于44像素的设计韵律 75

质疑滚屏 77

编辑、编辑、再编辑 82

秘密的面板，隐藏的门 85

面对面：Rusty Mitchell和“USA Today”90

4. 有条不紊...........................................................................96

学着苹果做应用

信乔哥，得永生：乔教主会怎么做？ 98

穿行于页面：苹果的导航模型 100

平铺页面：就像一叠卡片（有时就一张） 101

标签栏：菜单上有啥？ 106

树形结构：千张页面触手可及 110

组合使用导航模型 114

模态视图和导航的死胡同 117

乱麻般的网络 119

在纸上画出你应用的故事板 122

丑点没关系 124

面对面：Jürgen Schweizer和“Things” 127

5. 标准控件.........................................................................134

使用内置的界面元素

标准控件的威力 137

靠着导航栏指路 138

工具栏 143

把图标放到各种“栏”里…… 145

搜索栏 149

表格视图是增强型列表 152

设置表格：索引列表和分组列表 156

编辑表格视图的工具 158

文本 160

编辑文本 162

修订勘误 163

本页还是新开？ 164

别老弹键盘 165

多选控件：拨选器、列表和操作表单 167

按钮 172

是与否：开关 173

像收音机按钮一样的分段控件 174

在轨道上的滑动条 176

设置的那些事 176

还有什么？ 180

6. 与众不同.........................................................................182

创建自己独特的视觉风格

你应用的个性是什么？ 185

做好设计工作 186

弄得有档次 189

像真的一样 191

设计自定义工具栏图标 194

用上隐喻 196

我的新发明，我叫它“轮子” 201

现在来搞点完全不同的东西 203

面对面：Craig Hockenberry、Gedeon Maheux和“Twitterrific” 205

7. 第一印象.........................................................................212

介绍你的应用

你应用的图标就是你的名片 213

创建你应用的图标 219

起名的学问 222

在等待的时候：启动图像 223

运行暂停的错觉 226

铺开迎宾毯 228

说明书不是万能的 230

首页 233

面对面：Joe Hewitt和“Facebook”236

8. 滑！捏！拂！..................................................................242

用手势来操作

发现你所看不见的东西 244

沿着走出来的路铺上道 245

快捷方式和备用方案 247

扩充标准手势 249

只用一根好 254

不方便的自卫设计 255

手机的物理机制 257

9. 了解横屏.........................................................................262

屏幕旋转

大家为什么要转屏？ 264

全新的横屏模式 267

高难度转身 269

别丢了之前的位置 272

10. 礼貌的对话...................................................................274

警告、打断和更新

什么时候该打断 276

保持淡定，继续前行 278

推送通知 280

恶臭的主屏幕标记 282

对，我正运行着呢 284

时间变快：进度条和其他分散注意力的控件 287

11. 吃没？隔壁的兄弟........................................................292

和其他应用打成一片

公共场所：通讯录、照片和日历事件 294

你就是组合中的一小块：把控制权交给其他应用 297

动起来：浏览器、地图和邮件 300

慢走不送了，邻居 302

术语表................................................................................304

索引....................................................................................305