? 新書 |《交互設計那些事兒》——關於交互設計，你需要知道都在這裡！

#2016年06月13日15:51 已經更新了預售鏈接~！

原文鏈接：? 新書 |《交互設計那些事兒》——關於交互設計，你需要知道都在這裡！-IAMUE-交互設計學堂

購買信息

京東圖書鏈接：【京東自營預售】交互設計那些事兒-6月28日發貨 計算機與互聯網-京東熱賣

天貓簽名版鏈接：【預售作者簽名版】6月中旬到貨 交互設計那些事兒 阿西UED 交互設計實用指南方法與提升秘訣解讀 交互設計工作思路與設計技巧書籍-tmall.com天貓

宣傳語

一部窺探交互設計師成長之路的實用指南！傳授高效、靠譜的交互設計學習方法！IAMUE網站創始人傾力之作！

編輯推薦

l 人人都是產品經理/起點學院、雲課堂、百度閱讀聯合力薦！

l 一部儘是精華的交互設計實用指南！窺探交互設計師的成長之路！

l 作者傾力傳授交互設計方法與提升秘訣，解讀交互設計工作思路與設計技巧！

l 交互設計入門與進階寶典，助你輕鬆跨入交互設計殿堂 ！

《交互設計那些事兒》誕生記

阿西此前寫過本總結交互設計入門的知識電子書，名字就叫《從零開始做交互》，放在百度閱讀和網易雲閱讀上供大家下載，也收了幾塊錢相當於大家贊助IAMUE網站了。沒想到這本不起眼的電子書幫助了很多新手的交互設計學習之路，幫助他們快速有效的掌握了一些入門知識、方法，也有很多人給我反饋能不能更系統的總結一些關於交互設計學習，還有一些同學希望能夠提高自己的交互設計專業知識。

所以阿西把此前的從零開始做交互升級了。全面剖析了交互設計整個職位當中可能需要的、會遇到的人和事做了一次鳥瞰，讓你先在自己的腦海中構建交互設計的地圖與職位模型，更全面的了解交互設計，最後決定是否要做這個行業，本書還非常口語化，保證跨行無基礎的同學能夠看懂。希望你們在這個交互設計門檻特別高的行業面前做好一些準備工作。

所以我花了不到一年的時間修修改改終於把這本書定稿了。預計6月中旬會上市，下面針對這本書的一切我都先給大家展示一下，請繼續 往下閱讀：

《交互設計那些事兒》簡介：

交互設計是一個正在快速發展的新興行業，它包含界面、產品架構、信息邏輯、人機交互、用戶體驗等方面的內容。越來越多的互聯網、移動互聯網行業的從業人員關注到了交互設計，越來越多的軟體產品項目組開始配備專職的交互設計師。本書從實踐出發，系統地介紹了交互設計的概念、職責要求、知識體系、工作思路、設計技巧，並系統介紹了交互設計的入門方法和進階方向。

本書立足於實際工作，從交互設計的各個階段所遇到的不同問題出發，以交互設計工作生命周期為主線，依次介紹交互設計基礎、交互設計工作場景、交互設計架構相關能力、交互設計流程、原型設計相關內容，以及大量交互設計說明文檔的案例，就交互設計相關的方方面面做了一次鳥瞰，讓沒有基礎的學習者看完之後能快速熟悉交互設計，節約學習時間。

無論是交互設計從業者、用戶體驗從業者，還是互聯網行業的技術人員、網站UI 設計師、移動終端UI 設計師、工業設計從業者、互聯網創業者，以及傳統行業的從業設計人員和廣大學生群體，都可以從本書中獲益。

封面設計

採用了簡潔大氣、具有設計感氣息的方案。雖不是很完美，但是作為一本入門的書已經足夠了。希望你們能喜歡。

A面

B面

C面

書評來自交互設計群 1群 2群 3群 以及微信大群的各位讀者朋友。謝謝你們給予評價。

http://img.iamue.com/wp-content/uploads/2016/06/C.jpg (背面圖片，因涉及二維碼所以請單獨訪問)

下面是業內一些朋友給這本《交互設計那些事兒》寫的序言。

序1

