當(dāng)做好產(chǎn)品需求分析之后，下一步就是展開產(chǎn)品設(shè)計(jì)的相關(guān)工作。具體有哪些步驟？過程中需要注意哪些問題？本文通過劍客小白的案例，梳理了產(chǎn)品設(shè)計(jì)的相關(guān)流程和注意事項(xiàng)，與大家分享。

師傅說：一切都是從需求中來。但需求之后呢？

在【白雲(yún)】暢銷的今天，小白又回想起那年在青潭之畔，和商一起做產(chǎn)品設(shè)計(jì)的探索。雖然歲月匆匆、記憶朦朧，但當(dāng)時(shí)的場景依舊讓小白難以忘懷，誰能想到家喻戶曉的【白雲(yún)】竟是從一個(gè)小青潭邊開始的。

時(shí)間倒流十年。

商是以這樣一句話開頭的：我的師傅是啟，我沒下山之前他總是逼著我看書，有一次無聊看到一本關(guān)于產(chǎn)品設(shè)計(jì)的書籍，書里的內(nèi)容正好和今天的情景契合。而在雲(yún)的這些年中，我曾在運(yùn)用此方法做過其他產(chǎn)品設(shè)計(jì)，效果還不錯(cuò)。

小白：我?guī)煾抵蛔屛夷罱?jīng)。

商：當(dāng)需求梳理完成之后，就要開始考慮后面的商業(yè)模式、產(chǎn)品形式、信息架構(gòu)、具體功能的設(shè)計(jì)了，商業(yè)模式是中樞，產(chǎn)品形式是外觀，信息架構(gòu)是骨骼，功能設(shè)計(jì)是血肉。只有完成這些，一個(gè)完整的產(chǎn)品才能呈現(xiàn)我們的面前。

一、商業(yè)模式

商業(yè)模式包含：定位、業(yè)務(wù)模式、資源和能力、盈利模式。商業(yè)模式實(shí)現(xiàn)了從用戶價(jià)值到產(chǎn)品價(jià)值的循環(huán)。

定位：組織提供什么樣的產(chǎn)品，面向什么用戶，解決用戶什么問題，產(chǎn)生什么價(jià)值；定位需要從組織交付思考問題，來實(shí)現(xiàn)用戶價(jià)值。

業(yè)務(wù)模式：是指為了實(shí)現(xiàn)定位，涉及從生產(chǎn)到交易的流程及參與角色。主要的業(yè)務(wù)模式為：

（1）實(shí)物商品交易；

（2）實(shí)物+服務(wù)產(chǎn)品交易；

（3）純服務(wù)產(chǎn)品交易；

資源和能力：完成全部交易所需要的的資源和能力；

盈利模式：指獲取收入、成本結(jié)構(gòu)、利潤核算的過程。硬件盈利模式可通過硬件銷售和配套軟件服務(wù)收費(fèi)設(shè)計(jì)盈利模式，純軟件盈利模式通過：廣告、增值服務(wù)、電子商務(wù)、服務(wù)費(fèi)等方式設(shè)計(jì)盈利模式。

對于我們新做的產(chǎn)品我們定義他的商業(yè)模式為：

1. 定位：一款普通村民也可以直接斬殺了文手持式并隨時(shí)可用的硬件產(chǎn)品；
2. 業(yè)務(wù)模式：雲(yún)負(fù)責(zé)產(chǎn)品的設(shè)計(jì)，并讓下游供應(yīng)商生產(chǎn)原件，最終由雲(yún)組裝成品，并交由分銷渠道進(jìn)行銷售。
3. 資源和能力：產(chǎn)品的動力系統(tǒng)和跟蹤系統(tǒng)是雲(yún)的核心競爭力；
4. 盈利模式：利潤=硬件銷售收入-硬件制造成本-硬件銷售成本-產(chǎn)品管理成本。

二、產(chǎn)品形式

