很喜歡他序言里的一句話——“如果說《動與靜之美——解讀移動UI與交互動態(tài)效果設計》想要解釋哪些是“正確的設計”，那么這本書想讓你感受哪些是“正確的設計”。正確的設計。” “好的設計”還為你提供了從本質上解決問題的技能。”

從“如何做”到“為什么這樣做”，看似簡單，但畢竟是一個設計師的重大思維升級。 當我們不再困惑該用什么軟件，如何實現這個設計的療效時，你會發(fā)現一個設計師的上限真的被決定了——設計師是否有思考能力。 那么，設計的思維技巧有哪些，需要考慮什么，本書會給你部分答案。

1. 這本書是關于什么的？

1. 內容結構

這本書的作者寫了大約11萬字。 實體書應該相當厚，但整本書的內容結構非常簡單，易于閱讀。 主要分為五個部分，按照產品設計的工作流程來介紹，分別是產品、交互、設計、研發(fā)、數據分析（可以理解為運營）。 用作者的話說，通過這五個關鍵階段思維能力的提升，設計師可以快速建立全面的思維模型，成為“全鏈路設計師”。

2. 產品

在之前的閱讀分享中，很多設計師都會問我如何提高產品的基礎知識。 雖然我很仔細地思考過這個問題，也比較過幾本書。 但最終我發(fā)現《超越視覺》中關于產品基礎知識的部分可以算是產品知識的中級介紹。 在這一節(jié)中，筆者向我們介紹了幾個特殊的基礎和關鍵的產品知識點。

2.1 產品生命周期

在產品拆解的“產品畫像”部分，有一個模塊不知道大家注意到沒有，那就是產品生命周期。 在介紹了行業(yè)、競爭對手、產品介紹、用戶畫像、信息結構等之后，我會告訴你這個產品目前處于哪個生命周期，以及當前產品目標是側重于商業(yè)變現還是用戶衰退。

如果你不理解產品生命周期的概念，那么你就很難理解為什么一個產品在不同階段有不同的業(yè)務目標。 比如一個產品，在導入期和成長期，你會發(fā)現他們會拼命花錢去獲取用戶。 滴滴、美團等產品剛推出時就瘋狂給用戶各種補貼、紅包。 對于一個成熟的產品，比如我們拆解的QQ音樂、微信讀書，他們都在尋找豐富多樣的盈利模式來實現商業(yè)變現。 這是因為產品生命周期不同，所以業(yè)務目標也不同。

作者花了很長時間解釋產品生命周期，比如它包含的四個階段，以及不同階段產品的重點和目標。 這種知識非常實用，讀完之后你會突然感覺通俗易懂。

2.2 最小可行產品設計

什么是最小可行產品？ 即能夠滿足用戶最基本功能的產品。 比如你做一個商城，最基本的功能就是讓用戶在前臺結賬、下單，后臺接收訂單數據。 只要這個過程正確，就可以保證產品的基本運行。 至于其他的加團、會員、物流、積分等功能，他們可以推遲設計，甚至不設計。 我們一般稱最小可行產品為MVP（MVP），這個概念來自于Eric Rice的《精益創(chuàng)業(yè)》一書，這是產品設計中經常提到的一種設計方法，我們需要記住它。

2.3 設計沖刺

“設計沖刺”與“MVP”相同。 它也是一種產品設計的方法，是微軟設計團隊根據自己的工作經驗提煉出來的，有一本同名的書專門介紹了這種方法。 這種技術與“MVP”不同。 它更注重在短時間內解決產品在一定時間內的設計目標。

2.4 產品價值與產品需求

雖然我在整理這一部分，但我突然發(fā)現，書讀得越多，就越容易讀懂。 為什么這么說？ 筆者在本節(jié)提出的問題，可以通過曲慧在《硅谷后裔黑客筆記》中描述的“設計公式”來回答。 如何判斷一個新功能是否需要開發(fā)，以及這個功能開發(fā)的優(yōu)先級，說實話sketch視覺設計教程，它不是憑感覺，而是一個形成的公式來幫助你做決策。 有興趣的同學，可以閱讀我6月份寫的行業(yè)洞察《在線英語啟蒙教育從業(yè)者的產品設計公式》。 文章對“設計公式”的提煉和應用寫得清清楚楚。

2.5 競品分析

您將找到所有關于交互設計、產品知識和競品分析的書籍。 足以說明競品分析確實是每個產品總監(jiān)和交互/UI設計師必須具備的基本技能。

3、互動

在交互設計章節(jié)中，作者主要介紹了交互設計的基本概念、用戶檢驗的流程方法、信息架構的概念與制作、流程圖與原型設計的繪制技巧等。如果你讀過《Win每一步”，你會發(fā)現，當你再讀一遍這個知識點時，他們就會逐漸成為你的同事。 作者講得很詳細，大家可以仔細研究一下細節(jié)，有兩點我覺得很重要，我分別給大家講一下。

