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

前言

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

內(nèi)容概要

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

作者簡介

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

書籍目錄

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

章節(jié)摘錄

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

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

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

編輯推薦

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

名人推薦

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

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

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

---