產(chǎn)品形式即產(chǎn)品的外觀，以什么樣子面向用戶。硬件產(chǎn)品的產(chǎn)品形式主要是依賴于產(chǎn)品的ID設(shè)計(jì)。軟件類產(chǎn)品的形式眾多，比如IM、論壇、新聞資訊、直播、短視頻、O2O、B2B、B2C等。

但現(xiàn)在我們發(fā)現(xiàn)，有很多產(chǎn)品都是軟件+硬件的形式，軟件和硬件相輔相成，共同解決用戶問題。

三、產(chǎn)品架構(gòu)

產(chǎn)品架構(gòu)：產(chǎn)品的信息架構(gòu)，是整個(gè)產(chǎn)品設(shè)計(jì)的核心所在，也是我們這次要思考的重點(diǎn)。任何一個(gè)產(chǎn)品，從簡答到復(fù)雜，都是有一個(gè)明確的信息架構(gòu)的。一個(gè)好的信息架構(gòu)是一個(gè)產(chǎn)品成功的基礎(chǔ)。

那么信息架構(gòu)是什么？他能做什么事情？

信息架構(gòu)是一個(gè)產(chǎn)品的骨架和脈絡(luò)，骨架是產(chǎn)品的支撐，讓用戶對產(chǎn)品的結(jié)構(gòu)有一個(gè)宏觀的認(rèn)識，脈絡(luò)是產(chǎn)品骨架各個(gè)節(jié)點(diǎn)之間的連接，讓用戶可以看清楚骨架中每個(gè)節(jié)點(diǎn)之間的關(guān)聯(lián)。這樣復(fù)雜的、無序的需求通過信息架構(gòu)的梳理，變得清晰、有序，用戶可以沿著信息架構(gòu)快速找到自己所需要的信息。

信息架構(gòu)的形成可以分為2個(gè)階段：

第一階段：信息的梳理階段，這個(gè)階段主要內(nèi)容包含：

（1）需求分類，信息的整合，

（2）用戶視角。

第二階段：信息架構(gòu)載體

（1）導(dǎo)航，

（2）布局，

（3）搜索

第一階段：信息梳理階段

（1）需求的分類、信息整合

在需求調(diào)研階段，我們面向不同的情景、用戶，梳理了大量的需求信息，這些原始的需求信息亂而無序。我們不能將這些需求一一實(shí)現(xiàn)之后直接平鋪展示給用戶，因?yàn)楸M管產(chǎn)品功能能滿足用戶需求，但是用戶在使用產(chǎn)品過程中是痛苦的。

所以先對信息進(jìn)行分類，按照信息的屬性、關(guān)聯(lián)等進(jìn)行分類。完成分類之后對信息進(jìn)行排序，按時(shí)間、地理位置、關(guān)聯(lián)程度等進(jìn)行排序。最后進(jìn)行信息組織，常見的信息組織結(jié)構(gòu)有層級結(jié)構(gòu)、線性結(jié)構(gòu)、矩陣結(jié)構(gòu)和自然結(jié)構(gòu)。

層級結(jié)構(gòu)

層級結(jié)構(gòu)是目前產(chǎn)品中使用最廣的一種形式。在層級結(jié)構(gòu)中信息從上往下層層遞進(jìn)，每一個(gè)子節(jié)點(diǎn)信息都對應(yīng)著一個(gè)父節(jié)點(diǎn)信息。

我們?nèi)粘？吹降拇蠖鄶?shù)產(chǎn)品都是層級結(jié)構(gòu)，比如網(wǎng)站、論壇等

層級結(jié)構(gòu)設(shè)計(jì)方法分為兩種：

自上而下的設(shè)計(jì)方法：這種設(shè)計(jì)方法是基于現(xiàn)有的產(chǎn)品的核心框架，產(chǎn)品功能都比較清晰，而且有成型的產(chǎn)品可參考時(shí)，使用這種設(shè)計(jì)方式。自上而下的方式更偏向于產(chǎn)品的戰(zhàn)略規(guī)劃、商業(yè)策略、運(yùn)營等方面的思考，對于細(xì)節(jié)片段可能無法梳理的太全面。而且自上而下的設(shè)計(jì)方法容易讓設(shè)計(jì)者站在自身角度思考問題，而忽略用戶真實(shí)訴求。

