本篇文章作者分享了一個產品設計的詳細工作過程，其(qi)中從(cong)需求接收，到進行(xing)設計，再到設計驗收，作者的親身經歷相信一定能(neng)夠給你一些(xie)啟發(fa)。

我們已經(jing)聽過太多的產品設(she)計(ji)方法(fa)(fa)論(lun)，方法(fa)(fa)理論(lun)很(hen)完整、很(hen)理想，當然也很(hen)復雜(za)。設(she)計(ji)方法(fa)(fa)論(lun)涉(she)及的流程多，時(shi)(shi)間周期長，時(shi)(shi)效(xiao)性比(bi)較差。

本(ben)人原(yuan)就職于一(yi)(yi)家大型上市互聯網(wang)企業，每天都寫設(she)計(ji)(ji)案(an)子，一(yi)(yi)輪(lun)一(yi)(yi)輪(lun)品審，一(yi)(yi)次(ci)次(ci)修(xiu)(xiu)改(gai)。等(deng)案(an)子確認完成后，開始設(she)計(ji)(ji)原(yuan)型，之后再一(yi)(yi)輪(lun)輪(lun)評審，一(yi)(yi)次(ci)次(ci)修(xiu)(xiu)改(gai)……

通過完(wan)善的(de)設(she)(she)計方法(fa)論進行(xing)產(chan)品(pin)設(she)(she)計，當然會(hui)把過程中考慮得會(hui)比較(jiao)完(wan)善，設(she)(she)計方案也(ye)會(hui)比較(jiao)完(wan)美。但是代價是一個產(chan)品(pin)的(de)周期拉的(de)特別長。

離職(zhi)之后就職(zhi)于(yu)一(yi)家創業公(gong)司(si)當產(chan)品部門(men)經(jing)理(li)，管(guan)理(li)項目(mu)、產(chan)品、設計(ji)。如果有朋友有相似的(de)經(jing)歷就會知道，以大(da)企業的(de)工作模式，寫(xie)完(wan)方法(fa)論，過完(wan)稿(gao)子(zi)的(de)時間，在創業公(gong)司(si)都已經(jing)上線了～

所以(yi)，想要寫(xie)一(yi)篇文章分(fen)享在大部分(fen)的創業(ye)公司，我們如何進行快速(su)的產(chan)品(pin)設計，同時又能夠符合(he)規范的產(chan)出(chu)，做出(chu)有(you)質量(liang)的產(chan)品(pin)。

案例分享

前段(duan)時間(jian)通過(guo)(guo)朋友介紹(shao)，我接了一(yi)個政府(fu)類的Case。過(guo)(guo)程比(bi)較有趣，希望通過(guo)(guo)分(fen)享能夠(gou)給各位一(yi)些啟發。

項目流程介紹

我先簡單(dan)介紹大概的工作流程，然后(hou)再細分講解我們(men)產品(pin)經理在(zai)產品(pin)設計的過(guo)程：

1. 一個(ge)外包企業投標中(zhong)了一個(ge)政府展廳***別的單子；

2. 外包(bao)企業將展(zhan)廳的(de)軟(ruan)件開(kai)發模塊外包(bao)給了我朋友(you)的(de)開(kai)發團隊；

3. 開發團隊(dui)找(zhao)到我，讓(rang)我介入產(chan)品的設計(ji)統籌；

4. 完成產品(pin)設計，開發(fa)上線(xian)；

5. 結束。

產品設計流程

通過以上流程的介紹(shao)，大(da)家對這個(ge)項目(mu)已經有了基本的認識。那我是(shi)如(ru)何(he)處理(li)產品設計流程的呢？

DAY1

**步：需求接(jie)收（微信+電(dian)話(hua)：20min）

一個項(xiang)(xiang)目經理找到我，跟我說能否幫他們(men)做(zuo)一個政府展廳(ting)項(xiang)(xiang)目的(de)產品設計。通(tong)過簡單的(de)詢問大概(gai)清楚了項(xiang)(xiang)目的(de)基本信息。主(zhu)要溝通(tong)的(de)內容有：

1. 關系人是誰，有誰？

• 展廳(ting)外(wai)包企(qi)業（直接需(xu)求方）；

• 政府（資方）；

• 開發(fa)外包（合作方）。

2. 關系(xi)人各自需求是什(shen)么？

• 展廳外包(bao)企業：根據企業與政府前期(qi)溝(gou)通的需求(qiu)內容，進行展廳智(zhi)能控制系(xi)統(tong)的搭(da)建

