如何把用戶需求變成線框圖（這里以微信為例）

第一小節，設計解決方案方案，梳理功能點

（1）列出自己要在第一版主要滿足的用戶的需要.比如，

A、滿足用戶與朋友之間溝通的需要（核心需要）。

B、滿足用戶同陌生人交友的需要。

C、滿足用戶分享自己的心情，想法，狀態。

（2）根據需要的場景，需要本身以及產品定位為不同的需要設想合適的解決方案，并為其起個名字（功能名）。

A、滿足用戶與朋友之間溝通的需要（核心需要）。解決方案：朋友管理、在線聊天。

B、滿足用戶同陌生人交友的需要。解決方案：搖一搖

C、滿足用戶分享自己的心情，想法，狀態。解決方案：朋友圈

（3）把解決方案謝偉具體的功能點

A、朋友管理包括的具體功能點：添加朋友、刪除某朋友、顯示全部朋友、顯示某朋友的資料、把某朋友加入黑名單

B、在線聊天：發送消息給某人、收取來自朋友的消息、顯示最近聯系人.......

C、搖一搖：匹配搖手機的人、顯示搖到的人的資料、跟搖到的人打招呼

D、朋友圈：顯示朋友動態、發表動態、不讓某朋友看我的動態

（4）這些功能點下有沒有新的衍生需要。

A、來自朋友的消息：新消息提醒下的衍生需要有，設置取消全部提醒、設置取消某個對話的提醒

B、顯示最近的聯系人，衍生需要：刪除某聯系人

C、顯示朋友動態，衍生需要功能點;不看某朋友動態

（5）有多種情況，沒有辦法直接寫明的功能點，在一旁把這些請款列出來。比如發送/接受消息：發送/接受文本、語音、圖片。發表動態：發表文字動態、圖片動態、圖文動態。

（6）有些功能點可能需要其他功能作為基礎。顯示朋友資料——個人資料：設置個人資料、查看個人資料。

（7）看你還要提供哪些其他功能給用戶。不一定是用戶需要的，是基于戰略或者商業模式設計出來的，比如登錄注冊、顯示廣告、開通會員。

（8）以樹狀圖的形式列出這些不同的功能點及其關系。最開始列的時候最重要的是確保列全，最后再來整理邏輯關系。只列當前版本需要，做好版本管理。

第二小節，梳理信息

顯示內容的功能點，也要設計都顯示哪些不同的信息。

比如，顯示個人資料里應該顯示的內容：頭像、昵稱、id、地區

顯示最近聯系人：顯示最近聯系人頭像、最近聯系人昵稱、最近聯系時間、顯示最后一句聊天內容。

然后做成顯示內容圖

圍繞主體按照邏輯關系梳理信息結構圖。在這個微信這個主體中，主體有用戶、微信群。百度貼吧：帖子，回帖。

要記錄的信息不止展示給用戶的這些，還有其他信息。

把功能結構圖、顯示內容圖、信息結構圖放一起過一遍;這些功能點真的滿足了我要滿足的需要么？要滿足的需要和衍生需要都能滿足到了么？顯示的內容有沒有遺漏？信息結構有沒有錯誤和遺漏？給開發人員看一下，每一個功能點從開發角度看的可行性，信息結構圖的合理性？

第三小節，梳理流程

用戶使用產品各個功能點的時候都會遵循一定的流程，分先后有主次，按照流程來梳理我們的功能點。

1、流程要符合邏輯關系、用戶的使用習慣、場景等

2、有些共嫩點你可能還不知道如何放進流程里，沒有前置也沒有后置，放在一邊最后處理

3、通過梳理流程，也能看到那些必經的流程，我們沒有設置功能點，在前面的步驟遺漏了

4、先不考慮存在多種情況的功能點的各個情況

得出功能點流程圖。不同功能下的功能點，用不同顏色表示

第四小節，設置頁面

看那些功能點，應該組合在一起，放在一個頁面上。有些功能本來就是放不進頁面的，比如新消息提醒。

如果是和流程無關的功能點，看下是單獨作為一個頁面還是與其他無關的功能點放一起。比如，發表動態單獨放到發布動態頁、取消全部提醒和取消好友申請提醒單獨放到通知設置頁。

如果是后面多個流程性質相近或相同的情況，可以選擇加入中間頁（見圖）

如果不適合加入中間頁，或在這樣一些頁面之間切換頻繁，選擇導航方式更合適。比如，滴滴。

如果是內容型產品，內容分類很多，把不同類別當成單獨的功能點，之后在按照我們將的方法設計。比如嗶哩嗶哩的分類頁。

第五小節，選擇一級導航方式

先講下幾種導航方式。

導航方式:一級導航（微信，通訊錄，發現，），二級導航，

1、標簽式。最多放五個標簽。如果你有多個核心功能，大概兩個到三個，同時也有多個其他功能，更適合標簽式，其他功能通過分類整理顯示在1或多標簽中。如果超過5個，盡量吧性質相近的整合在一起。

2、抽屜式。如，酷狗——【我】的頁面，從左或者又換出。不適合頻繁切換。適合突出一個核心功能，另帶其他幾個不多的功能。

3、宮格式（美圖秀秀，）不適合于頻繁切換。如果有多個需要突出的核心功能【大約兩個】，核心功能之間完全獨立，同時不多的其他功能，更適合此宮格式。

4、菜單式

5、點聚式，不適合頻繁切換，圖標要明確表達含義

6、列表式:每個板塊入口一行，可以分組，可以承載更多信息和數據

7、走馬燈，通過橫向滑動，不同板塊內容形式相同，不要太多，五個就好。不要超過七

8、分段控件式，不超過三個，多用于二級。

9、選項卡適合二級導航

導航方式不要隨意更改。

第六小節，梳理頁面下的功能點

把功能點放到頁面流程中（產品結構圖），并看有沒有入口進入下一個頁面，沒有的話寫上。

可以用導圖來列產品結構圖

然后設計規則，梳理異常與提示

都梳理完了就可以開始畫原型。

個人認為，直接在原型圖設計軟件里把這些功能點列在頁面旁邊是最快的，上面那些步驟反而繁瑣沒必要。