抓住6大核心點,輕松編寫一份清晰的設計需求清單

4 評論 12934 瀏覽 53 收藏 14 分鐘

如何輕松編寫一份清晰的設計需求清單?清晰的設計需求應包含 :設計目的、原型、設計發(fā)揮空間、預計工期、競品、設計風格,這6大核心點。

一、概述

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

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

設計師:我們產(chǎn)品的目標定位是什么呢?

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

設計師:我們的目標群體是哪類客戶?

需求方:買股票的都是。

設計師:您說的大氣的logo有參考的案例么?

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

設計師:……,能在提供多一些需求輸入嗎?

需求方:不就是個logo嗎?有這么難么,先做了再提意見吧。

設計師:……

~~~~3天后~~~~

設計師:您看下這個logo合適嗎?

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

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

需求方:有空嗎?我們月底要上線新模塊,幫我們畫個設計稿吧。

設計師:今天20號了,距離月底還有10天,很急???

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

設計師:……,那原型圖和功能點梳理出來了嗎?

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

設計師:……,這樣無法設計啊,同時,這樣子模塊設計出來也許會流程不暢的?

需求方:我說,你設計,這怎么會流程不暢。

設計師:……

~~~~1天后~~~~

設計師:您看下這個模塊這樣子設計合適嗎?

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

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

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

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

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

下面將一一為大家講述:

1. 設計目的

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

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

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

參考例子:【給頂部導航條添加“通知消息功能”】

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

2. 原型

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

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

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

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

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

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

抓住6大核心點,輕松掌握編寫一份清晰的設計需求清單

抓住6大核心點,輕松掌握編寫一份清晰的設計需求清單

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

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

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

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

參考例子:【修改當前XXX系統(tǒng)的左側導航交互樣式】

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

4. 預計工期

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

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

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

參考例子:【給頂部導航條添加“通知消息功能”】

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

5. 競品

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

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

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

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

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

6. 設計風格

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

筆者推薦在“設計風格”中包含,但不僅限于以下內(nèi)容:

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

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

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

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

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

1. 需求討論更精確

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

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

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

3. 設計輸出效率更高

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

4. 設計結果越接近目標

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

四、總結

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

 

作者:知果;公眾號:果有料

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

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

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 所以模板在哪里 老哥

    來自江蘇 回復
  2. 所以有模板嗎 老哥

    來自北京 回復
    1. 有啊

      回復
    2. 搞一下啊

      來自北京 回復