目前學校還沒有開設交互設計專業課程，特別是人機交互設計課程，從業者基本都是在模仿中尋找對比和感覺，在摸索中形成自己的一些判斷。而我們今天所有積累的源泉基本都是蘋果這類先驅公司在一代代的產品中不斷試出來的。

人機交互設計包括產品功能結構上的設計，也包括單界面中的布局，以及過渡變化的一些設計。這兩項對能力的側重要求不同，所以一般並不是UI 設計師就一定能成長為比較好的交互功能設計師，這需要對產品策划上的定位有比較好的理解，然後才能確定何為好的結構，最後才有順利的交互過程。這些還都是在「術」上解釋交互設計做什麼，而在「道」上，我們為什麼需要做交互設計？思考這個問題的人更是少之又少，「術」帶你成長技能，而「道」讓你理解方向。

我有一個著名的「洋蔥理論」：人面對的屏幕雖然是平麵線性呈現信息的設備，但是人需要像剝洋蔥一樣一層層地理解事物。正是這個矛盾產生了設計的必要，讓我們需要把線性呈現的設備通過設計加工成有包含層次遞進的感覺。通過這種感覺還原人更自然地理解事物的本來面貌，減少了認識負擔，提升了認知體驗。

阿西的這本書基本上從人機交互設計相關的方方面面介紹了它們與交互的關係，你需要怎麼理解，以及怎麼配合團隊一起默契地成長。對你從更寬的視野上理解交互設計很有幫助，希望通過閱讀本書，你能找到你的興趣所在，並紮根其中，在交互設計的道路上不斷成長、進步。

尹廣磊

Axure 中文社區創始人

序2

為書寫序，我這是第二次，第一次我給了自己。

我寫的書是關於Axure 這款原型設計工具的使用。原型製作過程中會包含很多交互效果的實現，但並不等於能夠製作原型就能夠掌握交互設計。就像畫畫一樣，你能很好地臨摹別人的作品，但卻無法創作自己的作品，因為你可能還不會觀察事物的結構、特徵，沒有理解色彩的搭配，甚至沒有很好地掌握繪畫的技巧與手法。所以，從臨摹到創作，總是需要經一個漫長的學習與思考過程。交互設計也是這樣，我們能夠看到很多優秀的交互設計，並且能夠一絲不差地進行模仿，但當自己去完成交互設計工作時，卻完全無從下手。這是因為很多問題還沒有解決。

如何通過分析獲取到實際的需求？如何清晰地完成交互的流程與邏

輯？如何將交互與功能完美地結合在一起？如何通過原型將交互直觀地呈現？如何完成交互文檔的撰寫？如何組織評審獲取反饋？如何在實際工作中和其他關聯崗位默契配合？這些都是很實際的問題，也是作為交互設計人員需要具備的能力。

在阿西這本書中，能夠看到解決這些問題的答案。

我比較看重寫書的出發點。但不管出發點有多少種，我始終認為只有一個出發點是最正確的，那就是寫一本有益且方便讀者學習的書。但是，這個目標不容易實現。對專業書籍的寫作過程，我最大的感悟就是六個字：枯燥！枯燥！枯燥！重要的事情說三遍！

寫專業書籍不像寫小說，沒有天馬行空的故事場景可以去想像和發揮，一切內容都是被具體的知識點所約束的，只能在有限的範圍內「活動」。但這並不等於機械地列出提綱，寫完所有的知識點就能夠交差。我認為，一個負責任的作者不能再把枯燥傳遞給讀者。

我覺得阿西在寫這本書的時候，跟我的想法不謀而合，那就是在寫作中極力把文字口語化、案例生活化，能夠讓讀者把呆板陌生的知識內容聯繫到生動熟悉的生活場景中，達到快速理解的目的。因為，我們希望每一個讀者的感受都是：我能讀得下去，並且願意讀完。我能感覺到你為了我能學到更多有益的內容，不辭辛苦，反覆琢磨。我能感覺到，你在敲打每一個文字時，傾注的那份期待和熱情。

最後，我還要建議許許多多在產品經理或者產品助理崗位上的人讀一讀這本書，特別是沒有系統學習過產品知識的人，更要讀一讀這本書。這本書的主要內容雖然是交互設計，但卻有著實實在在的與產品經理相關的內容，有著作為產品經理這個綜合素質要求較高的崗位需要掌握的一些方法與技巧。不管是需求分析還是交互文檔、業務流程或者溝通評審，都是值得當下很多產品新手學習與借鑒的寶貴內容。