• 政府(fu)：需求與(yu)外(wai)(wai)包企業(ye)一致(zhi)（所以(yi)，這里外(wai)(wai)包企業(ye)其實(shi)是(shi)一個資方，具(ju)體(ti)實(shi)現效果(guo)投標(biao)時已(yi)經確認）

• 開(kai)(kai)發團隊：三(san)天之內出交互終稿，我們等著(zhu)下(xia)鍋(guo)開(kai)(kai)發

3. 產品基本形(xing)態是什么？需要實現(xian)什么功(gong)能？

• 就是用Pad控制屏幕的(de)展示內容就可以了，很(hen)簡單。這里有一些定義好的(de)內容，我(wo)發你看下……（項目經理，你確(que)定？）

4. 當(dang)前基本資料收集分析

• 項目經理打(da)包給我(wo)看了所有已(yi)經定(ding)義(yi)好的內(nei)容（這個(ge)資料能夠幫組我(wo)根據內(nei)容和展示層級，預(yu)估(gu)具體(ti)的工作量）

通過跟項目經(jing)理溝通，我大(da)概知(zhi)道(dao)了需要(yao)做的(de)產品內容(rong)、時(shi)間節(jie)點、以及根據收集的(de)資料，梳(shu)理了更多需要(yao)理清(qing)楚的(de)問題，因為項目經(jing)理肯定不(bu)清(qing)楚，所以需要(yao)直接找外(wai)包的(de)需求方。

第(di)二步：需求溝(gou)通確認（電話：30min）

通過項目(mu)經理，直接要了需求(qiu)方的(de)(de)(de)溝通電話，然后根據接受需求(qiu)總(zong)結出來(lai)的(de)(de)(de)疑問，進行溝通（這里溝通的(de)(de)(de)是具體的(de)(de)(de)內容之(zhi)間的(de)(de)(de)關系邏輯，屏(ping)幕之(zhi)間的(de)(de)(de)跳轉(zhuan)邏輯、顯示方式、組合(he)方式……）：

• 展廳屏幕有幾個？

• 需要展示(shi)的內(nei)容有哪些(xie)類型？

• 這些內容(rong)在屏幕中的組合方式(shi)有(you)幾(ji)種？

• 層級有幾層？

• 展示(shi)內容(rong)有(you)幾類？視頻、圖片(pian)、動畫？

• ……

因為(wei)是ToB的(de)產品(pin)，且外(wai)包平臺已經在(zai)投標(biao)時明(ming)確了產品(pin)的(de)方向，所以(yi)根據用戶體(ti)驗要素的(de)步(bu)驟，他們已經確定了產品(pin)的(de)戰略層(ceng)與范圍層(ceng)，我們現在(zai)要做的(de)就是提煉范圍層(ceng)的(de)功(gong)能(neng)(neng)列表和功(gong)能(neng)(neng)結構。

第三步：談價格(ge)/時(shi)間（重點啊！！！）

通過基本(ben)的(de)(de)梳理，我們(men)可以(yi)根據(ju)自己的(de)(de)收(shou)費(fei)價格進行報價。具(ju)(ju)體情況具(ju)(ju)體分析，比如(ru)項目方的(de)(de)資金啊、項目的(de)(de)緊急程度(du)啊……

結合(he)實際情況，我們要給(gei)需求方或項目經理、老(lao)爸報出(chu)合(he)理的(de)價(jia)格，如(ru)果是(shi)公司(si)內部的(de)項目，我們則(ze)需要報出(chu)具體的(de)時(shi)間節點。這個就是(shi)談判，報價(jia)/報時(shi)間方式一般為：

• 根據我們列好的(de)思維導圖(tu)組(zu)織好內容、功(gong)能(neng)、頁面的(de)數量

• 根據工作量預估時間

• 若需要報價，則可以(yi)直接(jie)報出你所(suo)期望的價格(ge)，同時報出時間節(jie)點（我(wo)是(shi)直接(jie)告訴項目(mu)方(fang)需要多少(shao)小時，然后我(wo)是(shi)每個(ge)小時以(yi)多少(shao)錢進行收費）

第(di)四步(bu)：面談需求（3h）

