Hello，你好呀。

我是知果，歡迎來看我的心得分享。

今天分享「產品經理怎么輸出一份清晰的需求給設計師」。

一、3 個場景

場景一：產品小哥找設計師設計個 logo

需求方：我要一個大氣的 logo，要給 XXX 產品推廣時用。

設計師：有什么更細節的輸入給我么？

需求方：沒有啊，就是給這個 XXX 產品用，你看著設計就好。

設計師：那，你說的大氣的 logo 有參考的案例么，是具體什么樣子的？

需求方：沒有啊，你決定，類似那個 A 產品、B 產品的 logo。

設計師：……

需求方：先做吧，你一邊做，我一邊想，你做出來我才知道要怎么改。

設計師：……

~~~~ N 天后 ~~~~

設計師：你看下這個 logo 怎么樣？

需求方：不行啊，不大氣，用色不好看，你再改改。

設計師：哇-哇-哇-

場景二：產品小哥有個新功能找設計師畫

需求方：這個功能，畫個設計稿吧。

設計師：具體需求怎么樣子的，發我吧。

需求方：沒有呢，你就照著這個競品抄一下吧。

設計師：……，這個合適嗎？

需求方：怎么不合適呢，就這個功能，很簡單的，為了節省時間，我就不出需求了。

設計師：……，行吧，我先畫吧。

需求方：這就對了，有問題再問我。

設計師：……

~~~~ N 天后 ~~~~

設計師：你看，這么設計合適嗎？

需求方：不合適，要這樣、那樣、這樣、那樣，好了，你再改改。

設計師：哇-哇-哇-

場景三：產品小哥有個界面要設計師出 UI 圖

需求方：有個界面要出 UI 圖，優化一下界面體驗。

設計師：好的，把原型發我吧。

需求方：沒有呢，我沒時間畫，大概是這么些功能，balabalabala。

設計師：……，這怎么出UI圖，你得先把原型定稿了，才到我這個環節。

需求方：時間不夠啊，你先畫吧。

設計師：……，我手上也有很多任務，你得排期啊。

需求方：這杯奶茶給你喝，我插個隊，我們這個圖著急。

設計師：……

~~~~ N 天后 ~~~~

設計師：UI 圖畫好了，你看看？

需求方：不行不行，體驗不好，balabalabala。

設計師：哇-哇-哇-

以上場景熟不熟悉，產品經理、體驗設計師，應該是相當熟悉了。

今天的文章，我的觀點是，作為需求輸出方，我們要給出清晰的需求，如此不但有利于自己想清楚產品邏輯，也有利于下游協作方能快速進入執行狀態，高效輸出相關產物。

知果既做過需求接受方，也做過需求輸出方，今天我就簡單聊聊需求輸出方要準備的需求材料吧，畢竟，把需求整理清楚，才可以算得上是個可愛的人，哈哈。

以產品經理給體驗設計師需求為本文主線，我們一起來看看產品經理的需求要包含哪些吧。

二、清晰需求包含 6 大核心點

需求傳遞給體驗設計師的時候，最好能包含這些：

1. 設計目的
2. 原型
3. 設計發揮空間
4. 預計工期
5. 競品
6. 設計風格

下面開講啦。

1. 設計目的

清晰的設計目的描述可以幫助設計師快速建立和理解此次產品設計的目標及范圍，更好地提出設計師的專業意見。

在“設計目的”中包含，但不僅限于以下內容：

1. 安排這個設計項目是為了什么？清晰地闡述，而非只是一個模糊的概念。
2. 目標用戶（潛在用戶）是誰？他們是在什么場景使用此功能的？
3. 是調整產品整體視覺，還是對某個局部功能進行交互優化，亦或是新產品有計劃的逐步設計？

參考例子：

「給頂部導航條添加“通知消息功能”」

1. 設計原因：當前“XXX 系統”頂部導航條無“通知消息功能”，導致用戶的待辦通知、系統通知等消息散落在頁面中，用戶無法通過一個集合入口看到所有自己要待辦的事項，非常不便。因此組內通過討論后，決定給系統頂部導航條添加“通知消息功能”，方便用戶快速查看待辦事項。
2. 目標用戶：公司內部財務審核員。他們會在每天早上 10 點左右打開電腦，開始閱讀并處理待辦事項。
3. 設計類型：新功能設計，包括“通知消息功能”的交互和視覺設計。

2. 原型

將前期評審通過的需求轉化為原型稿，同時提供給設計師，設計師可以更直觀的了解設計需求，更清楚的知曉頁面和功能之間的邏輯關系，降低溝通成本，提高設計稿輸出的效率。

在“原型”中包含，但不僅限于以下內容：

1. 清晰描述產品功能有什么及其邏輯的原型圖，可以是 axure，可以是手繪圖，形式不限制。
2. 清晰的產品整理流程圖，或功能流程圖等。

參考例子：

「“XXX”產品界面設計」

新產品立項，需要設計完整的產品界面，但是產品專業度高，設計人員不僅要具備交互知識，還得具備相關領域的專業性知識，產品設計難度高。產品經理在完成自己的需求分析后，給出了界面原型圖+界面流程圖，內容主要包括：

1. 清晰的功能流程圖，或產品流程圖
2. 主要模塊在界面上的劃分
3. 每個模塊所具備的核心功能和其他功能
4. 頁面上數據的數據性質等
5. 模塊與模塊之間的邏輯關系
6. 模塊某個功能與其他模塊功能之間的聯動關系呈現（比如數據關系）

此為示例圖：

3. 設計發揮空間

