《蝶變：移動用戶體驗設計之道》結合云之家移動辦公產品的實際案例，分析了各類不同場景下產品的設計方法，詳
細介紹了如何打造一款具備優秀用戶體驗的智能手機App，主要內容包括企業用戶研究、To B
產品設計研究、交互和視覺設計技巧、平臺建設和生態系統設計技巧和相關的案例及經驗總
結。書中包含大量實際調研數據，對設計的迭代過程進行了充分展示，側重實戰經驗，并非
空洞的設計思想和理論。
《蝶變：移動用戶體驗設計之道》適合用戶體驗設計領域的從業者、圖形界面設計師、交互設計師、用戶研究員、產
品設計規劃人員、企業服務產品設計人員、移動辦公產品行業相關人員閱讀，也適合交互設
計、用戶體驗相關專業的學生閱讀，還可作為相關專業培訓機構的參考用書。
金蝶作為企業服務領域的老兵已經深耕B端市場25年，旗下云之家產品也已經在移動辦公領域走過了8年時間。與C端產品不同，B端產品需要了解企業，要為客戶提供*為專業的服務，在這一點上金蝶云之家團隊有著豐富的經驗。金蝶云之家用戶體驗部擁有20多名經驗豐富的設計師，不僅年輕有創意，還致力于為客戶打造專業的產品。
鄧俊杰 金蝶云之家用戶體驗部總監，首席用戶體驗架構師。曾就職于華為技術有限公司，任交互設計師、設計主管、高級產品經理等職位。在用戶體驗相關領域工作13年，著有設計發明專利文章20余篇。
第 1 章 企業用戶研究方法探討
1.1 發掘用戶真實的需求
1.2 如何設計問卷才能收集到高質量的數據
1.3 企業實地訪談啟思錄
1.4 企業用戶訪談案例
1.5 可用性測試：任務評估模型與計量方式
1.6 論用戶研究員的自我修養
第 2 章 To B 產品設計研究
2.1 關于用戶故事地圖的多種用法
2.2 用戶畫像烹飪課
2.3 產品設計需要考慮完整場景
2.4 基于場景進行的 To B 產品設計
2.5 如何做好 To B 產品需求
第 3 章 交互和視覺設計技巧篇
3.1 格式塔原則在移動辦公設計中的運用
3.2 費茨定律在移動辦公設計中的運用
3.3 表單設計技巧
3.4 重要的視覺設計原則——對比
3.5 黃金分割在界面設計中的應用
3.6 如何做好視覺設計走查
3.7 如何提高文本易讀性
3.8 移動辦公產品設計案例
第 4 章 平臺建設和生態系統設計
4.1 為什么要構建平臺控件庫
4.2 設計規范和組件化
4.3 快速建立控件的方法
4.4 YunDesign 產品設計原則
4.5 職場社交在移動辦公產品中的探索
第 5 章 設計案例精選
5.1 如何利用簽到提高二次傳播
5.2 智能審批設計探索
5.3 審批表單設計實踐
5.4 To B 直播場景設計
5.5 CRM 產品設計總結
5.6 CRM 連接 ERP 項目
5.7 如何提升報表體驗
第 6 章 設計能力提升篇
6.1 交互設計背后的心理學原理
6.2 設計用戶的情緒
6.3 如何解決傻瓜式交互動畫
6.4 產品設計師常常忽視哪些實際上很重要的事
6.5 如何開展競品分析
6.6 如何創造體驗、創造價值
6.7 設計師應該如何跟程序員合作
第3章 交互和視覺設計技巧篇3.1 格式塔原則在移動辦公設計中的運用作者：王梓銘1. 格式塔原則首先簡單介紹一下格式塔原則，它分成五個部分：（1）相近（Proximity）：距離相近的各部分趨于組成整體；（2）相似（Similarity）：在某一方面相似的各部分趨于組成整體；（3）封閉（Closure）：彼此相屬、構成封閉實體的各部分趨于組成整體；（4）連續（Continuity）：人們傾向于完整地連接一個圖形，而不是觀察殘缺的線條或形狀；（5）簡單（Simplicity）：具有對稱、規則、平滑的簡單圖形特征的各部分趨于組成整體。2. 說明與舉例1）相近（Proximity）人們通常把位置相對靠近的事物當成一個整體，下面用幾幅圖來說明一下。如圖所示，同樣都是16個圓形，左圖你會把16個圓形當成一個整體；但是右邊那幅圖，上面8個圓形和下面8個圓形各自靠得更近，所以你會把上面8個圓形當成一個整體，把下面8個當成另外一個整體。 ▲ 相近示意圖1 ▲ 相近示意圖2這里需要注意的是，相近性作為第一條原則，它的“權重”非常大，大到可以抵消其他原則，例如為上面的圓形添加顏色，甚至改變其形狀，人們也會把相近的事物當成一個整體。那么相近性原則的實際應用，又有哪些呢？最常見的地方就是一些功能列表頁面，例如設置，或者像微信的“發現”頁面那樣的功能列表。大家會把“掃一掃”和“搖一搖”當成一個整體，而把“購物”和“游戲”當成另一個整體，這樣可以讓界面顯得更加清晰，同時還能突出重點。這個列表的兩頭實際上是最突出的，像“朋友圈”和“小程序”。如果沒有使用格式塔的相近原則，界面就會顯得非常雜亂了。
▲ 微信“發現”頁面示意圖iOS系統的設置，也通過位置親疏關系來體現分組。
▲ iOS系統的設置支付寶首頁的元素雖然很多，但是根據相似性可以清晰地分為幾組。
▲ 支付寶首頁2）相似（Similarity）人們會把那些明顯具有共同特性（如形狀、大小、運動趨勢、方向、顏色等）的事物當成一個整體。例如下方第一幅圖，大家會把同行的正方形當成一個整體，把其他圓形當成另一個整體。第二幅圖，人們就會把大正方形當成整體，把小正方形當成另一個整體。
▲ 相似示意圖1而這里需要注意的是人們對形狀、大小、共同運動、方向、顏色的“感受權重”是不一樣的，在這里顏色屬性會覆蓋其他屬性的影響。左邊這幅圖，大家會把同行的正方形當成一個整體，加了顏色后的右圖，就變成豎列圓形和正方形是個整體了。
新書資訊