3.1 交互設計在產品設計各階段的作用

作者通過產品開發(fā)的完整流程介紹了交互設計師的作用。 其實交互設計師一般被很多人理解為畫原型，但實際上交互設計師會參與到整個產品設計開發(fā)的各個階段。

在想法變成需求之前，如果這個時候有交互設計師參與，那么很多偽需求就會在這個階段被通過。 經驗豐富的交互設計師會快速判斷需求是否符合業(yè)務邏輯，從而找到業(yè)務流程相似的競品。 不要小看這個環(huán)節(jié)，很多創(chuàng)業(yè)團隊都是死于虛假需求。

需求確定后，雖然已經到了原型設計階段，但這才是交互設計師的核心工作。 正如我在《贏在每一步》中總結的那樣，交互設計師是產品團隊的業(yè)務需求翻譯者，他把需求翻譯成頁面，讓整個產品團隊都能清楚地了解它是一個什么樣的產品，我們想要怎樣的產品。 做。

最后，交互設計師在界面設計、開發(fā)、測試和發(fā)布中扮演著非常重要的角色。 可以說，交互設計師不僅僅是為UI設計師畫線框圖，而是為一款產品從構思到上線保駕護航。 ，增加了產品的故障率。

3.2 信息架構的概念與產生

什么是信息架構？ 信息架構是產品的骨架。 從這個信息架構中，你可以看到這個產品有多少個器官。 在直播復制實踐中，我演示了如何使用Xmind來梳理產品的信息結構。 雖然方法是這樣，但是無論我們是設計一個產品還是檢驗一個產品，信息架構一定是所有產品設計的第一步。 只有規(guī)劃好這個產品的內容，你的頁面才知道該放什么內容，怎么放。 像Xmind這樣的思維導圖軟件非常容易使用。 你只需要自己做幾個，就可以快速入門信息架構。

4. 設計

在這一節(jié)中，作者對UI界面設計的一些基礎知識點進行了全面的總結，比如當前流行的UI設計風格、UI設計中的基本入門知識、多平臺設計注意事項等，這類知識非常有參考價值。很基礎，就不做過多介紹了。 你可以仔細研究，吸收這類知識。

5. 發(fā)展

很多設計師也會說我是做設計的，代碼之類的東西與我無關。 事實上，如果你能掌握一些基本的產品開發(fā)知識，對于你在工作中的協作會有很大的幫助。 我還是告訴你，設計的時候一定要和后端搞好關系，因為你們兩個的工作是綁在一起的。 無論你的設計有多漂亮，如果后端無法恢復，最終的體驗都會大打折扣。 如何與后端搞好關系，需要你學習一些基礎的技術知識。 作者在這一章講了很多知識點，包括Html學習、CSS快速入門，甚至還有一節(jié)教設計師如何建立自己的博客。 我篩選了幾個重要的知識點，分享給大家。

5.1 后端和前端

這兩個詞你一定很熟悉。 而且還是有必要跟大家提一下，后臺是用戶能看到的部分。 比如在一個購物網站上，我們能使用的所有功能都屬于后臺，是用戶可見的。 前端是指用戶看不到的數據交換，比如當天形成了多少訂單、支付了多少錢等等。 UI設計師與前端關系最為密切，因此需要花時間了解后端的基礎知識。

5.2 前端和后端

前端和后端是兩個完全不同的概念，但也不是一個層次的。 簡單來說，后端需要后端和前端一起開發(fā)，后端可以理解為一個產品。 比如Zcool的創(chuàng)作者中心，雖然它就像一個后臺，你可以查看自己的數據，管理自己的作品，用戶是看不到的，但是你操作的后臺其實是由后臺和前端組成的，你看不到的數據看的是前端，你操作的所有數據交換和處理都是由前端人員完成的。

5.3 動態(tài)頁面和靜態(tài)頁面

動態(tài)頁面意味著數據會實時更新，可以由管理員在后臺更新； 而靜態(tài)頁面是指后端工程師直接以代碼的形式編寫頁面，沒有后臺改變頁面內容的功能。 雖然這兩個概念對于UI設計師來說確實很重要，但是他們必須充分理解動態(tài)頁面和靜態(tài)頁面的區(qū)別，因為這往往關系到你設計的實用性。