自下而上的設(shè)計(jì)方式：自下而上的方式就是將有關(guān)聯(lián)、同屬性的信息不斷的聚合，形成一個(gè)個(gè)跟節(jié)點(diǎn)，根節(jié)點(diǎn)再向更高層級的節(jié)點(diǎn)聚合。自下而上的方式是從最基礎(chǔ)的信息節(jié)點(diǎn)開始，不斷的聚合、分類的過程。自下而上的方法其實(shí)是一種歸納方法，不容易遺漏關(guān)鍵信息，整個(gè)分類過程也有比較完整的數(shù)據(jù)支撐和驗(yàn)證，但自上而下容易缺乏整體和全局性的考慮，而且在擴(kuò)展方面缺少靈活性。

所以很多時(shí)候，在產(chǎn)品的設(shè)計(jì)過程都是自上而下和自下而上的方式共用，自上而下確定戰(zhàn)略和規(guī)劃，并形成核心架構(gòu)；自下而上完善細(xì)節(jié)，豐富架構(gòu)脈絡(luò)。

線性結(jié)構(gòu)

信息被時(shí)間、邏輯串聯(lián)起來，形成一條信息傳遞鏈，這就是線性結(jié)構(gòu)。線性結(jié)構(gòu)在現(xiàn)實(shí)生活中很常見，比如書、文章、視頻等大多都是線性結(jié)構(gòu)。

在產(chǎn)品中，線性結(jié)構(gòu)一般被用于小規(guī)模的結(jié)構(gòu)設(shè)計(jì)，比如購買流程、支付流程或者內(nèi)容信息展示等。線性結(jié)構(gòu)和層級結(jié)構(gòu)通常在產(chǎn)品設(shè)計(jì)時(shí)被同時(shí)用到。層級結(jié)構(gòu)更過用于演繹和歸納，而線性結(jié)構(gòu)通暢用于解釋說明。

矩陣結(jié)構(gòu)

矩陣結(jié)構(gòu)允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多的“維度”移動。 由于每一個(gè)用戶的需求都可以和矩陣中的一個(gè)“軸”聯(lián)系在一起，因此矩陣結(jié)構(gòu)通常能幫助那些“帶著不同需求而來”的用戶，使他們能在相同內(nèi)容中尋找各自想要的東西。

以電商產(chǎn)品為例，當(dāng)我們做產(chǎn)品篩選時(shí)：我們可能會通過品牌、類型、性別等方式進(jìn)行篩選，不同用戶可根據(jù)自己需求做篩選。

自然結(jié)構(gòu)

自然結(jié)構(gòu)不遵循任何一種模式，所有的信息之間是逐一連接起來。從一條信息到另一條信息遵循自然而然的過度，比如百度百科和wikipedia（維基百科）就包含了自然結(jié)構(gòu)。

（2）用戶視角

在信息架構(gòu)梳理和設(shè)計(jì)過程中，應(yīng)該遵循以用戶為中心的原則。我們經(jīng)常聽到的吐槽是：真的不知道設(shè)計(jì)這個(gè)產(chǎn)品的人是怎么想的。很多時(shí)候，產(chǎn)品的信息結(jié)構(gòu)很清晰，但用戶使用起來卻十分懵逼，產(chǎn)品設(shè)計(jì)者只站在產(chǎn)品角度去思考如何構(gòu)建信息架構(gòu)，而忽略了從用戶視角來看整個(gè)架構(gòu)是否合理。

從實(shí)踐角度來說，將面向用戶的信息架構(gòu)設(shè)計(jì)一次性設(shè)計(jì)出來基本是不可能的事情，因?yàn)閷τ脩粜袨榉治鍪且粋€(gè)逐漸認(rèn)知的過程。對于產(chǎn)品設(shè)計(jì)者來說，我們應(yīng)該引入一些研究方法，讓用戶參與到信息架構(gòu)的梳理和優(yōu)化過程中，比如引入意見領(lǐng)袖和發(fā)燒友參與產(chǎn)品設(shè)計(jì)、頭腦風(fēng)暴式的小組討論、一對一訪談等方式，通過對用戶反饋分析，再重新審視信息結(jié)構(gòu)。