在提出設計需求時，給予設計師一個發揮空間的預判，那么設計師能更清楚地知道自己在處理設計時可以做什么，不可以做什么。

在“設計發揮空間”中包含，但不僅限于以下內容：

1. 主要設計哪塊功能的什么部分？視覺？交互？視覺和交互？
2. 設計的發揮空間有多大？顛覆性創新？根據競品小部分修改？直接用畫出來的原型設計？

參考例子：

「修改當前 XXX 系統的左側導航交互樣式」

1. 主要任務：目前系統菜單量增加，層級結構又很深，無法滿足業務需要，因此要修改當前系統左側導航樹形結構的交互模式。
2. 設計發揮空間：發揮空間大，目前團隊內部沒有更好的設計想法，設計師可以隨意發揮，我們需要交互稿輸出后評審確定，再進行視覺稿創作。

四、預計工期

好的設計永遠需要耗費大量的時間。設計一個美觀又易用的網站需要考慮非常多的因素。提前告訴設計師此次設計的預計工期，讓設計師可以綜合各種需求輸入，得出相對符合要求的設計時間。

在“預計工期”中包含，但不僅限于以下內容：

1. 模塊/功能前端開發介入時間。
2. 模塊/功能設計師開始介入的時間和給予設計師的設計工期。

參考例子：

「給頂部導航條添加“通知消息功能”」

1. 前端開發介入時間：下周五開始。
2. 設計師介入時間：本周五。設計工期：本周五到下周四。
3. 包含內容：“通知消息功能”的交互設計和視覺設計、以及大約兩輪評審。

5. 競品

將相關競品提供給設計師，有助于設計師對競品做有效分析后，提取有價值的信息，以更好地提高對需求的理解和更高效地輸出設計稿。

在“競品”中包含，但不僅限于以下內容：

1. 給予競品的相關鏈接或文檔
2. 給予競品的分析：包括競品哪些部分與我們產品要做的部分對標？目前如何思考競品有價值部分與我們的關系，是照搬還是會有一定程度的修改？

參考例子：

「XXX 產品設計規范編寫」

1. 競品鏈接：123 產品設計規范鏈接、456 產品設計規范鏈接。
2. 參考的競品范圍：競品設計規范范圍包括“通用部分和具體組件部分”。一期聚焦編寫“通用設計規范部分”，“具體組件設計規范”部分放到二期。同時“通用設計規范部分”我們更傾向競品“ 123 產品設計規范”的描述方式，它的描述符合用戶閱讀的維度，同時目錄也可參考它，但也允許做一定程度的調整。

6. 設計風格

如果一份設計任務還存在高要求的視覺設計，那么請提供你需要/建議參考的設計風格，可以讓設計師快速知道產品的視覺定位，同時設計師知曉自己需要輸出的設計物的視覺標準。

在“設計風格”中包含，但不僅限于以下內容：

1. 建議參考的設計截圖給到設計師；如果有網址，也可直接給網址。
2. 闡述此參考視覺你認為合適你產品/項目的原因。
3. 如果沒有辦法表達你需要的設計風格，那么就清晰地表達出你厭惡的設計風格。

參考例子：

「設計一個賣云服務的“網站”」

1. 參考視覺：阿里云官網。
2. 選擇阿里云視覺網站參考的原因：網站整體視覺風格篇輕盈，可以很好的突出所需售賣商品的特征。橙色基調可以調動人購買的欲望。我們也要以橙色和白色風格為主，但是希望在適當做些調整，避免有抄襲之嫌。

7. 小結

每次產品經理要給到設計師的設計需求的屬性是不同的（視覺、交互、視覺+交互等），在輸入給設計師需求前，可以與設計師先溝通，進行需求范圍的確定。

比如設計交互為主的產品，設計需求描述最好包括：設計目的、原型、設計發揮空間、預計工期。

而設計視覺類需求的時候，設計需求應包括：設計目的、設計發揮空間、預計工期、設計風格。

根據具體的情況，產品經理完全可以對需求輸出做更為合理的調整。

我認為：只有我們在需求層面先分析清楚了，才可以期待設計側、研發側能把其做好。我們自己輸出的內容都邏輯不通，亂七八糟，在落地的時候，就偏差更加大了。

三、為什么需要一份清晰的需求單

1. 需求討論更精確

需求方和設計師坐下來，根據一份滿足設計需求的清單商討需求，依次將需求討論清楚，記錄下有問題的部分，會使得討論更精準。

有疑問的部分可以雙方確定分工和再次商討的需求時間點，進行需求的最終明確。

2. 雙方協作更順暢

如果沒有相對明確的需求清單，雙方在商討需求的時候，會抓不住重點，也會出現討論的時候跑題或者情緒不佳。

因此一份清晰的需求清單，可以讓雙方針對本次劃定好的需求范圍，慢慢得有條理得溝通。

3. 設計輸出效率更高

需求不明確，就會導致設計師在設計的過程中頻頻遇到疑問，不停的要去找需求方明確設計要點，導致設計效率很低。

4. 設計結果越接近目標

清晰的設計需求，讓設計師在設計中不會偏離需求原始的方向。
而模糊的需求，就會讓設計師抓不住重點，反復改稿。

最后的話

總之，需求越清晰，設計溝通越順暢，設計支持就越高效。

一份全面且清晰的設計需求清單，既是需求方對自己所提需求的再次思考和明確，也可以讓設計師更加清楚地知道在設計中需要做什么，有哪些設計要求和限制等，從而更高效地指導整個設計過程。

歡迎關注作者微信公眾號：「知果日記」