小樓一夜聽春語

Axure 原創教程網創始人

《Axure RP 7.0 從入門到精通》圖書/ 視頻作者

序3

隨著互聯網行業的高速發展，良好的用戶體驗被視為產品成功的關鍵

因素。用戶體驗設計涵蓋了產品設計、交互設計、視覺設計等諸多領域，而作為中間樞紐的交互設計，更是起著舉足輕重的作用。交互設計師也往往是這樣一群人，他們自如地穿梭於理性世界和感性地帶之間，他們思維嚴謹卻又富於藝術敏感度，他們的工作成果是邏輯性與感染力的完美結合體。這些都是交互設計專業賦予從業者的職業魅力。交互設計（尤其是數字產品的交互設計）是在工作實踐中逐漸形成的一個專業領域，它沒有特定的學科及完整的教育體系。面對市場對交互設計日益提升的專業度求以及越來越多的人才呼喚，我們這些較早踏入這一領域的從業人員有責任做知識儲備和人才培養的先行者。

交互設計行業在不斷發展並成熟，對交互設計師的要求也日趨提高，要求從業者同時具有T 型知識結構與跨界處理問題的能力。以交互設計文檔為例，要有對產品策略和需求的良好理解、嚴謹的邏輯思維能力、精準的文字表達能力，以及專業的視覺審美。此外，交互設計師的工作還包括用戶測試、原型製作、文案編寫、方案評審等，這也要求交互設計師是個多面手。從另一個側面來看，交互設計師的工作也是多層次多角度的，要從用戶、產品經理、視覺設計師、工程師等不同角色看待設計，使產品最終達到平衡。所以，如何培養交互設計師去勝任崗位是一個值得關注的課題。

當前市場上有關交互設計的相關書籍包括一些公認的權威著作，多是從理論指導和原則規範的角度告訴我們如何去做交互設計，設計素養的培養的確非常重要，但是新入門的從業者還需要這樣一本書，它能簡單而有效地告訴我們如何成為一位交互設計師，交互設計師都需要做什麼，以及怎樣去做。UXRen 社區是用戶體驗從業者的專業社區，旨在通過廣泛的業內交流讓從業者和學生群體獲得專業提升，讓交互設計從業者從0 到1，提升基礎能力和系統設計思維，培養更多專業的人才。

阿西的這本《交互設計那些事兒》的寫作思路與我們不謀而合，他從最基礎的設計能力、設計工作模式、設計方法理論、設計輸出物製作評審、設計溝通管理等方面告訴還在這個行業門前徘徊的同仁，如何快速地入門，有效地提高自己的工作能力。作者以通俗的語言、嚴謹的邏輯向我們闡述了什麼是交互設計，交互設計師都做些什麼，怎樣學習交互設計。

如果你還不知道這些，那麼，阿西的這本《交互設計那些事兒》是你最好的選擇。

楊本植

UXRen 社區交互設計金牌講師

序4

我和阿西是媽媽幫的同事，我們倆比較有緣，在同一天加入媽媽幫這個大家庭，對阿西的第一印象是「這是一位有想法、敢表達的傻大個」。加入公司後，隨著合作的深入，我發現阿西是一位工作態度特別積極、產品思路特別清晰的人。我是一名程序員，雖然有六七年的工作經驗，但對交互設計的理解並不是很深刻，讀完這本書，讓我對阿西有了新的認識！他把自己經歷過的、學習過的理論和實踐通過簡單清晰的語句表達出來，讓沒有交互設計基礎的學習者能夠很快理解並掌握所需知識。書中還細緻入微地介紹了一些常見的入門工具，這些工具的簡單操作可以讓很多新手快速掌握一些基礎技能，能夠嘗試做一些Demo，以最快的速度體驗交互設計過程，所以說一旦接觸到交互設計，學起來並不是一件很難的事情。

這是一本介紹交互設計的入門書。如果你是一位想做交互設計的青年，推薦你閱讀本書，它會帶領你邁出「改變世界」的第一步；

如果你是一位互聯網領域的從業者，推薦你閱讀本書，它會帶領你深窺交互設計師們的世界。