引入用戶進(jìn)行信息架構(gòu)優(yōu)化、調(diào)整是一次難得與用戶碰撞的過程，也可以驗(yàn)證產(chǎn)品需求階段的一些分析結(jié)論。通過信息架構(gòu)的呈現(xiàn)及一些場景化的概念原型，用戶對產(chǎn)品的內(nèi)容和形態(tài)會有一個(gè)具象化的認(rèn)識，就可以知道產(chǎn)品會有哪些功能模塊，用來解決場景中的哪些問題。這個(gè)碰撞過程可能是劇烈的，有可能對產(chǎn)品概要需求階段的一些結(jié)論產(chǎn)生沖突。

第二階段：信息架構(gòu)載體

完成第一階段的信息整合之后就導(dǎo)流第二階段具體的信息架構(gòu)設(shè)計(jì)了，在第二階段主要試講已經(jīng)梳理好的信息使用通用的載體呈現(xiàn)出來。信息機(jī)構(gòu)的載體可分為：

（1）導(dǎo)航，

（2）布局，

（3）搜索

信息架構(gòu)解決的是用戶如何查詢信息的問題，而信息架構(gòu)的載體承載了用戶與信息之間的交互。

（1）導(dǎo)航

導(dǎo)航是告訴用戶：我在哪里，我可到哪里去。它包含我的當(dāng)前位置、我的前進(jìn)路徑、我的后退路徑。

導(dǎo)航可以幫助用戶處理高度結(jié)構(gòu)化、非海量的信息，在很多的產(chǎn)品中，產(chǎn)品核心信息架構(gòu)設(shè)計(jì)是通過導(dǎo)航來承載的。優(yōu)秀的導(dǎo)航設(shè)計(jì)可以方便用戶高效地尋找想要信息和功能。

導(dǎo)航可分為：全局導(dǎo)航、區(qū)域?qū)Ш?、情景式?dǎo)航；

輔助導(dǎo)航：網(wǎng)站地圖，網(wǎng)站索引；指南；

高級導(dǎo)航：

個(gè)性化導(dǎo)航：針對用戶過去的行為、需求或喜好的模式，提供剪裁后的頁面給用戶。定制化導(dǎo)航：給用戶控制權(quán)，可以針對展現(xiàn)格式、內(nèi)容選項(xiàng)等自行調(diào)整。社會化導(dǎo)航：微博的“熱搜”，電商中“買過的人也在買”，它有效的前提在于個(gè)人的價(jià)值觀可以從觀察其他用戶的行為中推論出來，最受歡迎的內(nèi)容很可能是你也感興趣的內(nèi)容。

（2）布局

核心界面整體功能區(qū)域劃分、操作區(qū)域劃分等，是布局核心部分。布局讓用戶知道信息在產(chǎn)品中是如何劃分的，方便用戶按模塊查找信息。

布局中主要包含：模塊劃分、功能流程、標(biāo)簽系統(tǒng)等。

模塊劃分是將需求信息按照分類劃分到不區(qū)域，比如工具類產(chǎn)品按照功能屬性劃分為操作區(qū)、信息展示區(qū)，論壇類產(chǎn)品按照內(nèi)容娛樂、政治、文學(xué)、校園等區(qū)域

功能流程：是隱形的信息架構(gòu)，它能將各個(gè)功能串聯(lián)到一起形成完成的業(yè)務(wù)流程。比如訂單流程、支付流程、分享流程等；

標(biāo)簽系統(tǒng)：標(biāo)簽是使用用戶的語言給布局中的信息命名。核心部分是使用用戶可理解并習(xí)慣的語言講述整個(gè)布局框架。

（3）搜索

對于信息較簡單的產(chǎn)品，導(dǎo)航基本能滿足用戶信息查詢的要求，但對于信息量較大的產(chǎn)品，導(dǎo)航已經(jīng)無法滿足用戶對信息高效的探索和使用，這時(shí)候就需要引入搜索了。