產品經(jing)理(li)通(tong)(tong)(tong)(tong)過電(dian)話(hua)溝(gou)通(tong)(tong)(tong)(tong)是(shi)很難對一(yi)(yi)個個內容(rong)頁面進行理(li)解的，作為(wei)一(yi)(yi)個合格的產品經(jing)理(li)，當然是(shi)要面對面溝(gou)通(tong)(tong)(tong)(tong)（這里不一(yi)(yi)定就(jiu)是(shi)要跟客戶見面，因為(wei)有些異地(di)的客戶涉及到溝(gou)通(tong)(tong)(tong)(tong)就(jiu)是(shi)出(chu)差了，所以(yi)如果是(shi)異地(di)的，可以(yi)通(tong)(tong)(tong)(tong)過視頻進行溝(gou)通(tong)(tong)(tong)(tong)；而本地(di)的，可以(yi)通(tong)(tong)(tong)(tong)過當面溝(gou)通(tong)(tong)(tong)(tong)來梳理(li)需求和功能結(jie)構）。

溝通(tong)能力是產品(pin)經理(li)(li)最(zui)(zui)基本的(de)(de)能力之(zhi)一(yi)，我(wo)個人認為，作(zuo)為一(yi)個產品(pin)經理(li)(li)，最(zui)(zui)重要的(de)(de)就是收集(ji)問題和需求(qiu)，然(ran)后梳理(li)(li)清(qing)楚里面的(de)(de)邏輯，用(yong)**的(de)(de)設(she)(she)計(ji)提供設(she)(she)計(ji)解決(jue)方(fang)(fang)案。而交互設(she)(she)計(ji)，只(zhi)是把方(fang)(fang)案用(yong)合理(li)(li)的(de)(de)交互方(fang)(fang)式表達出(chu)來。

所以，我們需要(yao)通過面談(tan)溝(gou)通確認以下幾個重點：

• 【目標(biao)用戶】具體誰(shui)來操作？

• 【用戶目標(biao)】他(ta)們想要實現什(shen)么效(xiao)果(guo)？

• 【業務邏輯】大方向業務流(liu)程

• 【操(cao)作(zuo)邏輯】用戶產品(pin)使用流程

• 【場(chang)景(jing)分析(xi)】具(ju)體使用場(chang)景(jing)確認

• 【業(ye)務(wu)梳理】每個頁(ye)面之間(jian)怎么跳(tiao)轉(zhuan)？頁(ye)面之間(jian)有(you)什么差(cha)異？內容分為幾部分？功能(neng)之間(jian)……

梳理出以(yi)上(shang)信(xin)息后，其(qi)實就(jiu)可以(yi)開(kai)始做交(jiao)互設計了。我們做設計之前(qian)就(jiu)是要(yao)根據我們設計需要(yao)提(ti)供什么具體(ti)信(xin)息進行收集，然(ran)后跟項目需求方溝通就(jiu)是把整體(ti)的框(kuang)架和內容(rong)在腦中搭建好。

DAY2

第五(wu)步：交(jiao)互(hu)設計（10h）

其實(shi)(shi)**天我(wo)已經把(ba)物理設(she)(she)備控(kong)制系統(tong)做好了，但是(shi)為了讓(rang)大家(jia)有一(yi)種(zhong)時間(jian)概(gai)念，我(wo)還是(shi)把(ba)交(jiao)互設(she)(she)計(ji)放在第二天吧。**天其實(shi)(shi)本身(shen)自己的事情也(ye)比較(jiao)多，所以溝通(tong)加上設(she)(she)計(ji)就大概(gai)花(hua)了半天時間(jian)。這里稍微(wei)展示(shi)一(yi)下**天三(san)小時的設(she)(she)計(ji)成果：

（D1）定義：首頁、導航框架、整體視覺(jue)風格(ge)（這里是(shi)盡量做成了高保真的交互稿(gao)件）

（D1）物理(li)控制頁面部(bu)分展(zhan)示：

（D2）具體頁(ye)面設計：

通過(guo)周末一天的緊(jin)趕(gan)慢趕(gan)，當天基本產(chan)出了所(suo)有的交(jiao)互稿件。

注意：這時候有人說了，你這標題(ti)黨，看起來(lai)頁(ye)面也沒有很多啊，那(nei)我(wo)(wo)(wo)給你三天(tian)你幫我(wo)(wo)(wo)設計一個(ge)金融平臺(tai)。是的，我(wo)(wo)(wo)們需要根據具(ju)體的頁(ye)面數量和(he)需求來(lai)規劃(hua)時間(jian)安排，我(wo)(wo)(wo)這里是舉一個(ge)比較簡單的軟件。

至于大型平臺產品，之后個人會繼(ji)續分享，大家拍磚(zhuan)請手下留(liu)情，哈哈～

