「高效」、「專業(yè)」兩個詞匯，已經(jīng)是很多互聯(lián)網(wǎng)公司衡量一個產(chǎn)品經(jīng)理做事是否靠譜的重要維度。對于一款產(chǎn)品的設(shè)計，產(chǎn)品經(jīng)理應(yīng)該具備更全面更綜合的能力與素質(zhì)，才能最大程度的完成目標。

善用交互，懂用戶，理解數(shù)據(jù)……集萬千能力于一身，也變成了產(chǎn)品經(jīng)理發(fā)展的方向。所以，了解設(shè)計思路，更好的設(shè)計一個產(chǎn)品，是我們產(chǎn)品汪應(yīng)該具備的高階能力。

如下圖所示，是一種在產(chǎn)品經(jīng)理眼里最敏捷的產(chǎn)品設(shè)計流程，五步推進，目標清晰。如下圖所示：

一、需求分析

思考：市場背景、用戶需求

• 產(chǎn)品要解決什么問題？
• 為什么解決這個問題？
• 怎么樣解決這個問題？
• ……

定義：問題就是需求，而產(chǎn)品最終就是要解決問題的。深度理解用戶需求，挖掘用戶的深層次需求就是需求分析。

舉例： 比如：用戶想要買書?→ 買到更便宜更好的書?→ 看書同時還能認識到新的朋友……

總結(jié)：

產(chǎn)品經(jīng)理要做的：聆聽用戶需求，深度剖析用戶底層需求要點，找準用戶痛點，這就是需求分析的精髓！

通常我們分三步做需求分析：

獲取需求 → 用戶畫像?→ 分析整合

需求分析的目標：圍繞產(chǎn)品定位，根據(jù)產(chǎn)品的核心價值，為需求做減法！

二、基礎(chǔ)原型

思考：基礎(chǔ)結(jié)構(gòu) 功能流程

• 產(chǎn)品結(jié)構(gòu)是否清晰，扁平？
• 是否有具體、完善的功能流程？

定義：產(chǎn)品結(jié)構(gòu)圖是一種將產(chǎn)品原型以結(jié)構(gòu)化的方式展現(xiàn)的圖表，結(jié)構(gòu)內(nèi)容也如同產(chǎn)品原型一樣，從頻道到頁面，再細化頁面功能模塊和元素。

舉例：?思維腦圖，層次結(jié)構(gòu)圖

在基礎(chǔ)原型的制作環(huán)節(jié)，產(chǎn)品經(jīng)理盡可能列出你要做的產(chǎn)品的所有功能。將所有功能一一列在紙上，尤其確定產(chǎn)品的必要核心功能，繞每個核心功能，將屬于它的子功能、模塊進行歸類。子功能可有多個層級。同時可以標出每個獨立的頁面；在每個功能節(jié)點上，補充必要的信息元素；最后使用思維導圖(或其他工具)將上述內(nèi)容整理成圖形，完成。

總結(jié)：產(chǎn)品結(jié)構(gòu)圖通過類似鳥瞰式的結(jié)構(gòu)圖，是產(chǎn)品經(jīng)理在設(shè)計原型前的一種思路梳理方式，可以讓產(chǎn)品經(jīng)理對產(chǎn)品結(jié)構(gòu)一目了然，也方便思考、補充、完善或者精簡產(chǎn)品功能。原型的本質(zhì)是與所有人（包括自己）溝通關(guān)于產(chǎn)品的信息，因此，達到這個目的，即可認為此時的原型是成功的。

三、交互設(shè)計

思考：進入交互設(shè)計環(huán)節(jié)，產(chǎn)品經(jīng)理應(yīng)該提供什么樣的產(chǎn)品資料，才能幫助團隊完成設(shè)計時減少不必要的成本？

舉例：《產(chǎn)品經(jīng)理的基本功：如何學會交互設(shè)計？》

方法：

（1）信息結(jié)構(gòu)分析

對照著功能需求，對用戶操作任務(wù)進行分析梳理，給出FeatureList，寫明主要任務(wù)及子任務(wù)；

（2）頁面流程設(shè)計