孫振興

媽媽幫移動研發總監

前百度輸入法研發Leader

序5

《交互設計那些事兒》是國內乾貨頗多且較為接地氣的交互設計書籍之一。

書中結合了行業特性和行業現狀，同時指明做好這一門職業的學習方向，以及自我培養和提升的方法。

從作者全面敘述交互設計的這些事中不難看出，本書是作者入行多年的經驗總結。

本書採用通俗易懂的語言把交互設計的概念、知識體系、職責、行業現狀，以及發展方向等方面很好地串聯起來，是一本幫助讀者快速入門和成長的入門書籍。

文人文

產品經理

設計夾聯合創始人

前言

本書是關於交互設計的入門書，主要介紹交互設計從業人員的工作場景、工作內容、協同工作方式，以及需要掌握的基礎技能。因此，本書的目的是為沒有交互設計基礎但準備從事交互設計工作的設計人員提供幫助。

注意，如果您是經驗豐富的交互設計人員，能夠獨立完成交互設計方案，製作交互設計文檔等，就不需要閱讀本書。不過，如果您想再了解交互設計背景的一些知識，本書也可以作為擴展閱讀資料。

本書結構

全書共分11 章，大部分章節都是相互獨立的，你可以按照任意順序閱讀，找到自己感興趣的部分主題。

第1 章是基礎知識，主要介紹交互設計領域的很多專有名詞、相關概念，以及交互設計的發展歷史。交互設計者入門需要學習什麼？要掌握什麼內容？都可以從本章找到需要掌握的知識體系。另外，還討論了交互設計的協作單位有哪些，以及交互設計師的上升空間、職位要求等一些入門必備的「知識套餐」。

第2 章介紹交互設計的工作場景、溝通場景，以及項目中怎麼與需 求分析人員、產品開發人員、UI 設計師等進行協作的場景，同時還介紹了交互設計師日常工作實例和交互設計整體工作思路。

第3 章介紹架構與頂層設計，包括怎麼從高層的角度宏觀地看待項目整體，不止是局部進行作業。同時還介紹了什麼是架構、頂層設計，以及如何開展頂層設計，怎麼通過頂層設計確認項目的架構與交互設計的框架。另外，也介紹了交互設計與頂層設計的關係。

第4 章介紹流程。交互設計主要就是流程設計，把業務流程轉化為程序的邏輯流程，介紹什麼是業務流程，如何通過業務流程抽象出程序的邏輯流程，最後介紹了通過軟體製作流程圖的方法。

第5 章是原型設計，主要介紹原型的基本概念、現狀與發展趨勢。原型設計是交互設計工作中最常見的一個工作任務，通過設計方案來確認需求與執行的產品模型，也可以快速確認需求與想法能否被滿足，同時也介紹了常見的幾種原型設計工具的使用方法。

第6 章介紹高保真原型，主要討論是否需要高保真原型，並用實例形式展示了一個高保真原型的製作過程。

第7 章介紹測試原型。與軟體開發一樣，原型也需要測試，測試原型中是否存在功能點、流程、狀態、交互動作等方面的Bug。為了讓文檔交付對象能夠完整地理解交互設計方案，理解交互設計師的思路，需要交互設計師自測其交互設計原型，以確保文檔沒有問題。

第8 章介紹如何製作交互設計說明書，主要包括什麼是交互設計說明書（DRD）、用Visio 如何製作DRD，以及使用常見的Axure 如何製作DRD，詳細說明了交互設計說明書的使用場景、交互設計說明書應有的重點。展示了UI 設計師偏重的界面元素版文檔實例，提供給程序人員的文檔則相對重視頁面邏輯的展現。

第9 章介紹了交互設計方案的評審需要業務部門、研發部門、測試部門、項目管理部門、領導層等關心項目進度的人參與，他們都要了解交互設計方案與設計理念，需要在完成交互設計方案之後組織交互設計評審會，以確保設計方案會被項目後續環節里的開發人員、測試人員等 消除對設計方案的誤解，同時也對需求方的需求進行印證，並確認是滿足了需求。

第10 章介紹了關於產品設計與交互設計兩個崗位的關係，用易於理解的示例解釋為什麼交互設計師需要懂產品設計。

