移動(dòng)應(yīng)用UI設(shè)計(jì)模式

前言

　　譯者序　　智能手機(jī)、平板電腦等移動(dòng)終端的進(jìn)一步風(fēng)靡，使得移動(dòng)應(yīng)用設(shè)計(jì)成了一個(gè)熱門(mén)行業(yè)。移動(dòng)應(yīng)用的設(shè)計(jì)質(zhì)量影響著內(nèi)容提供方的競(jìng)爭(zhēng)力，雖然移動(dòng)操作系統(tǒng)目前處于“戰(zhàn)國(guó)”時(shí)代，但某些操作系統(tǒng)以其獨(dú)特的競(jìng)爭(zhēng)優(yōu)勢(shì)已初現(xiàn)霸勢(shì)。不同的操作系統(tǒng)對(duì)移動(dòng)應(yīng)用的設(shè)計(jì)有不同的要求和約束，但總體來(lái)講還是要符合“以人為本”的設(shè)計(jì)理念。那么，在移動(dòng)應(yīng)用設(shè)計(jì)行業(yè)內(nèi)部，設(shè)計(jì)師們應(yīng)該如何借鑒、參考其他終端的交互設(shè)計(jì)，開(kāi)發(fā)出真正能吸引用戶(hù)的移動(dòng)應(yīng)用呢？目前已有很多從不同角度介紹移動(dòng)應(yīng)用設(shè)計(jì)的書(shū)籍，本書(shū)從已有的案例出發(fā)，以豐富的圖像和簡(jiǎn)煉的語(yǔ)言向讀者介紹當(dāng)前移動(dòng)應(yīng)用界面設(shè)計(jì)模式的不同類(lèi)型?！　”緯?shū)的作者Theresa Neil 從2001 年就開(kāi)始從事于用戶(hù)界面設(shè)計(jì)行業(yè)，在過(guò)去的十多年中，特麗莎主持了100 多項(xiàng)關(guān)于網(wǎng)站、桌面系統(tǒng)和移動(dòng)應(yīng)用設(shè)計(jì)的項(xiàng)目。她曾在Sabre 科技公司的航空解決方案子公司任可用性主管一職，之后建立了自己的用戶(hù)體驗(yàn)設(shè)計(jì)咨詢(xún)公司。她的客戶(hù)包括各種類(lèi)型的世界500 強(qiáng)企業(yè)和非營(yíng)利組織。正是特麗莎如此豐富的行業(yè)經(jīng)歷保證了本書(shū)的專(zhuān)業(yè)性和權(quán)威性。　　要設(shè)計(jì)出優(yōu)秀的移動(dòng)應(yīng)用，就要先了解目前不同操作系統(tǒng)下優(yōu)秀的設(shè)計(jì)案例。本書(shū)介紹了當(dāng)前所有移動(dòng)操作系統(tǒng)下典型的設(shè)計(jì)模式，截取了這些系統(tǒng)下典型應(yīng)用的界面設(shè)計(jì)，將其分為了以下10 大類(lèi)。　?。?） 導(dǎo)航設(shè)計(jì)模式：主要導(dǎo)航和次要導(dǎo)航模式?！　。?） 表單設(shè)計(jì)：通過(guò)表單實(shí)現(xiàn)良好的布局和內(nèi)容輸入?！　。?） 表格和列表的設(shè)計(jì)：通過(guò)表格和表單簡(jiǎn)明扼要地顯示最重要的信息?！　。?） 搜索、分類(lèi)和過(guò)濾：通過(guò)這些功能的易用性增強(qiáng)用戶(hù)的主動(dòng)性。　?。?） 工具的設(shè)計(jì)：良好的工具設(shè)計(jì)能營(yíng)造出直接交互的使用體驗(yàn)。　?。?） 圖表設(shè)計(jì)模式：讓用戶(hù)擁有控制大量數(shù)據(jù)內(nèi)容的能力?！　。?） 視覺(jué)吸引：吸引用戶(hù)并促使其發(fā)現(xiàn)產(chǎn)品功能?！　。?） 控制與反饋：幫助用戶(hù)執(zhí)行操作，并及時(shí)提供反饋?！　。?） 幫助：真正為用戶(hù)提供解決問(wèn)題的方法，而不是告知用戶(hù)問(wèn)題是什么。　?。?0） 反模式：移動(dòng)應(yīng)用設(shè)計(jì)中應(yīng)該避免犯的錯(cuò)誤?！　”緯?shū)面向的讀者是創(chuàng)建移動(dòng)應(yīng)用的產(chǎn)品經(jīng)理、設(shè)計(jì)師和開(kāi)發(fā)者。無(wú)論是針對(duì)某一移動(dòng)操作系統(tǒng)設(shè)計(jì)一款簡(jiǎn)單的應(yīng)用，還是開(kāi)發(fā)應(yīng)用于市場(chǎng)上所有操作系統(tǒng)的移動(dòng)應(yīng)用，本書(shū)都能為行業(yè)內(nèi)的人員提供幫助。另外，本書(shū)還可以作為智能手機(jī)及其應(yīng)用愛(ài)好者的參考讀物，書(shū)中400 多張的應(yīng)用設(shè)計(jì)截圖能極大地開(kāi)闊你的視野?！　∽g者對(duì)于移動(dòng)應(yīng)用界面設(shè)計(jì)具有濃厚的興趣，也正在從事這方面的教學(xué)工作。在翻譯本書(shū)的過(guò)程中，譯者了解到了非常豐富的設(shè)計(jì)模式和界面類(lèi)型，本書(shū)原作者關(guān)于設(shè)計(jì)模式的心得和體會(huì)讀來(lái)也讓譯者受益頗豐。書(shū)中的內(nèi)容能對(duì)譯者的工作提供了非常大的幫助，在此感謝本書(shū)原作者Theresa 為我們帶來(lái)了如此好的一本設(shè)計(jì)參考書(shū)。　　很多人為本書(shū)的翻譯工作提供了幫助和支持，在此表示感謝。感謝我的同事平時(shí)對(duì)日常工作的分擔(dān)，使得我有更多的時(shí)間投入到本書(shū)的翻譯工作。感謝我的妻子平時(shí)對(duì)我無(wú)微不至的照顧，讓我能有健康的身體投入工作。感謝我可愛(ài)的女兒，能讓我在感到疲勞時(shí)重新燃起斗志。感謝人民郵電出版社圖靈公司的編輯傅志紅，她別具慧眼的選題使得本書(shū)的中文版得以面世，為本書(shū)的出版作出了不小的貢獻(xiàn)。感謝所有為本書(shū)的翻譯、出版工作提供了幫助的人們！在書(shū)籍翻譯過(guò)程中，譯者已及時(shí)對(duì)原著中出現(xiàn)的些許印刷錯(cuò)誤作了訂正，在此不再一一指出。由于譯者的英文理解能力和中文表達(dá)能力有限，譯文難免出現(xiàn)錯(cuò)誤和紕漏，希望領(lǐng)域內(nèi)的各位同行和專(zhuān)家予以批評(píng)指正?！　∠Ｍ緯?shū)能對(duì)讀者的工作和學(xué)習(xí)有所幫助！　　王軍鋒　　2012 年8 月