DAY3

第六(liu)步：設計(ji)驗收(shou)（5h）

第二天(tian)我做完(wan)設計(ji)(ji)稿子(zi)后，當天(tian)便將設計(ji)(ji)稿發給(gei)了(le)需(xu)求方(fang)進行確認(ren)，需(xu)求方(fang)也(ye)根據他們的(de)(de)想法提(ti)供了(le)一些意見(jian)，我在基于(yu)他們的(de)(de)意見(jian)修改后，第二天(tian)跟(gen)項(xiang)目方(fang)大(da)老大(da)進行最終的(de)(de)設計(ji)(ji)驗收(shou)。

設計驗收流程：

1. 根(gen)據設計思路，結(jie)合方案(an)演示，表達(da)設計過程與設計想法(fa)；

2. 按照流程一(yi)步步演示，遇到疑(yi)問處進行解答(da)并(bing)且記(ji)錄（說明體驗不是特別好，讓用戶產(chan)生疑(yi)慮）；

3. 記錄項目方(fang)提出(chu)的(de)修改(gai)意(yi)見(jian)，并且給出(chu)初步的(de)解決方(fang)案；

4. 完成驗收。

完(wan)成(cheng)驗(yan)收后，一(yi)(yi)般(ban)是(shi)不可能一(yi)(yi)稿過(guo)的(de)，所以(yi)這時(shi)(shi)候，你需要再報一(yi)(yi)個(ge)時(shi)(shi)間，就是(shi)你的(de)修改所需時(shi)(shi)間。前期因(yin)為對(dui)接的(de)是(shi)一(yi)(yi)般(ban)執(zhi)行人員，所以(yi)終稿過(guo)案子的(de)時(shi)(shi)候，項(xiang)目方老大一(yi)(yi)定會提(ti)出一(yi)(yi)些(xie)優化(hua)建(jian)(jian)議。因(yin)為他(ta)們對(dui)項(xiang)目是(shi)了解(jie)最深的(de)人，所以(yi)這個(ge)時(shi)(shi)候他(ta)們的(de)建(jian)(jian)議可以(yi)幫我們完(wan)善設計(ji)方案。

第七(qi)步(bu)：設(she)計優化補充（2h）

通過最后的(de)設(she)計方案的(de)優(you)化(hua)補充(chong)，一般你直接講稿(gao)件(jian)發送給需求(qiu)方，在稿(gao)子的(de)首頁寫明這(zhe)次優(you)化(hua)的(de)點(dian)，并且(qie)添(tian)加鏈接備注后，基本就(jiu)可以過。坐等(deng)收錢(qian)了(le)～

總結

以(yi)上案(an)例(li)分享是(shi)基于一(yi)個(ge)(ge)較小的(de)(de)設(she)(she)計需(xu)求和項目(mu)進(jin)行總結的(de)(de)。大型(xing)項目(mu)有大型(xing)項目(mu)的(de)(de)設(she)(she)計方法(fa)，不能一(yi)同而論。但是(shi)大家可(ke)以(yi)把這個(ge)(ge)當(dang)做一(yi)個(ge)(ge)輕量級的(de)(de)產品，或是(shi)一(yi)個(ge)(ge)需(xu)求來(lai)參考。作者本(ben)意是(shi)希望通過(guo)這個(ge)(ge)案(an)例(li)幫(bang)助大家，如(ru)何(he)對(dui)一(yi)個(ge)(ge)時間節點(dian)緊迫(po)需(xu)求的(de)(de)設(she)(she)計方法(fa)：

• 良好(hao)的溝(gou)通方(fang)式能夠幫(bang)助設計師或產品經(jing)理快速確認清楚(chu)需求目標、用戶(hu)目標、理解用戶(hu)場(chang)景……（雖然是二手的轉述，但是時間不等人，對吧～）

• 復盤一個接(jie)單設計的(de)流程（或許這個流程可以幫(bang)助(zhu)你接(jie)單也說(shuo)不(bu)定，嘿(hei)(hei)嘿(hei)(hei)～）。

• 如何合理的(de)安排(pai)設計進(jin)度？

致謝

這(zhe)里為各位(wei)同仁介紹了一個外接單子的項(xiang)目流程和設計流程方法，主(zhu)要是幫一些初(chu)級設計師梳理一下做一個需求的基本步驟，以及需要注意的點。

希望這個案例能夠給大(da)家(jia)帶來(lai)一(yi)點參(can)考(kao)價值和意(yi)義。

謝謝～