如何輕松編寫一份清晰的設(shè)計需求清單？清晰的設(shè)計需求應(yīng)包含 ：設(shè)計目的、原型、設(shè)計發(fā)揮空間、預(yù)計工期、競品、設(shè)計風(fēng)格，這6大核心點。

一、概述

場景一：產(chǎn)品小哥哥找設(shè)計師出個logo

需求方：給我設(shè)計個大氣的logo吧，要符合我們的產(chǎn)品形象。

設(shè)計師：我們產(chǎn)品的目標(biāo)定位是什么呢？

需求方：我想要一條魚的形象，表現(xiàn)我們產(chǎn)品很靈活、很開放。

設(shè)計師：我們的目標(biāo)群體是哪類客戶？

需求方：買股票的都是。

設(shè)計師：您說的大氣的logo有參考的案例么？

需求方：沒有啊，你們設(shè)計師專業(yè)，你們決定就好。

設(shè)計師：……，能在提供多一些需求輸入嗎？

需求方：不就是個logo嗎？有這么難么，先做了再提意見吧。

設(shè)計師：……

~~~~3天后~~~~

設(shè)計師：您看下這個logo合適嗎？

需求方：怎么這么難看，要大氣、大氣，回去再改改吧。

場景二：產(chǎn)品有個新模塊找設(shè)計師畫設(shè)計稿

需求方：有空嗎？我們月底要上線新模塊，幫我們畫個設(shè)計稿吧。

設(shè)計師：今天20號了，距離月底還有10天，很急?。?/p>

需求方：是的，我們還需要一個禮拜的開發(fā)時間，所以后天設(shè)計稿就要出來。

設(shè)計師：……，那原型圖和功能點梳理出來了嗎？

需求方：還沒有，我直接跟你說，你先畫出來。

設(shè)計師：……，這樣無法設(shè)計啊，同時，這樣子模塊設(shè)計出來也許會流程不暢的？

需求方：我說，你設(shè)計，這怎么會流程不暢。

設(shè)計師：……

~~~~1天后~~~~

設(shè)計師：您看下這個模塊這樣子設(shè)計合適嗎？

需求方：這是啥呀，都是問題，回去再改改吧。

以上的場景設(shè)計師們應(yīng)該很熟悉吧，這也是筆者遇到過的場景。當(dāng)需求方?jīng)]有合理且完整的需求準(zhǔn)備，就把零碎的需求點給到設(shè)計師時，設(shè)計師怎么能夠有效的輸出設(shè)計稿呢。但是筆者也仔細想過，需求輸入內(nèi)容缺失、不完整、不明確，這個問題是我們設(shè)計師可以去反推和引導(dǎo)需求方的。

因此，今天筆者從設(shè)計師的角度，來和需求方們談?wù)勗O(shè)計師需要的需求輸入是如何的，希望達到哪種程度，到底怎樣的需求描述可以促進設(shè)計師更好的完成需求，最終達到大家在協(xié)作的過程中事倍功半，甲方爸爸好，設(shè)計師們也好，那就皆大歡喜啦~~~

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

從筆者的經(jīng)驗來看，清晰的設(shè)計需求應(yīng)包含 ：設(shè)計目的、原型、設(shè)計發(fā)揮空間、預(yù)計工期、競品、設(shè)計風(fēng)格，這6大核心點。

下面將一一為大家講述：

1. 設(shè)計目的

清晰的設(shè)計目的描述可以幫助設(shè)計師快速建立和理解此次產(chǎn)品設(shè)計的目標(biāo)及范圍，更好地提出設(shè)計師的專業(yè)意見。

筆者推薦在“設(shè)計目的”中包含，但不僅限于以下內(nèi)容：

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

參考例子：【給頂部導(dǎo)航條添加“通知消息功能”】

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

2. 原型

將前期評審?fù)ㄟ^的需求轉(zhuǎn)化為原型稿，同時提供給設(shè)計師，設(shè)計師可以更直觀的了解設(shè)計需求，更清楚的知曉頁面和功能之間的邏輯關(guān)系，降低溝通成本，提高設(shè)計稿輸出的效率。

筆者推薦在“原型”中包含，但不僅限于以下內(nèi)容：

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

參考例子：【“XXX”產(chǎn)品界面設(shè)計】