內(nèi)容概要

　　當(dāng)你迫于壓力，要制作出設(shè)計(jì)精良、易于使用的移動(dòng)應(yīng)用時(shí)，根本就沒(méi)時(shí)間進(jìn)行完全的創(chuàng)新。這本《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》提供了70多種移動(dòng)應(yīng)用設(shè)計(jì)模式作為參考，包括了從當(dāng)前iOS、Android、BlackBerry、WebOS、Windows Mobile以及Symbian平臺(tái)中提取的超過(guò)400張的應(yīng)用截圖?！　∮脩?hù)體驗(yàn)設(shè)計(jì)大師Theresa Neil將向你介紹包括反模式在內(nèi)的10種不同類(lèi)型的設(shè)計(jì)模式。無(wú)論你正在設(shè)計(jì)一款簡(jiǎn)單的iPhone應(yīng)用，還是開(kāi)發(fā)適用于當(dāng)前市場(chǎng)上所有流行移動(dòng)操作系統(tǒng)的應(yīng)用，這些設(shè)計(jì)模式都能助你一臂之力。　　《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》包括以下設(shè)計(jì)模式：　　1.導(dǎo)航：主要導(dǎo)航和次要導(dǎo)航模式　　2.表單：改變?nèi)袠I(yè)不良的表單設(shè)計(jì)習(xí)慣　　3.表格和列表：只顯示最重要的信息　　4.搜索、分類(lèi)和過(guò)濾：讓這些功能易于使用　　5.工具：營(yíng)造直接交互的體驗(yàn)　　6.圖表：借鑒基本圖表的經(jīng)典設(shè)計(jì)理念　　7.視覺(jué)吸引：吸引用戶(hù)并促使其發(fā)現(xiàn)產(chǎn)品功能　　8.控制與反饋：幫助用戶(hù)執(zhí)行操作并及時(shí)提供反饋　　9.幫助：把小型設(shè)計(jì)理念應(yīng)用到幫助頁(yè)面的設(shè)計(jì)中去　　

