本書全面介紹了如何在移動(dòng)設(shè)備上設(shè)計(jì)和開發(fā)應(yīng)用程序。書中從介紹移動(dòng)產(chǎn)業(yè)的生態(tài)環(huán)境和移動(dòng)媒體開始,闡述產(chǎn)品策劃的方法、產(chǎn)品架構(gòu)、視覺設(shè)計(jì)和產(chǎn)品類型的選擇,并詳細(xì)描述了產(chǎn)品實(shí)現(xiàn)過程中所用到的一些技術(shù)、工具和概念,最后還簡單介紹了如何獲得利潤和降低成本,肯定了iPhone在移動(dòng)設(shè)備發(fā)展史上起到的巨大推動(dòng)作用。本書不僅能讓讀者了解到移動(dòng)設(shè)計(jì)和開發(fā)的知識(shí),更重要的是,它揭示了移動(dòng)開發(fā)的代價(jià)高昂、標(biāo)準(zhǔn)混亂的根本原因,并在該問題短期內(nèi)得不到根本性解決的前提下,給出了一些切實(shí)可行的應(yīng)對(duì)之策。
作者簡介: Brian Fling擁有并運(yùn)營著Web上最大的移動(dòng)設(shè)計(jì)和開發(fā)討論列表mobiledesign.org。作為企業(yè)家和咨詢師,他在Web界和移動(dòng)界工作了將近十年時(shí)間。Brian幫助過許多大品牌進(jìn)入移動(dòng)世界,還為許多資金雄厚但不幸失敗過的移動(dòng)公司工作過。多年來,Brian意識(shí)到他對(duì)移動(dòng)界的觀點(diǎn)十分獨(dú)特——避免天花亂墜的宣傳,描述真實(shí)可靠的原則和技術(shù),以建立效益良好的移動(dòng)應(yīng)用程序。 Brian還撰寫了面向移動(dòng)制作的第一本完整指南《dotMobi Mobile Web Developer's Guide》。這是本免費(fèi)指南,雖然沒有精確的數(shù)字,但dotMobi給他的消息是“前幾周就被下載了15 000次以上”。 他在移動(dòng)界的計(jì)劃是倡議并建立意識(shí),而不是賺錢。他相信,要想改變?nèi)藗兡壳皩?duì)人類搜索和搜集信息的認(rèn)識(shí),最適合的就是移動(dòng)互聯(lián)網(wǎng)。他的目標(biāo)是,在能夠判斷設(shè)備和應(yīng)用環(huán)境的媒體中,促進(jìn)下一代網(wǎng)站的發(fā)明和創(chuàng)新。
目錄: 前言i 第1章:移動(dòng)設(shè)備簡史1 1.1 最初的設(shè)備1 1.2 設(shè)備的進(jìn)化3 1.2.1 磚頭時(shí)代4 1.2.2 糖塊時(shí)代5 1.2.3 功能性手機(jī)時(shí)代6 1.2.4 智能手機(jī)時(shí)代8 1.2.5 觸摸時(shí)代10 第2章:移動(dòng)生態(tài)系統(tǒng)13 2.1 運(yùn)營商14 2.2 網(wǎng)絡(luò)17 2.3 設(shè)備18 2.4 平臺(tái)20 2.4.1 授權(quán)平臺(tái)20 2.4.2 專有平臺(tái)21 2.4.3 開源平臺(tái)21 2.5 操作系統(tǒng)22 2.6 應(yīng)用程序框架22 2.6.1 java23 .2.6.2 s6023 2.6.3 brew23 2.6.4 flash lite23 2.6.5 windows mobile24 2.6.6 cocoa touch24 2.6.7 android sdk24 2.6.8 web運(yùn)行時(shí)環(huán)境(wrt)24 2.6.9 webkit24 2.6.10 互聯(lián)網(wǎng)25 2.7 應(yīng)用程序25 2.8 服務(wù)26 第3章:移動(dòng)設(shè)備的優(yōu)勢(shì)是什么?29 3.1 市場(chǎng)規(guī)模和范圍30 3.2 潛在的移動(dòng)市場(chǎng)31 3.2.1 高端設(shè)備vs.低端設(shè)備32 3.2.2 暢銷設(shè)備vs.免費(fèi)設(shè)備34 3.2.3 移動(dòng)web應(yīng)用vs.原生應(yīng)用34 3.2.4 觸摸設(shè)備vs.鍵盤設(shè)備34 3.3 作為媒體的移動(dòng)設(shè)備34 3.3.1 印刷機(jī)35 3.3.2 唱片35 3.3.3 電影35 3.3.4 收音機(jī)36 3.3.5 電視機(jī)36 3.3.6 互聯(lián)網(wǎng)36 3.3.7 移動(dòng)設(shè)備37 3.3.8 移動(dòng)設(shè)備的獨(dú)特優(yōu)勢(shì)39 3.4 第八種媒體:誰與爭(zhēng)鋒?40 3.5 普適,從移動(dòng)互聯(lián)網(wǎng)開始41 第4章:考慮應(yīng)用環(huán)境的設(shè)計(jì)45 4.1 在環(huán)境中思考46 4.1.1 背景環(huán)境47 4.1.2 歸屬環(huán)境52 4.2 下一步行動(dòng)55 第5章:制定移動(dòng)開發(fā)策略57 5.1 新規(guī)則59 5.1.1 規(guī)則1:忘記已有知識(shí)59 5.1.2 規(guī)則2:耳聽為虛,眼見為實(shí)60 5.1.3 規(guī)則3:絕不要首先考慮限制61 5.1.4 規(guī)則4:重視應(yīng)用環(huán)境、目標(biāo)和需求63 5.1.5 規(guī)則5:別試圖支持一切65 5.1.6 規(guī)則6:創(chuàng)造,而非移植66 5.1.7 規(guī)則7:保持簡單67 5.2 總結(jié)67 第6章:移動(dòng)應(yīng)用的類型69 6.1 移動(dòng)應(yīng)用的媒體類型70 6.1.1 短信70 6.1.2 移動(dòng)網(wǎng)站71 6.1.3 移動(dòng)小窗體73 6.1.4 移動(dòng)web應(yīng)用75 6.1.5 原生應(yīng)用77 6.1.6 游戲79 6.1.7 移動(dòng)應(yīng)用媒體矩陣圖80 6.1.8 應(yīng)用環(huán)境81 6.1.9 工具應(yīng)用環(huán)境81 6.1.10 本地環(huán)境83 6.1.11 信息型應(yīng)用84 6.1.12 生產(chǎn)力應(yīng)用程序環(huán)境85 6.1.13 擬真全屏應(yīng)用87 6.1.14 應(yīng)用環(huán)境矩陣圖88 第7章:移動(dòng)信息架構(gòu)89 7.1 什么是信息架構(gòu)?89 7.2 移動(dòng)信息架構(gòu)91 7.2.1 保持簡單93 7.2.2 網(wǎng)站地圖94 7.2.3 點(diǎn)擊流98 7.2.4 線框模型101 7.2.5 原型制作103 7.2.6 不同設(shè)備的不同信息架構(gòu)105 7.3 設(shè)計(jì)的神話106 第8章:移動(dòng)產(chǎn)品的視覺設(shè)計(jì)109 8.1 闡述設(shè)計(jì)111 8.2 強(qiáng)檔型移動(dòng)設(shè)計(jì)112 8.3 設(shè)計(jì)最佳體驗(yàn)115 8.4 移動(dòng)設(shè)計(jì)的元素116 8.4.1 應(yīng)用環(huán)境116 8.4.2 主旨117 8.4.3 觀感118 8.4.4 布局121 8.4.5 顏色125 8.4.6 字體129 8.4.7 圖形134 8.5 移動(dòng)設(shè)計(jì)的工具137 8.6 選擇正確的設(shè)備138 8.7 適應(yīng)各種屏幕尺寸139 第9章:移動(dòng)web應(yīng)用程序vs.原生應(yīng)用程序143 9.1 普適的原則143 9.1.1 設(shè)備碎片化144 9.1.2 互聯(lián)網(wǎng)144 9.1.3 控制權(quán)144 9.1.4 消費(fèi)者期待145 9.1.5 移動(dòng)互聯(lián)網(wǎng)中的普適145 9.2 何時(shí)創(chuàng)建原生應(yīng)用程序146 9.2.1 收費(fèi)146 9.2.2 創(chuàng)建游戲147 9.2.3 使用特定位置147 9.2.4 使用攝像頭147 9.2.5 使用加速度計(jì)148 9.2.6 訪問文件系統(tǒng)148 9.2.7 離線用戶149 9.3 何時(shí)創(chuàng)建移動(dòng)web應(yīng)用程序150 第10章:mobile 2.0153 10.1 mobile 2.0是什么?154 10.1.1 mobile 2.0:web和移動(dòng)的結(jié)合體155 10.1.2 移動(dòng)web瀏覽器是下一個(gè)殺手級(jí)應(yīng)用155 10.1.3 移動(dòng)web應(yīng)用程序就是未來156 10.1.4 java script是下一個(gè)先鋒157 10.1.5 糟糕的移動(dòng)用戶體驗(yàn)158 10.1.6 移動(dòng)小窗體是下一個(gè)重要概念158 10.1.7 運(yùn)營商是新的討厭鬼159 10.1.8 移動(dòng)陣營需要反思自我159 10.1.9 我們是創(chuàng)造者,不是消費(fèi)者160 第11章:移動(dòng)web開發(fā)163 11.1 web標(biāo)準(zhǔn)164 11.2 為多種移動(dòng)瀏覽器進(jìn)行設(shè)計(jì)165 11.2.1 漸進(jìn)式增強(qiáng)165 11.2.2 dial167 11.2.3 為多種顯示屏進(jìn)行設(shè)計(jì)168 11.3 設(shè)備計(jì)劃169 11.3.1 設(shè)備矩陣圖170 11.4 標(biāo)記語言172 11.4.1 xhtml-mp概覽172 11.4.2 文檔結(jié)構(gòu)173 11.4.3 文本元素176 11.4.4 創(chuàng)建鏈接179 11.4.5 圖像和對(duì)象180 11.4.6 表格182 11.4.7 框架183 11.4.8 表單183 11.4.9 其他建議184 11.5 css:層疊樣式表185 11.5.1 wireless css和css-mp186 11.5.2 盒模型186 11.5.3 選擇器187 11.5.4 字體和文字屬性189 11.5.5 盒的基本屬性192 11.5.6 顏色和背景194 11.5.7 定位和頁面流194 11.6 java script196 第12章:iphone web應(yīng)用199 12.1 為什么是webkit?200 12.1.1 webkit簡史200 12.1.2 作為移動(dòng)瀏覽器的背景201 12.2 緣何成為移動(dòng)web應(yīng)用?204 12.2.1 頁面模型205 12.3 標(biāo)記語言206 12.3.1 xhtml206 12.3.2 html5209 12.4 css213 12.4.1 css2214 12.4.2 css3216 12.4.3 視覺特效221 12.5 java script225 12.5.1 dhtml226 12.5.2 ajax226 12.5.3 multitouch227 12.5.4 固定頁腳227 12.6 創(chuàng)建移動(dòng)web應(yīng)用228 12.6.1 定義視口229 12.6.2 全屏模式230 12.6.3 改變狀態(tài)欄外觀230 12.6.4 添加圖標(biāo)231 12.7 作為原生應(yīng)用的web應(yīng)用231 12.8 phonegap232 12.9 工具和函數(shù)庫233 12.9.1 iphone gui psd233 12.9.2 iui234 12.9.3 jqtouch234 第13章:適配設(shè)備237 13.1 為什么適配是“必要”的?240 13.2 策略1:無為而治242 13.2.1 “一個(gè)互聯(lián)網(wǎng)”的五個(gè)假設(shè)242 13.2.2 “一個(gè)互聯(lián)網(wǎng)”的后果243 13.2.3 在媒體查詢中使用該策略244 13.3 策略2:漸進(jìn)式增強(qiáng)244 13.3.1 handheld媒體類型245 13.3.2 給多種設(shè)備準(zhǔn)備多個(gè)樣式表246 13.4 策略3:選擇目標(biāo)設(shè)備247 13.4.1 設(shè)備檢測(cè)的困境248 13.4.2 andy moore的移動(dòng)瀏覽器檢測(cè)248 13.4.3 greg mulmash的移動(dòng)瀏覽器檢測(cè)249 13.4.4 switcher250 13.4.5 基于htaccess的設(shè)備檢測(cè)250 13.4.6 基于java script的設(shè)備檢測(cè)251 13.4.7 反向設(shè)備檢測(cè)251 13.4.8 wordpress mobile plugin252 13.4.9 dotmobi wordpress mobile pack252 13.4.10 mobile fu253 13.4.11 其他更多工具……253 13.5 策略4:完全適配253 13.5.1 與運(yùn)營商合作254 13.5.2 獨(dú)立開發(fā)255 13.5.3 wurfl255 13.5.4 deviceatlas256 13.5.5 volantis258 13.5.6 wall和wng258 13.5.7 yahoo! blueprint259 13.5.8 netbiscuits259 13.5.9 mobileaware260 13.5.10 mobify260 13.6 應(yīng)該用什么域名?261 13.6.1 m.domain.com262 13.6.2 domain.com/mobile或domain.com/m262 13.6.3 domain.mobi263 13.7 走出下一步263 第14章:從移動(dòng)界獲得收入265 14.1 與運(yùn)營商合作268 14.1.1 deck268 14.1.2 arpu270 14.1.3 bobo271 14.2 與應(yīng)用商店合作271 14.2.1 移動(dòng)互聯(lián)網(wǎng)怎么辦?273 14.3 添加廣告273 14.3.1 admob和google adsense274 14.3.2 移動(dòng)營銷協(xié)會(huì)274 14.4 發(fā)明新模式275 第15章:設(shè)備支持277 15.1 制定設(shè)備計(jì)劃278 15.1.1 確定要支持的設(shè)備278 15.1.2 設(shè)備計(jì)劃的例子279 15.2 設(shè)備測(cè)試282 15.2.1 使用真實(shí)設(shè)備282 15.2.2 估算測(cè)試工作量284 15.2.3 創(chuàng)建測(cè)試計(jì)劃285 15.2.4 創(chuàng)建測(cè)試網(wǎng)站287 15.3 桌面測(cè)試288 15.3.1 框架288 15.3.2 opera288 15.3.3 webkit289 15.3.4 firefox291 15.3.5 收集user agents292 15.3.6 模擬器和仿真器292 15.3.7 遠(yuǎn)程訪問295 15.4 易用性測(cè)試295 15.4.1 移動(dòng)易用性測(cè)試的提示和技巧297 第16章:移動(dòng)界的未來299 16.1 改變的機(jī)會(huì)300 索引303
|