新產(chǎn)品立項，需要設(shè)計完整的產(chǎn)品界面，但是產(chǎn)品專業(yè)度高，對設(shè)計人員不僅要具備交互知識，還得具備相關(guān)領(lǐng)域的專業(yè)性知識，產(chǎn)品設(shè)計難度高。產(chǎn)品經(jīng)理在完成自己的需求分析后，給出了界面原型圖+界面流程圖，內(nèi)容主要包括：

1. 清晰的功能流程圖，或產(chǎn)品流程圖
2. 主要模塊在界面上的劃分
3. 每個模塊所具備的核心功能和其他功能
4. 頁面上數(shù)據(jù)的數(shù)據(jù)性質(zhì)等
5. 模塊與模塊之間的邏輯關(guān)系
6. 模塊某個功能與其他模塊功能之間的聯(lián)動關(guān)系呈現(xiàn)（比如數(shù)據(jù)關(guān)系）

3. 設(shè)計發(fā)揮空間

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

筆者推薦在“設(shè)計發(fā)揮空間”中包含，但不僅限于以下內(nèi)容：

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

參考例子：【修改當(dāng)前XXX系統(tǒng)的左側(cè)導(dǎo)航交互樣式】

1. 主要任務(wù)：目前系統(tǒng)菜單量增加，層級結(jié)構(gòu)又很深，無法滿足業(yè)務(wù)需要，因此要修改當(dāng)前系統(tǒng)左側(cè)導(dǎo)航樹形結(jié)構(gòu)的交互模式。
2. 設(shè)計發(fā)揮空間：發(fā)揮空間大，目前團隊內(nèi)部沒有更好的設(shè)計想法，設(shè)計師可以隨意發(fā)揮，我們需要原型輸出后評審確定，再進行視覺稿創(chuàng)作。

4. 預(yù)計工期

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

筆者推薦在“預(yù)計工期”中包含，但不僅限于以下內(nèi)容：

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

參考例子：【給頂部導(dǎo)航條添加“通知消息功能”】

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

5. 競品

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

筆者推薦在“競品”中包含，但不僅限于以下內(nèi)容：

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

參考例子：【XXX產(chǎn)品設(shè)計規(guī)范編寫】

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

6. 設(shè)計風(fēng)格

如果一份設(shè)計任務(wù)還存在高要求的視覺設(shè)計，那么請?zhí)峁┠阈枰?建議參考的設(shè)計風(fēng)格，可以讓設(shè)計師快速知道產(chǎn)品的視覺定位，同時設(shè)計師知曉自己需要輸出的設(shè)計物的視覺標(biāo)準(zhǔn)。

筆者推薦在“設(shè)計風(fēng)格”中包含，但不僅限于以下內(nèi)容：

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

參考例子：【設(shè)計一個賣云服務(wù)的“網(wǎng)站”】

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

設(shè)計需求的屬性是不同的（視覺、交互、視覺+交互等），需求方在輸入給設(shè)計師需求前，可以與設(shè)計師先溝通，進行需求范圍的確定。比如設(shè)計交互為主的產(chǎn)品，設(shè)計需求描述最好包括：設(shè)計目的、原型、設(shè)計發(fā)揮空間、預(yù)計工期。而設(shè)計視覺類需求的時候，設(shè)計需求應(yīng)包括：設(shè)計目的、設(shè)計發(fā)揮空間、預(yù)計工期、設(shè)計風(fēng)格。

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

1. 需求討論更精確

需求方和設(shè)計師坐下來，根據(jù)一份滿足設(shè)計需求的清單商討需求，依次將需求討論清楚，記錄下有問題的部分，會使得討論更精準(zhǔn)。有疑問的部分可以雙方確定分工和再次商討的需求時間點，進行需求的最終明確。

2. 雙方協(xié)作更順暢

如果沒有相對明確的需求清單，雙方在商討需求的時候，會抓不住重點，也會出現(xiàn)討論的時候跑題或者情緒不佳。因此一份清晰的需求清單，可以讓雙方針對本次劃定好的需求范圍，慢慢得有條理得溝通。

3. 設(shè)計輸出效率更高

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

4. 設(shè)計結(jié)果越接近目標(biāo)

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

四、總結(jié)

總之，需求越清晰，設(shè)計溝通越順暢，設(shè)計支持就越高效。一份全面且清晰的設(shè)計需求清單，既是需求方對自己所提需求的再次思考和明確，也可以讓設(shè)計師更加清楚地知道在設(shè)計中需要做什么，有哪些設(shè)計要求和限制等，從而更高效地指導(dǎo)整個設(shè)計過程。

作者：知果；公眾號：果有料

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

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