作者簡(jiǎn)介

《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》作者Theresa Neil，是德克薩斯州奧斯汀市的一名用戶(hù)體驗(yàn)咨詢(xún)師。Theresa Neil組建了一個(gè)用戶(hù)體驗(yàn)設(shè)計(jì)小組，其中的設(shè)計(jì)師和開(kāi)發(fā)人員都具有十分豐富的從業(yè)經(jīng)驗(yàn)。Theresa Neil的設(shè)計(jì)小組與客戶(hù)緊密協(xié)同，致力于創(chuàng)建能令人產(chǎn)生愉悅、提升工作效率和自信心的產(chǎn)品。她最新的項(xiàng)目是為餐館設(shè)計(jì)一款桌面應(yīng)用程序，讓客戶(hù)能在自己的餐桌前點(diǎn)餐。

書(shū)籍目錄

第1章導(dǎo)航 1.1主要導(dǎo)航模式 1.1.1跳板式 1.1.2列表菜單式 1.1.3選項(xiàng)卡式 1.1.4陳列館式 1.1.5儀表式 1.1.6隱喻式 1.1.7超級(jí)菜單式 1.2次級(jí)導(dǎo)航模式 1.2.1頁(yè)面輪盤(pán)式 1.2.2圖片輪盤(pán)式 1.2.3擴(kuò)展列表式 第2章表單 2.1登錄表單 2.2注冊(cè)表單 2.3核對(duì)表單 2.4計(jì)算表單 2.5搜索表單 2.6多步驟表單 2.7長(zhǎng)表單 第3章表格和列表 3.1基本表格 3.2無(wú)表頭表格 3.3固定列表格的表格 3.4帶有內(nèi)容總覽和數(shù)據(jù)的表格 3.5行分組表格 3.6級(jí)聯(lián)式列表 3.7帶有視覺(jué)指示器的表格 3.8可編輯表格 第4章搜索、分類(lèi)和過(guò)濾 4.1搜索 4.1.1顯性搜索 4.1.2自動(dòng)補(bǔ)全搜索 4.1.3動(dòng)態(tài)搜索 4.1.4范圍搜索 4.1.5保存搜索記錄并顯示最近搜索內(nèi)容 4.1.6搜索表單 4.1.7搜索結(jié)果／瀏覽結(jié)果 4.2分類(lèi) 4.2.1屏內(nèi)分類(lèi) 4.2.2分類(lèi)排序選擇器 4.2.3分類(lèi)表單 4.3過(guò)濾 4.3.1屏內(nèi)過(guò)濾 4.3.2過(guò)濾容器 4.3.3過(guò)濾對(duì)話(huà)框 4.3.4過(guò)濾表單 第5章工具 5.1工具欄 5.2選項(xiàng)菜單 5.3調(diào)用動(dòng)作按鈕 5.4情境工具 5.5內(nèi)聯(lián)操作 5.6多狀態(tài)按鈕 5.7批量操作102 第6章圖表 6.1帶過(guò)濾器的圖表 6.2帶預(yù)覽窗口的圖表 6.3總覽加數(shù)據(jù)式圖表 6.4數(shù)據(jù)點(diǎn)細(xì)節(jié)圖 6.5詳細(xì)信息圖 6.6縮放圖表 6.7數(shù)據(jù)透視表 6.8火花譜線(xiàn)圖 第7章視覺(jué)吸引 7.1對(duì)話(huà)框 7.2提示 7.3使用向?qū)?7.4視頻演示 7.5幻燈片133 7.6首次使用引導(dǎo) 7.7持續(xù)視覺(jué)吸引 7.8可發(fā)現(xiàn)的視覺(jué)吸引 第8章反饋與功能可見(jiàn)性 8.1反饋 8.2出錯(cuò)信息 8.3確認(rèn) 8.4系統(tǒng)狀態(tài) 8.5功能可見(jiàn)性 8.5.1觸摸 8.5.2滑動(dòng) 8.5.3拖曳 第9章幫助 9.1使用說(shuō)明 9.2界面元素說(shuō)明 9.3使用向?qū)?第10章反模式 10.1標(biāo)新立異 10.2隱喻錯(cuò)位 10.2.1控制錯(cuò)位 10.2.2圖標(biāo)錯(cuò)位 10.2.3心理模型錯(cuò)位 10.3愚蠢的對(duì)話(huà)框 10.4圖表垃圾 10.5按鈕海 附錄 關(guān)于作者

