本書是《Tapworthy: Designing Great iPhone Apps》的中文翻譯版。 可能你設(shè)計(jì)網(wǎng)站產(chǎn)品或軟件界面早已得心應(yīng)手,可是遇到了iPhone,卻感覺無從下手。 無論你是產(chǎn)品經(jīng)理、設(shè)計(jì)師、創(chuàng)業(yè)者還是程序員,本書都能告訴你如何從iPhone的角度來思考應(yīng)用設(shè)計(jì)。本書能幫助你理解如何設(shè)計(jì)iPhone應(yīng)用,要?jiǎng)?chuàng)建一款觸動(dòng)人心的應(yīng)用,需要如何去綜合思考設(shè)計(jì)、心理、文化、人體工程和可用性問題。在書中,你會(huì)看到大量的真實(shí)應(yīng)用的設(shè)計(jì)實(shí)例和思考過程。除大量實(shí)例外,本書用通俗易懂的語言,對(duì)整個(gè)iPhone應(yīng)用設(shè)計(jì)方法也做了系統(tǒng)的闡述。 讀者對(duì)象:移動(dòng)開發(fā)與設(shè)計(jì)人員
作者簡(jiǎn)介: 譯者序 遙想六年之前,交互設(shè)計(jì)在大陸剛剛興起,UCD的概念開始慢慢被大家所認(rèn)識(shí)。那時(shí)正和Ryana等同學(xué)建起UXStudy(油茶會(huì))。市場(chǎng)上能找到的交互設(shè)計(jì)書籍少之又少,像寶貝似的,我抱著《交互設(shè)計(jì)精髓》每天啃一點(diǎn)。那時(shí)我渴望每一本能買到的交互設(shè)計(jì)書籍,希望將它快快讀完。 六年后的今天,觸屏手機(jī)已經(jīng)風(fēng)靡全球。iPhone的App Store帶來了手機(jī)應(yīng)用的浪潮。手機(jī)微博和LBS更是讓國(guó)內(nèi)各大互聯(lián)網(wǎng)公司、團(tuán)隊(duì)都一擁而入。很榮幸在大眾點(diǎn)評(píng)網(wǎng)有了這樣的機(jī)會(huì)設(shè)計(jì)了iPhone和Android上的客戶端?墒钱(dāng)我需要補(bǔ)充知識(shí)的時(shí)候,突然發(fā)現(xiàn)市場(chǎng)上僅有的中文讀物是網(wǎng)上一些組織自愿翻譯的《iPhone人機(jī)界面設(shè)計(jì)指南》。感謝電子工業(yè)出版社的俠少及其同事給予了我這個(gè)機(jī)會(huì)能夠?qū)osh Clark的這本書為我們中文讀者所讀到。 感謝Josh等人為iPhone應(yīng)用設(shè)計(jì)師,為觸屏手機(jī)設(shè)計(jì)領(lǐng)域,也是為我們不辭辛勞地寫出了這本作品。書中語言通俗易懂,案例非常豐富,讓我在翻譯的同時(shí)也迅速成長(zhǎng),學(xué)到了很多曾經(jīng)不曾發(fā)現(xiàn)的問題。在圖書的翻譯過程中,Josh也給了不少的建議,同時(shí)他也非常高興作品能與中國(guó)讀者見面。 翻譯終歸是個(gè)體力活兒,本書的翻譯花費(fèi)了超過600小時(shí)的時(shí)間。第一次翻譯圖書,水平膚淺,為給各位盡量譯出至少能看得懂的作品,避免貽笑大方,我尋求了很多行業(yè)內(nèi)的同學(xué)一同審閱。他們指出了拙譯中近千處訛誤或不通順之處,為能譯出本書做出了相當(dāng)大的貢獻(xiàn)。他們是丁宇(Flex Ding)、朱坤(Kent Zhu)、陳瑩(Elya妞)、余子翼(Zerg Yi)、彭永霞、王萬林(老三)、壞人。尤其是丁總能在百忙之中還仔細(xì)對(duì)每處的翻譯錯(cuò)誤、錯(cuò)別字甚至標(biāo)點(diǎn)符號(hào)都做了詳盡的批注,對(duì)本書的翻譯質(zhì)量有很大提升。 最后感謝我的妻子李玲娟及家人,在半年多的翻譯過程中,為我分擔(dān)了許 多事,包括婚禮籌備。 ——老包(包季真) 關(guān)于作者 Josh Clark,設(shè)計(jì)師、開發(fā)者,同時(shí)也是一位作家,幫助掃清創(chuàng)意人士向全世界分享想法中遇到技術(shù)困難。他作為演講者兼顧問,幫助了許多公司創(chuàng)建觸動(dòng)人心的iPhone應(yīng)用和有效的網(wǎng)站。他不會(huì)光說不練,有時(shí)他會(huì)把獨(dú)創(chuàng)的設(shè)計(jì)和人性化的軟件自己做出來。Josh創(chuàng)造了“Big Medium”,這是一款讓常人能輕松管理站點(diǎn)的友好軟件。 在投身互聯(lián)網(wǎng)之前,Josh在美國(guó)波士頓制作公司,為許多美國(guó)公共廣播公司里的節(jié)目所工作。他曾向前蘇聯(lián)總統(tǒng)米哈伊爾戈?duì)柊蛦谭蚍窒磉^對(duì)俄國(guó)的看法,曾和美國(guó)前總統(tǒng)里根的妻子南希里根在農(nóng)場(chǎng)里漫步,和美國(guó)洛克菲勒家族有親密交往,也曾為電視問答比賽節(jié)目寫過一些瑣碎的問題。在1996年,他創(chuàng)建了名噪一時(shí)的“Couch-to-5k”跑步計(jì)劃,該計(jì)劃已 幫助了數(shù)百萬懶于鍛煉的民眾開始慢跑。 Josh在其網(wǎng)站www.globalmoxie.com上,會(huì)發(fā)表文章,給出建議并撰寫代碼。你可以在Twitter上關(guān)注他:www.twitter.com/globalmoxie。此外,Josh也是Best iPhone Apps和iWork’09: The Missing Manual兩書的作者。這兩本書都已由O’Reilly Media出版。 致謝 很多情況下,做一款iPhone應(yīng)用只需要一個(gè)人,但是寫一本關(guān)于iPhone應(yīng)用的書,卻需要很多人。非常感謝所有花費(fèi)不少時(shí)間,給我分享他們的設(shè)計(jì)過程的智者們。他們包括:Facebook的Joe Hewitt、Iconfactory的CraigHockenberry和Gedeon Maheux、Gowalla的Josh Williams、Cultured Code的Jürgen Schweizer、Mercury Intermedia的Rusty Mitchell、TLA Systems的James Thomson和ShadiRadio的Shadi Muklashy。 還有一群編輯們,他們?yōu)槲夜?jié)省了很多時(shí)間,不厭其煩地指出書中的技術(shù)錯(cuò)誤、不成熟的看法以及太多謬誤。感謝以Karen Shaner為首的編輯團(tuán)隊(duì)的努力,同時(shí)也感謝Louis Rawlins、Rob Rhyne、James Thomson和ShawnWallace四位技術(shù)審核,他們慷慨地給出了建議,并富有誠(chéng)意地給出嚴(yán)格的批評(píng)。感謝我的朋友Peter Meyers、Jonathan Stark和David VanEsselstyn,他們提出了中肯的反饋,并一直鼓勵(lì)著我。 我同時(shí)非常感謝Edie Freedman,他用他敏銳的眼力和溫和的引導(dǎo),極大地提高了本書的內(nèi)頁設(shè)計(jì)。同樣,感謝Chris Nelson,是他讓此書通過錯(cuò)綜的商業(yè)市場(chǎng),送到了你們的手中。最后,特別感謝Ellen。她在此書的撰寫過程中,非但經(jīng)起了比別人更多的考驗(yàn),還不斷地關(guān)心、支持我。 ——Josh
目錄: 目 錄 關(guān)于作者 viii 致謝 ix 譯者序 x 入門 1 設(shè)計(jì)令人欣喜且易用的應(yīng)用 等下……先吸口氣 1 閱讀本書不需要專業(yè)知識(shí) 2 忠言 3 一切從點(diǎn)擊開始 我們是如何使用iPhone應(yīng)用的 4 行走中:一只手,一只眼睛,一直在抖動(dòng) 6 盡快搞定 8 滿滿一箱工具,你只是其中的一把 9 無聊了,變卦了,于是換了 10 雙擊、縮放、旋轉(zhuǎn),這都是啥? 11 笨手笨“指” 13 那,難道我要為笨蛋而設(shè)計(jì)? 13 能觸動(dòng)人心么? 精心設(shè)計(jì)你應(yīng)用的目標(biāo)16 前無古人 18 你的故事內(nèi)容是什么? 19 你的應(yīng)用為何是移動(dòng)應(yīng)用? 20 面對(duì)面:Josh Williams和“Gowalla” 22 移動(dòng)用戶的心態(tài) 32 “我有個(gè)微任務(wù)要做” 32 “我想看看附近的情況” 33 “我有些無聊” 37 如何獨(dú)樹一幟? 40 等等,等等,別走! 42 好歹不分,玉石俱焚 47 上網(wǎng)看不就好了嗎? 50 小小觸摸屏 為尺寸和觸摸設(shè)計(jì) 54 物理現(xiàn)實(shí)的感覺 56 拇指的規(guī)律 58 神奇的數(shù)字44 62 別太擠了 64 面對(duì)面:James Thomson和“PCalc” 67 敏銳的設(shè)計(jì) 73 拿到上面去 73 基于44像素的設(shè)計(jì)韻律 75 質(zhì)疑滾屏 77 編輯、編輯、再編輯 82 秘密的面板,隱藏的門 85 面對(duì)面:Rusty Mitchell和“USA Today” 90 有條不紊 學(xué)著蘋果做應(yīng)用 96 信喬哥,得永生:?jiǎn)探讨鲿?huì)怎么做? 98 穿行于頁面:蘋果的導(dǎo)航模型 100 平鋪頁面:就像一疊卡片(有時(shí)就一張) 101 標(biāo)簽欄:菜單上有啥? 106 樹形結(jié)構(gòu):千張頁面觸手可及 110 組合使用導(dǎo)航模型 114 模態(tài)視圖和導(dǎo)航的死胡同 117 亂麻般的網(wǎng)絡(luò) 119 在紙上畫出你應(yīng)用的故事板 122 丑點(diǎn)沒關(guān)系 124 面對(duì)面:Jürgen Schweizer和“Things” 127 標(biāo)準(zhǔn)控件 使用內(nèi)置的界面元素 134 標(biāo)準(zhǔn)控件的威力 137 靠著導(dǎo)航欄指路 138 工具欄 143 把圖標(biāo)放到各種“欄”里…… 145 搜索欄 149 表格視圖是增強(qiáng)型列表 152 設(shè)置表格:索引和分組列表 156 編輯表格視圖的工具 158 文本 160 編輯文本 162 修訂勘誤 163 本頁還是新開? 164 別老彈鍵盤 165 多選控件:撥選器、列表和操作表單 167 按鈕 172 是與否:開關(guān) 173 像收音機(jī)按鈕一樣的分段控件 174 在軌道上的滑動(dòng)條 176 設(shè)置的那些事 176 還有什么? 180 與眾不同 創(chuàng)建自己獨(dú)特的視覺風(fēng)格182 你應(yīng)用的個(gè)性是什么? 185 做好設(shè)計(jì)工作 186 弄得有檔次 189 像真的一樣 191 設(shè)計(jì)自定義工具欄圖標(biāo) 194 用上隱喻 196 我的新發(fā)明,我叫它“輪子” 201 現(xiàn)在來搞點(diǎn)完全不同的東西 203 面對(duì)面:Craig Hockenberry、GedeonMaheux 和“Twitterrific” 205 第一印象 介紹你的應(yīng)用212 你應(yīng)用的圖標(biāo)就是你的名片 213 創(chuàng)建你應(yīng)用的圖標(biāo) 219 起名的學(xué)問 222 在等待的時(shí)候:?jiǎn)?dòng)圖像 223 運(yùn)行暫停的錯(cuò)覺 226 鋪開迎賓毯 228 說明書不是萬能的 230 首頁 233 面對(duì)面:Joe Hewitt和“Facebook” 236 滑!捏!拂 用手勢(shì)來操作242 發(fā)現(xiàn)你所看不見的東西 244 沿著走出來的路鋪上道 245 快捷方式和備用方案 247 擴(kuò)充標(biāo)準(zhǔn)手勢(shì) 249 只用一根好 254 不方便的自衛(wèi)設(shè)計(jì) 255 手機(jī)的物理機(jī)制 257 了解橫屏 屏幕旋轉(zhuǎn)262 大家為什么要轉(zhuǎn)屏? 264 全新的橫屏模式 267 高難度轉(zhuǎn)身 269 別丟了之前的位置 272 禮貌的對(duì)話 警告、打斷和更新274 什么時(shí)候該打斷 276 保持淡定,繼續(xù)前行 278 推送通知 280 惡臭的主屏幕標(biāo)記 282 對(duì),我正運(yùn)行著呢 284 時(shí)間變快:進(jìn)度條和其他分散注意力的控件 287 吃沒?隔壁的兄弟 和其他應(yīng)用打成一片 292 公共場(chǎng)所:通訊錄、照片和日歷事件 294 你就是組合中的一小塊:把控制權(quán)交給其他應(yīng)用 297 動(dòng)起來:瀏覽器、地圖和郵件 300 慢走不送了,鄰居 302 術(shù)語表304 索 引 305
|