第11 章介紹了如何自學交互設計，列舉了獲得行業知識的一些渠 道，以及一些交互設計軟體和交互設計基礎的技能。

附錄中列出了交互設計的關鍵詞概念手冊，以及交互設計師常配合的研發人員、視覺設計人員相關的工作經驗技巧分享。

致謝

本書由阿西UED編寫

本書的出版也要感謝電子工業出版社博文視點與本書編輯、審校、印刷工作相關的所有編輯，是他們辛勤的付出才使本書得以順利出版。

感謝我的家人對我的支持，這本書獻給我的父母，是他們永遠給我支持和鼓勵。特別要感謝的是我的妻子Tinathy，她對我生活上無微不至的照顧，讓我沒有瑣事的煩擾，能全身心投入寫作，Tinathy 還在書稿完成之際協助我做了審校。

最後要感謝百度閱讀平台、網易雲課堂平台。很多讀者就是從這裡先閱讀了電子版(從零開始做交互)，然後才了解到本書的。

勘誤信息

因作者水平有限，書中難免會出現錯誤與不妥之處，懇請讀者批評、指正，作者的聯繫郵箱是assey@iamue.com。大家也可以將遇到的問題添加到《從零開始做交互》意見反饋-IAMUE-交互設計學堂 網頁，我們會對這些問題進行一一解答。

如果您還希望獲取更多的網路學習資源，並與本書其他讀者溝通，可以訪問IAMUE 博客網站（IAMUE-交互設計學堂）。該博客網站是基於Web 系統的，您可以選擇感興趣的技術文章，並與其他讀者或技術用戶交流，博客提供了一個訂閱功能，你可以根據需要選擇訂閱。

作者：阿西UED

目錄

第1 章 交互設計基礎知識 / 1

1.1 交互設計的基本概念 / 2

1.1.1 名詞解釋 / 3

1.1.2 交互設計發展史 / 5

1.1.3 交互設計的應用 / 7

1.1.4 交互設計職業上升空間 / 8

1.2 交互設計師應具備的能力 / 10

1.2.1 交互設計師的自我修養 / 11

1.2.2 交互設計師的崗位職責 / 11

1.2.3 交互設計師的執行內容 / 12

1.2.4 不同等級的交互設計師的要求 / 13

1.3 交互設計師的知識體系 / 15

1.3.1 需求分析能力 / 16

1.3.2 流程邏輯設計 / 18

1.3.3 產品功能設計 / 18

1.3.4 原型設計 / 19

1.3.5 編寫文檔（DRD 文檔）與流程圖 / 21

1.3.6 演講與演示（PPT、Demo） / 22

1.3.7 文案編寫 / 23

1.3.8 頂層戰略設計 / 23

1.3.9 用戶研究 / 24

1.3.10 代碼編程（僅需了解） / 25

1.4 交互設計師業務相關職位簡介 / 26

1.4.1 用戶體驗設計師簡介 / 26

1.4.2 產品經理簡介 / 26

1.4.3 UI 設計師簡介 / 27

1.4.4 程序員簡介 / 28

第2 章 交互設計工作場景 / 30

2.1 UED 組織架構 / 31

2.2 交互設計師在工作中的溝通場景 / 32

2.2.1 交互與設計的溝通 / 32

2.2.2 交互與開發、測試的溝通 / 33

2.3 項目組工作場景 / 33

2.3.1 需求評估場景 / 34

2.3.2 功能設計場景 / 35

2.3.3 產品評審場景 / 35

2.3.4 交互設計作業場景 / 37

2.3.5 交互設計方案評審場景 / 39

2.4 交互設計師日常工作場景 / 40

2.5 交互設計的工作思路 / 41

第3 章 交互設計中的架構與頂層設計 / 44

3.1 了解什麼是頂層設計與架構設計 / 45

3.2 怎麼進行頂層設計 / 48

3.3 為什麼交互設計師要學會頂層設計 / 49

3.4 實例: 頂層設計圖例 / 49

3.5 頂層設計注意事項 / 52

第4 章 業務流程與交互設計 / 54

4.1 業務流程圖 / 55

4.1.1 流程圖的概念 / 55

4.1.2 流程圖的種類 / 55

4.2 業務梳理與功能設計 / 56

4.2.1 業務流程抽象流程圖 / 57

