內容簡介
移動設計是當今乃至未來的趨勢,《眾妙之門——移動交互體驗設計》由來自全世界的多名資深專業設計師共同編寫,涵蓋瞭對移動設計趨勢的預測、響應式Web設計,以及針對移動web用戶的體驗設計理念和技巧等主題。
《眾妙之門——移動交互體驗設計》內容新穎,實用性強,適閤UI設計師、前端工程師、交互設計師、用戶體驗設計師閱讀參考。
作者簡介
Josh Clark專門從事移動戰略規劃和用戶體驗設計。一手創立瞭Global Moxie,緻力於幫助組織和機構建立"值得點擊"的應用和高效的 網站。他在職業生涯中學到的最重要的東西是:“科技一直在變。價值觀、原則以及創意纔是 最有價值的。要分清什麼是重要的,要瞭解為 何要選擇這個職業,目標一旦明確,就要堅持 不懈,然後一切會隨之而來。”
內頁插圖
目錄
目 錄
第1章 未來的移動技術 1
1.1 人人實現互聯 3
1.2 物物互聯 4
1.3 未來科技 12
1.4 未雨綢繆 23
作者簡介 26
第2章 響應式設計策略 27
2.1 從像素到比例 29
2.2 自適應網格 30
2.3 自適應圖片(及媒體) 31
2.4 媒介查詢 35
2.5 開工吧 41
2.6 保護內容網絡 43
2.7 永不止步 54
作者簡介 54
第3章 響應式設計模式 55
3.1 條分縷析 57
3.2 頁麵布局 58
3.3 導航欄 62
3.4 復雜導航欄 64
3.5 條件加載 67
3.6 圖片 69
3.7 媒體對象 74
3.8 排版 75
3.9 交互元素 76
3.10 錶單 80
3.11 錶格 82
3.12 寜缺毋濫式設計 84
3.13 走嚮廣闊天地 85
作者簡介 85
第4章 移動端網頁優化 87
4.1 網頁臃腫化 88
4.2 移動端網頁優化技術 95
4.3 重新思考RWD的移動端優化 110
4.4 總結 117
作者簡介 117
第5章 注重實踐的移動端設計 119
5.1 定義未知事物 121
5.2 接受未知 124
5.3 設置最低期望 125
5.4 産生想法 132
5.5 內容計劃和信息架構 141
5.6 設計和提煉原型 146
5.7 總結 158
5.8 獲得認同 160
5.9 為互聯性設計 162
作者簡介 163
第6章 觸摸式設計 165
6.1 你不“僅僅”是視覺設計師 167
6.2 拇指法則 167
6.3 機器人(安卓)總是贏 170
6.4 網頁應用,應用中的應用 171
6.5 平闆設備的一些設計問題 173
6.6 平闆設備的底部設計方法 176
6.7 混閤型電腦 177
6.8 響應式設計中的觸摸問題 179
6.9 大而不倒 181
6.10 彆擠我 182
6.11 新幻象 184
6.12 還需要按鈕嗎 185
6.13 按鈕的黑客精神 187
6.14 如同實體的信息 189
6.15 網頁應用何去何從 192
6.16 手勢設計需要一緻的標準 193
6.17 看不見的擬物設計 196
6.18 多玩視頻遊戲 198
6.19 這是一個廣闊的時代 202
作者簡介 202
前言/序言
眾妙之門:移動交互體驗設計 在這瞬息萬變的數字時代,移動設備已不僅僅是通訊工具,它們早已成為我們生活、工作、娛樂的核心。我們每一次滑動、點擊、縮放,都在與一個精心構建的數字世界進行對話。而這場對話的質量,直接決定瞭我們的使用體驗,甚至影響著我們對科技的感知和態度。《眾妙之門:移動交互體驗設計》並非一本枯燥的技術手冊,它是一扇通往更深層次理解移動交互設計精髓的門。這本書將帶領讀者穿越錶麵的功能,深入探究驅動優秀移動交互體驗背後的用戶心理、設計原則與實踐方法,為構建真正引人入勝、高效易用的移動應用提供一套全麵且實用的理論框架與方法論。 第一章:洞察用戶——理解移動交互的基石 在設計任何交互之前,首要任務是深刻理解我們的用戶。用戶並非抽象的概念,他們是擁有獨特需求、期望、習慣和限製的個體。《眾妙之門》將引導讀者超越錶麵用戶畫像,深入探索用戶洞察的多種維度。我們將詳細闡述用戶研究的必要性,為何“憑感覺”設計在當下已不可取。內容將涵蓋定性研究方法,如用戶訪談、可用性測試、現場觀察,教會讀者如何通過開放式問題挖掘深層需求,如何觀察用戶行為模式的細微之處。同時,也會深入探討定量研究方法,如問捲調查、數據分析,幫助讀者理解如何從大量數據中提煉有價值的洞察。 書中會著重強調“以用戶為中心”的設計理念,並將其細化為一係列可操作的原則。我們會詳細解析“用戶旅程地圖”的構建,演示如何將用戶的目標、觸點、痛點和情感麯綫可視化,從而精準定位設計機會。此外,對“用戶故事”和“用例”的深入講解,將幫助讀者從用戶的視角齣發,理解他們的任務流程,並為之設計最閤適的解決方案。理解不同用戶群體的特點,例如數字原生代、老年用戶、特定職業用戶等,以及他們在使用移動設備時的差異化需求和行為模式,也是本章的重點。我們將探討如何識彆和應對不同用戶群體的認知差異、生理限製(如視力、聽力)和技術熟練度差異,確保設計的普適性和包容性。 第二章:交互的語言——原則與模式的藝術 移動交互的本質是信息傳遞與任務完成。而高效的信息傳遞和流暢的任務完成,離不開一套清晰、一緻且直觀的交互語言。《眾妙之門》將深入剖析構成這門語言的核心原則。我們將係統性地講解“一緻性”的重要性,如何在跨平颱、跨應用的設計中保持視覺和交互的一緻性,避免用戶因不熟悉而産生睏惑。對“反饋”機製的深度解析,將揭示為何及時、明確的反饋是建立用戶信任、指導用戶行為的關鍵,從視覺反饋到聽覺反饋,再到觸覺反饋,多感官的反饋策略將一一呈現。 本書還會係統性地介紹移動交互設計中常見的“模式”和“啓發式原則”。例如,對“信息架構”的詳細講解,如何組織內容,使其易於查找和理解。對“導航設計”的深入探討,我們將分析不同導航模式(如底部標簽欄、漢堡菜單、抽屜導航)的優劣勢,以及在何種場景下選擇最適閤的導航方式。對“輸入控件”的精細化研究,包括按鈕、開關、滑塊、選擇器等,我們將分析它們的設計要素、交互邏輯以及如何優化用戶輸入效率。此外,書中還會涉及“錯誤預防與處理”、“可見性原則”、“效率原則”等尼爾森的十大可用性啓發式原則在移動端的具體應用,並通過大量案例分析,讓讀者理解這些原則如何在實際設計中發揮作用,並成為優秀設計的指導方針。 第三章:視覺的魔法——界麵設計的情感與邏輯 界麵是用戶與數字世界直接接觸的窗口,其視覺呈現不僅關乎美觀,更承載著引導用戶、傳遞信息、塑造品牌形象的重任。《眾妙之門》將把目光投嚮界麵的視覺層麵,但絕非停留在純粹的審美層麵,而是強調視覺設計與交互邏輯的深度融閤。本章將深入探討“網格係統”和“視覺層級”在界麵設計中的作用,如何利用它們來組織信息,引導用戶的視綫,突齣重要內容。我們將詳細講解“顔色理論”在用戶界麵設計中的應用,如何利用色彩來傳達情感、區分信息、增強品牌識彆度,同時也會強調色彩的可訪問性,確保不同視覺能力的用戶都能正常使用。 “排版藝術”在移動界麵中的重要性不言而喻。我們會分析字體選擇、字號、行高、字間距等因素如何影響閱讀體驗和信息傳達的效率。對“圖標設計”的深入講解,將涵蓋圖標的規範性、識彆度、易用性,以及如何通過一套統一的圖標體係來提升整體界麵的專業度和美觀度。本書還會重點關注“動效設計”的力量,分析恰當的動效如何在不乾擾用戶的前提下,提供視覺反饋、引導操作、增強趣味性,使界麵更加生動和富有生命力。同時,我們也將討論“留白”的藝術,理解如何通過閤理的空間布局來降低界麵的信息密度,提升用戶的視覺舒適度和專注度。 第四章:交互的流程——從概念到實現的實戰 理論的升華最終要落腳於實踐。《眾妙之門》將帶領讀者進入交互設計從概念構思到最終實現的實戰環節。本章將係統介紹“綫框圖”和“原型設計”的繪製技巧與工具。我們將詳細講解如何從用戶需求齣發,繪製齣清晰、結構化的綫框圖,梳理界麵布局和核心交互流程。隨後,我們將深入探討原型設計的不同層次,從低保真原型到高保真原型,以及各種原型工具(如Figma, Sketch, Adobe XD)的特點和應用場景,幫助讀者選擇最適閤的工具來快速驗證設計想法。 “可用性測試”作為驗證設計有效性的關鍵環節,將在本章得到詳盡的闡述。我們將指導讀者如何設計有效的可用性測試方案,招募閤適的測試用戶,進行測試過程的觀察與記錄,以及如何從測試結果中提煉齣可供改進的設計建議。對“A/B測試”的介紹,將幫助讀者理解如何通過數據驅動的方式來優化界麵和交互元素。此外,本書還會提及“迭代設計”的重要性,強調設計是一個不斷試錯、不斷優化的過程,以及如何建立有效的反饋循環,持續提升産品的用戶體驗。 第五章:情境的演變——移動交互的未來趨勢 移動交互的本質在於適應不斷變化的用戶需求和技術發展。《眾妙之門》不會止步於當前的設計方法,而是放眼未來,探討移動交互設計的新興趨勢與挑戰。本章將深入分析“跨設備協同”的體驗設計,即如何在手機、平闆、智能手錶、智能傢居等不同設備之間實現無縫、一緻的交互體驗。對“語音交互”的探索,將揭示語音界麵設計(VUI)的獨特性,以及如何為語音助手設計更自然、更智能的交互流程。 “增強現實(AR)”和“虛擬現實(VR)”在移動端的應用前景,也將是本章的討論重點。我們將分析AR/VR技術如何為移動交互帶來全新的可能性,以及在這些沉浸式環境中進行體驗設計時需要考慮的獨特挑戰。此外,對“個性化與自適應設計”的探討,將揭示如何利用數據和AI技術,為用戶提供更加定製化、更加智能化的交互體驗。最後,本書還會展望“AI驅動的交互設計”,思考人工智能將如何改變我們設計和使用移動應用的方式。 結語 《眾妙之門:移動交互體驗設計》不僅僅是一本書,它是一次深入探索與實踐的旅程。它旨在為設計師、産品經理、開發者以及所有對提升用戶體驗充滿熱情的人士,打開一扇通往卓越移動交互設計的大門。通過本書,您將不再局限於錶麵的功能堆砌,而是能夠真正理解用戶,掌握設計原則,運用設計工具,並預見未來的發展趨勢,從而創造齣真正能打動人心、解決問題的移動産品。這是一份邀請,邀請您一同走進眾妙之門,解鎖移動交互體驗設計的無限可能。
這本書《眾妙之門:移動交互體驗設計》的內容,可以說是我近期閱讀過的最具啓發性的設計類書籍瞭。它不僅僅是關於“如何設計”,更是在引導讀者思考“為何這樣設計”。我尤其被書中關於“用戶旅程地圖”和“故事闆”的講解所吸引。作者用非常直觀的方式,展示瞭如何通過繪製用戶在使用産品過程中的每一個觸點,來理解用戶的需求、動機和痛點。這種宏觀的視角,讓我能夠跳齣單一界麵的思考,站在用戶的全局體驗去審視産品。書中還重點強調瞭“可訪問性”的設計原則,這部分內容非常及時且重要。在當今社會,設計應該包容所有用戶,無論他們的能力如何。這本書讓我意識到,優秀的交互設計應該服務於更廣泛的人群,並提供瞭許多實用的方法和技巧來實現這一點。總而言之,這是一本能夠幫助設計師提升思維高度、拓寬視野的必讀之作。