決定界面的信息架構(gòu)與操作邏輯，主要表現(xiàn)形式為流程圖，流程圖的分類與使用，對頁面進行拆解與重組，確定結(jié)構(gòu)與分塊，分塊要合理并具備邏輯性與視覺感。

參考產(chǎn)品設(shè)計原則 ：

• 對比
• 重復
• 對齊
• 親密性

（3）功能原型設(shè)計

完成具體頁面的設(shè)計，界面元素的表現(xiàn)，原型設(shè)計圖分低保真和高保真兩類，對頁面設(shè)計進行的補充描述及詳細說明

設(shè)計過程請注意用戶的一些習慣

導航條：當某人登錄頁面的時候，他期待立馬看到一種”東西”，如果他沒有看到這件”東西”他們通常會感到他們進錯了地方，這個頁面不是他所需要的，也不帶感（因此，也產(chǎn)生了不信任感）。

閱讀習慣：正如”Z”一樣，人們的閱讀習慣是：從左至右，從上到下。作為設(shè)計師你要利用這個習慣，將最重要的內(nèi)容放在合適的位置。這就是為什么很多頁面Logo都在左上角的原因。

色彩效應(yīng)：導航條是一方面，而色彩應(yīng)用又是另外的一方面，如果你才用整潔、現(xiàn)代感的設(shè)計，使用很多綠色和自然的色調(diào)，那么用戶下意識的就會認為這個網(wǎng)站和自然、環(huán)境有關(guān)。這是因為色彩上的一些慣性聯(lián)想。

標簽：標簽能夠幫助用戶有效的識別網(wǎng)站內(nèi)容，同時還能有效的組織、補充、完善網(wǎng)站信息。

讓你的產(chǎn)品具備豐富的情感

總結(jié)：在我們的設(shè)計過程中不可避免的會考慮很多問題，譬如用戶如何操作，如果出現(xiàn)問題是否會中斷操作，是否需要參考提示等等，越多的思考就能發(fā)現(xiàn)越多的問題，所以良好的交互設(shè)計是可以管理好復雜的功能，梳理好層次的結(jié)構(gòu)，適當隱藏、合理精簡。

四、視覺設(shè)計

完成交互設(shè)計后，就需要視覺設(shè)計師們幫助我們從視覺層面上表達出產(chǎn)品的預期。

視覺呈現(xiàn)是一個綜合性的，其執(zhí)行效果不僅僅和設(shè)計相關(guān)，還有開發(fā)和運營等后續(xù)人的努力，視覺設(shè)計是否優(yōu)秀，很大程度基于交互設(shè)計的合適程度，好的界面設(shè)計，能夠引導用戶至期待行為，因為用戶對不熟悉的產(chǎn)品往往會因為UI而被吸引，然后在使用過程中進一步發(fā)現(xiàn)其中的價值，所以視覺設(shè)計是最直接面對用戶的設(shè)計，同時又是需要很好基礎(chǔ)才能發(fā)揮出來的一個環(huán)節(jié)。

五、配合開發(fā)

提供有交互設(shè)計及說明的原型稿，相當于一份PRD文檔，旨在對項目的業(yè)務(wù)架構(gòu)、產(chǎn)品流程、功能需求做詳細的介紹，為產(chǎn)品后續(xù)的需求、設(shè)計、開發(fā)、測試、上線提供準確指導和依據(jù)。用于向項目組成員(項目經(jīng)理、開發(fā)、測試、運營)傳達產(chǎn)品的業(yè)務(wù)信息與需求細節(jié)，管理需求，進行歸檔，為后續(xù)需求迭代與變更提供依據(jù)，實現(xiàn)項目的規(guī)范化管理。

小Q來總結(jié)

由于現(xiàn)在不同的公司、不同的產(chǎn)品、不同的團隊協(xié)作方式，都可能形成對不同形式的產(chǎn)品設(shè)計要求。從敏捷的角度出發(fā)，通過上面5步完成的設(shè)計文檔，是最適合快速迭代出具備好設(shè)計的產(chǎn)品流程，提供給你，希望對你有幫助。

作者：Mandy權(quán)，微信公眾號：PMandyQ，一名快樂的產(chǎn)品經(jīng)理！