在引入搜索之前，需要先思考是否真的需要搜索，還是有其他可替代的方案，比如檢索。

當(dāng)確定需要搜索時(shí)，就需要考慮：什么可以搜索、怎么搜索（搜索算法）、搜索結(jié)果怎么展示

什么可以搜索：需要確定哪一種類型的信息可以被搜索到，因?yàn)樵诋a(chǎn)品中，并不是所有信息適合被搜索。

怎么搜索：如何設(shè)計(jì)搜索算法，是偏向于查全還是偏向于查準(zhǔn)，這需要在搜索前期做取舍。在設(shè)計(jì)搜索算法時(shí)，對搜索詞按等價(jià)、等級、關(guān)聯(lián)進(jìn)行分類，建立精準(zhǔn)查詢和模糊查詢機(jī)制。此外，對于信息的基礎(chǔ)單元（元數(shù)據(jù)）要統(tǒng)一，在設(shè)計(jì)產(chǎn)品時(shí)就要考慮好的事情，等到產(chǎn)品發(fā)布之后再對信息基礎(chǔ)單元進(jìn)行補(bǔ)充就會影響比較大。同時(shí)信息的一致性對于搜索來說是高效的。

搜索結(jié)果如何展示：展示搜索結(jié)果是在信息屬性統(tǒng)一的基礎(chǔ)上，按精準(zhǔn)、相關(guān)等算法進(jìn)行排序，排序規(guī)則主要包含：按照字母排序、按年表排序、按相關(guān)性、根據(jù)受歡迎程度、根據(jù)用戶和專家的評價(jià)、付費(fèi)排名等。

四、產(chǎn)品功能設(shè)計(jì)

在產(chǎn)品功能設(shè)計(jì)階段，我們需要針對每一個(gè)具體的需求設(shè)計(jì)對應(yīng)的產(chǎn)品解決方案。前面的階段都是屬于基礎(chǔ)、重要的工作，就相當(dāng)于建造一個(gè)房子，毛坯已經(jīng)完成了，剩下的就是具體的裝修的過程了。

在產(chǎn)品功能設(shè)計(jì)過程中有兩個(gè)指導(dǎo)原則：

1. 從用戶視角，構(gòu)建情景認(rèn)知

用戶視角：要求產(chǎn)品設(shè)計(jì)者首先必須從用戶的角度思考問題，這里從用戶角度不是【假如我是用戶】，而是【我就是這個(gè)用戶】。有三句話來表述如何理解用戶視角：看山是山，看水是水；看山不是山，看水不是水；看山還是山，看水還是水。

構(gòu)建場景認(rèn)知：在特定的場景下，從用戶視角，構(gòu)建用戶在場景下思考問題的方式、邏輯以及用戶行為，模擬出用戶在特定場景下的習(xí)慣，并根據(jù)用戶習(xí)慣設(shè)計(jì)產(chǎn)品。

2. 碰撞出真知

對于每一個(gè)產(chǎn)品設(shè)計(jì)者來說，每個(gè)人都有自身局限性，可能是我們的知識儲備不夠廣、閱歷不夠多，對于需求的解決方案不可能都是最合理的，這時(shí)候就需要借助其他人的智慧幫助，讓解決方案更合理。

碰撞之下出真知，產(chǎn)品設(shè)計(jì)者要讓不同的人理解需求、并提出解決方案，當(dāng)更多的智慧想碰撞的時(shí)候，離最合理的方案也就越近。

商看了一眼小白，小白默默的將喝剩下的半瓶水遞過去，商一飲而盡，一氣呵成。

參考《B端產(chǎn)品設(shè)計(jì)精髓》

#相關(guān)閱讀#

劍法修煉篇：從用戶需求到產(chǎn)品需求

劍法修煉篇：評估用戶需求是否有機(jī)會？

以需求入劍道，發(fā)現(xiàn)需求的本質(zhì)

本文由 @妙木山 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。