4.2.2 功能組織圖 / 60

4.3 交互設計中的流程圖製作 / 61

4.3.1 流程圖繪圖工具 / 61

4.3.2 部門流程圖 / 62

4.3.3 業務流程圖 / 64

4.3.4 邏輯流程圖 / 65

4.3.5 交互頁面流程圖 / 66

4.4 業務流程案例 / 67

4.5 流程設計技巧 / 75

4.5.1 技巧一：充分理解需求 / 76

4.5.2 技巧二：提取核心業務流 / 77

4.5.3 技巧三：邏輯描述清晰 / 78

第5 章 原型設計 / 79

5.1 原型和原型設計的概念 / 80

5.2 原型設計的歷史 / 81

5.3 原型設計未來發展趨勢 / 83

5.4 原型設計與產品設計的關係 / 86

5.5 常用原型設計工具 / 87

5.5.1 需求與邏輯：使用思維導圖理清產品細節 / 88

5.5.2 Axure 原型設計工具 / 92

5.5.3 Justinmind 原型設計工具 / 101

5.5.4 Visio 原型設計工具 / 126

5.5.5 原型設計總結 / 132

第6 章 高保真原型設計 / 133

6.1 什麼是高保真原型 / 134

6.2 關於高保真的爭論 / 134

6.3 實例：製作高保真原型 / 136

第7 章 測試並評估交互設計原型 / 143

7.1 常用的測試方法 / 145

7.2 設計測試用例 / 148

7.2.1 確定用戶場景 / 148

7.2.2 明確任務 / 148

7.3 測試和評估交互原型總結 / 149

第8 章 交互設計說明書的製作 / 150

8.1 交互設計說明書的類型 / 151

8.1.1 正式版交互設計說明書 / 151

8.1.2 Visio 版頁面邏輯流程交互說明書 / 152

8.1.3 Axure 版本PRD 或交互設計說明書 / 153

8.2 如何編輯交互設計說明書 / 155

8.2.1 交互設計說明書的閱讀對象 / 155

8.2.2 交互設計說明書包含的內容 / 157

8.3 交互文檔寫作建議 / 162

8.4 交互設計說明文檔實例（界面元素版） / 163

8.4.1 封面 / 165

8.4.2 第一部分：前言 / 166

8.4.3 第二部分：交互設計需求與功能列表 / 169

8.4.4 第三部分：交互說明 / 172

8.4.5 第四部分：其他補充說明 / 201

8.5 交互設計說明文檔實例（頁面邏輯版節選） / 202

8.5.1 第一部分：前言 / 202

8.5.2 第二部分：頁面元素定義 / 205

8.5.3 第三部分：交互邏輯（主要流程） / 209

第9 章 組織交互設計評審會 / 215

9.1 組織交互設計評審的意義 / 216

9.2 如何組織交互設計評審 / 216

9.3 實例：評審會會議紀要 / 218

第10 章 產品與交互設計都要懂 / 221

10.1 使用互聯網模式「造橋」 / 222

10.2 需求與需求變動故事 / 228

第11 章 自學交互設計指導 / 235

11.1 獲取基礎理論知識 / 237

11.1.1 Quora 社區 / 237

11.1.2 知乎網 / 239

11.1.3 博客 / 240

11.1.4 微信公眾號 / 241

11.1.5 圖書 / 243

11.2 軟體與技能 / 244

11.3 交互項目經驗 / 245

11.4 進階交互設計能力 / 246

11.5 注意事項 / 246

附錄 / 248

附錄A 協作工作技巧 / 249

附錄B 交互設計概念手冊 / 253

後記 / 259

購買信息

京東圖書鏈接：【京東自營預售】交互設計那些事兒-6月28日發貨 計算機與互聯網-京東熱賣

天貓簽名版鏈接：【預售作者簽名版】6月中旬到貨 交互設計那些事兒 阿西UED 交互設計實用指南方法與提升秘訣解讀 交互設計工作思路與設計技巧書籍-tmall.com天貓

還有一個方式就是加阿西的微信，看阿西朋友圈通知~

阿西微信號應該在iamue.com首頁的右側有個二維碼，懶人去掃一掃就可以加了。不嫌煩的同學 手動搜索吧：Hello_WangSir 。

推薦閱讀：