會哭的禮物17 2022-07-28

構建產品的五個層面

這算是一套方法論吧，對構建產品很有幫助。這套方法主要來自於the elements of user experience 這本書，作者Jesse James Garrett 在過機場安檢的時候突然靈光一閃，一個三維矩陣一下子蹦了出來，根據這個矩陣拓展出了以使用者為中心的產品設計原則。

以下乾貨

我們都有去電商平臺購物的經歷，成熟的電商平臺給我們一系列清晰的，有條不紊的體驗，事實上這是由一系列完整的決策組成的：網站看起來是什麼樣子、如何運轉、它能讓你做什麼，這些都是彼此依賴相互影響的。如果我們也想做出這樣牛逼的平臺（產品層面），應該怎麼下手呢？

首先把產品分類，按照最基本的雙重性質分為：功能型的平臺類產品和資訊型的媒介類產品。

舉個栗子

功能型產品主要關注的是任務，所有的操作都被納入這一個過程，去思考人們如何完成這個過程。可以把功能型的網站理解為完成一個或多個任務的組合工具。

資訊型產品關注的是資訊，產品應該提供什麼樣的資訊，這些資訊對於使用者的意義是什麼。

太抽象了就想想經常使用的產品，比如淘寶，它雖然是提供了大量的商品資訊，但它的本質是一個功能型的平臺類產品；而微博就是典型的資訊型媒介類產品（當年我浪媒體基因為證，咳咳）

自下而上的五個層面：戰略層、範圍層、結構層、架構層、表現層。這是一個產品應有的基本架構，在這個基礎上我們才能討論以使用者為中心的產品設計問題，以及用什麼樣的工具和方法來解決使用者的體驗問題。

貼個圖好理解：

‌

‌

‌

‌

‌

‌

‌

‌

先說說這五個層面都代表什麼

戰略層：網站的基本範圍層是由戰略層決定的。戰略層包括了經營者想要從網站得到什麼，還包括使用者想要從網站得到什麼。簡單點也可以理解為來自外部的“使用者需求”和我們對產品的期望“產品目標”。這裡要注意的是，關於定義太狹義和太廣義都有問題，我們應該用盡可能具體的詞彙來定義我們期望的產品本身能完成的事情。

範圍層：也有人喜歡叫它功能層，但是這樣不全面。因為這一層中，針對於功能型的平臺類產品可以理解為功能規格或是功能組合，但是對於資訊型的媒介類產品來說，這一層更多的是以內容需求的形式出現。

結構層：在這一層我們要完成互動設計，這裡的互動設計不是簡單的我點一個按鈕，彈出個什麼效果，而是偏向於流程的設計，定義系統如何相應使用者的請求。當然還有資訊架構，合理的安排內容元素以促進人類理解資訊。很多產品出現了難以理解的操作，是個人都用不明白，一般就是結構層的資訊架構出現了問題。

框架層：架構層其實應該分三個部分，資訊設計：一種促進理解的資訊表達方式；介面設計：安排好能與使用者互動的介面元素；導航設計：螢幕上的一些元素組合，允許使用者在資訊架構中穿行。

表現層：產品最終的感知體驗。

這種把產品劃分為不同模組和層面的方式，非常有利於我們去思考使用者體驗中有可能遇到的問題。

其實以上說的兩個維度、五個層面、各種模組，隨便拿出一個點，都可以再開一個帖子專門講。比如導航如何設計，比如資訊架構錯了，是從中間層推倒重做還是先應對必須新增的新功能。

很多產品經理或者是設計這個產品的人，只從第三層開始，沒人去想戰略層和範圍層，覺得那只是老闆定的，我負責實施就可以了，或是剛想和老闆交流，就發現老闆講的你聽不懂或是不認同，不知道是老闆思維混亂還是自己level太低，猶豫中退下陣來開始碼功能。這種想法設計出來的產品一般都不像是給人類用的，因為每一層都是相關的，就像戰略層的使用者需求決定了範圍層功能模組，而功能模組決定了結構層的流程設計，如果中間斷層或是理解不到位，產品做出來很容易想象是個什麼樣子。

總之以上乾貨只是心法，也就是“道”，光看這個其實並麼有什麼亂用，必須要在專案的實踐中運用，讓它真正成為你自己的東西，到那時候你對產品的感覺就會上一個層次了。

​好了，先寫到這裡，希望接下來可以針對這五個層面展開來寫點東西。

大家中秋節快樂。