我見過很多設計師，他們的設計稿真的很漂亮，但一點實用性都沒有。 其原因是他們不了解動態(tài)和靜態(tài)的區(qū)別。 尤其是在品牌官網的設計中，很多設計師在新聞信息、發(fā)展歷史等頁面上設計了很多創(chuàng)新效果，卻往往忽略了那些需要經常維護和更新的內容。 一旦設計師不仔細思考，設計稿看起來很好，線上效果卻是一團糟。 了解動態(tài)和靜態(tài)的區(qū)別會給整個產品運營團隊增加大量的工作量。

5.4 HTML、CSS 之間的關系

HTML就像我們頁面設計的內容，它有大腦，有鋼板區(qū)，還有菜單欄； CSS就像顏色樣式和文字樣式，你可以批量改變這種常用的樣式sketch視覺設計教程，整個設計就能保持一致； 而像交互式動態(tài)效果，比如點擊按鈕，就會形成移除的效果。 作者對這三個內容進行了非常詳細的介紹。 大家可以根據自己的興趣來閱讀，掌握一些基礎的編程知識。

6. 數據分析

當一個產品即將上線時，產品就會不斷迭代。 在產品運營過程中，設計師必須學會了解一些常見的數據指標。 這類數據指標能夠真實地反饋產品是否解決了用戶的使用情況以及用戶在產品使用過程中遇到的困難。 沒有數據，再完美的產品也沒有討論的意義。

6.1 常用數據指標

作者將數據指標分為三類，分別是用戶相關數據指標、行為相關數據指標和業(yè)務相關數據指標。 雖然如果你經?？次覀兊漠a品拆解，你已經熟悉了很多專業(yè)術語，比如獲客、激活、留存、日活、PV等等。

6.1.1 日活躍用戶和月活躍用戶

DAU和MAU分別稱為日活躍用戶數（簡稱“日活躍”）和月活躍用戶數（簡稱“月活躍”）。 主要用于觀察產品每日或每月的活躍用戶數量。

6.1.2 光伏和紫外

PV是指頁面瀏覽量，UV是指訪問某個頁面的獨立用戶數。 比如3個用戶訪問了一個APP的100個頁面，那么PV就是100倍，UV就是3。

6.1.3 商品交易額

GMV的全稱是Gross，指一段時間內的交易總價值，通常在對電商產品進行數據統(tǒng)計或制定KPI（Key，關鍵績效指標）時使用。

6.2 A/B 測試

A/B測試就是將所有用戶分成兩部分，一部分用戶聽到方案A，另一部分用戶聽到方案B，然后對兩部分用戶使用產品時形成的數據進行測試分析，為最終選擇使用哪個版本提供有效的參考依據。 過去一周，Zcool一直在進行A/B測試，目的是收集不同用戶群體的反饋。

七、總結

《超越視覺：全鏈路UI設計思維的培養(yǎng)與提升》內容非常扎實。 不僅全面介紹了全鏈路設計師需要學習和掌握的五個部分，還增加了大量的實踐。 去他媽的內容。 比如流程圖的繪制、信息結構的工具、編程語言的學習、CSS入門等等，這本書確實適合比較傳統(tǒng)的UI設計師學習。 通過本書，你可以快速突破自己的知識盲點，從而了解UI設計師當前和未來的發(fā)展方向，成為一名有競爭力、有價值的全球設計師。 鏈接設計師。

2、這本書給了我們什么啟示？

1、全鏈路設計師的成長模型

作者的書的內容結構似乎是一個全鏈路設計師的成長模型。 如果你想成為一名全鏈路設計師，那么你需要在五個關鍵階段進行學習：產品需求、交互設計、UI視覺設計、產品開發(fā)和數據分析。 你可以根據這個成長模型來規(guī)劃你的學習內容。 比如你現在的產品知識很薄弱，那么你可以提高你的產品知識。 這樣你就有了使命感，這個模型可以為你提供指導和考慮。

2、產品設計思維能力

產品設計不是一個點、線、面，而是一個系統(tǒng)工程。 就像本書中作者列出的五個部分一樣，如果你只局限于某個產品設計的肥瘦，那么你的思維能力就無法取得突破。 要有全局觀，從整體的角度思考如何設計產品； 你必須跳出設計的執(zhí)行層，從頭到尾思考，這樣你才能從掌握一個設計工具中學會一種產品設計思維能力。

3.從“如何”到“為什么”？

我把這種思維的提升定義為設計師改變的一個節(jié)點。 就像我以前做外包設計的時候，更多的是關注如何根據客戶的需求來設計項目，而不去思考客戶為什么會有這樣的需求。

三、寫在前面的話

《超越視覺：全鏈接UI設計思維的培養(yǎng)與提升》這本書不僅向你全面介紹了成為全鏈接設計師的技能模型，還分享了很多實用技巧。 正如他在序言中所寫，他想幫你打開一扇門，一扇可以連接其他崗位的門！

如有侵權請聯系刪除！