章節(jié)摘錄

版權(quán)頁(yè)：   插圖： 

媒體關(guān)注與評(píng)論

　　“這是一本能激發(fā)設(shè)計(jì)靈感的超級(jí)設(shè)計(jì)手冊(cè)！”　　——Bill Scott，PayPal 網(wǎng)絡(luò)開(kāi)發(fā)部門(mén)的高級(jí)總監(jiān)　　“精彩至極！”　　——Erin Malone，Tangible UX 公司總裁　　“千言萬(wàn)語(yǔ)都難以表達(dá)我對(duì)這本書(shū)的感激之情，它指導(dǎo)我改進(jìn)了正在開(kāi)發(fā)的應(yīng)用！”　　——Agatha June，用戶(hù)體驗(yàn)設(shè)計(jì)師

編輯推薦

《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》面向的讀者是創(chuàng)建移動(dòng)應(yīng)用的產(chǎn)品經(jīng)理、設(shè)計(jì)師和開(kāi)發(fā)者。無(wú)論是針對(duì)某一移動(dòng)操作系統(tǒng)設(shè)計(jì)一款簡(jiǎn)單的應(yīng)用，還是開(kāi)發(fā)應(yīng)用于市場(chǎng)上所有操作系統(tǒng)的移動(dòng)應(yīng)用，《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》都能為行業(yè)內(nèi)的人員提供幫助。另外，  《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》還可以作為智能手機(jī)及其應(yīng)用愛(ài)好者的參考讀物，書(shū)中400 多張的應(yīng)用設(shè)計(jì)截圖能極大地開(kāi)闊你的視野。

名人推薦

“《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》是一本能激發(fā)設(shè)計(jì)靈感的超級(jí)設(shè)計(jì)手冊(cè)！”——Bill Scott，PayPal 網(wǎng)絡(luò)開(kāi)發(fā)部門(mén)的高級(jí)總監(jiān)“《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》精彩至極！”——Erin Malone，Tangible UX 公司總裁“千言萬(wàn)語(yǔ)都難以表達(dá)我對(duì)《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》的感激之情，它指導(dǎo)我改進(jìn)了正在開(kāi)發(fā)的應(yīng)用！”——Agatha June，用戶(hù)體驗(yàn)設(shè)計(jì)師

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    移動(dòng)應(yīng)用UI設(shè)計(jì)模式 PDF格式下載

---