上篇地址：
http://www.itdecent.cn/p/8ec57cfed21f
接著講以用戶為中心的產(chǎn)品設(shè)計流程的后面六個步驟：
需求過濾
需求是什么？
什么用戶群，在什么場景下，可以通過產(chǎn)品做什么事？需求也是機會點，用戶的某個場景的痛點未被滿足，便產(chǎn)生了需求
基于場景的需求：
1) 在關(guān)燈的房間，用戶用閱讀軟件閱讀...
2)在接完朋友電話，用戶通過通話列表存儲聯(lián)系人信息...
在過濾需求之前，我們通過頭腦風(fēng)暴發(fā)散出任何能想到的基于場景的需求，還是沿用之前的例子，列出所有的需求：
1) 在發(fā)朋友圈的時候，找到合適的圖來配合此刻的心情和文字
2) 圖片質(zhì)量要高，不能有水印，不能太模糊
3) 可以支持圖片的自定義處理
4) 智能的通過篩選本地圖片來推薦用戶配哪張圖
5)?搜索按鈕旁邊設(shè)置一個高級搜索條件
這些需求里面有一些是假需求，大家可以試著猜一下，答案在最末尾公布。在過濾假需求和技術(shù)無法滿足的需求后，剩下的這些需求，可以嘗試使用storyboard的形式表達出來，即"用戶+場景"來表達。
功能&數(shù)據(jù)確定
這一步是將過濾后的需求轉(zhuǎn)化為功能，這一步也需要你從開發(fā)的視角去考慮，這些需求的技術(shù)實現(xiàn)難度有多大，如何設(shè)定規(guī)則既能一定程度滿足用戶需求也符合現(xiàn)有技術(shù)能力。如上一步提到的"在發(fā)朋友圈的時候，找到合適的圖來配合此刻的心情和文字"這一需求，轉(zhuǎn)化為功能便是"支持通過關(guān)鍵字模糊搜索圖片"，為了實現(xiàn)這個功能，我們需要制定一套搜索機制，包括分詞機制，數(shù)據(jù)庫內(nèi)圖片的分類和標簽系統(tǒng)。還需要思考搜索結(jié)果的排序和容錯提醒等功能。當(dāng)然，咱們團隊能做到哪一步，需要你和開發(fā)溝通，了解開發(fā)現(xiàn)狀，進而規(guī)劃產(chǎn)品，保證你的產(chǎn)品是可以實現(xiàn)可以落地的。
舉個栗子，拿百度圖片來看一下：
功能：搜索，加關(guān)注，選擇本地圖片上傳，以及各種入口，包括達人推薦入口，搜索頁入口，消息頁入口和個人頁入口
數(shù)據(jù)：在這個首頁看到的所有圖片和用戶信息都屬于數(shù)據(jù)，這些在程序猿眼中都是一個個"字段"，從數(shù)據(jù)庫中讀取。每個字段都有字段規(guī)則，取值范圍，在PRD中是一定要說明的，不然程序猿就會按照他的理解去寫。
概要設(shè)計
信息架構(gòu)設(shè)計是指將信息變成一個經(jīng)過組織、歸類、以及具有瀏覽體系的組合結(jié)構(gòu)，這個活特別適合處女座，整理控~ 包括組織系統(tǒng)，導(dǎo)航系統(tǒng)，搜索系統(tǒng)，標簽系統(tǒng)。
1) 組織系統(tǒng)：用一定的規(guī)則，把信息員分堆，并且劃分好之間的關(guān)系。組織系統(tǒng)可以由樹形結(jié)構(gòu)來展示，也就是俗稱的面包屑。類目系統(tǒng)和標簽系統(tǒng)也常拿來對前端頁面進行分類展示。
2) 導(dǎo)航：從一個地方到另一個地方。在原本的組織結(jié)構(gòu)基礎(chǔ)上加上箭頭。組織是房間格局，導(dǎo)航就是門窗。
藍色標記的瀏覽便可以理解為導(dǎo)航，而綠色標記的詢問可以理解為搜索。
而導(dǎo)航也可以分為全局導(dǎo)航、區(qū)域?qū)Ш?、情景?dǎo)航，其中情景導(dǎo)航是最復(fù)雜也是最靈活的導(dǎo)航，沒有規(guī)則，不遵循架構(gòu)層級，由標簽來完成。
在設(shè)計導(dǎo)航，畫流程圖的時候，關(guān)注表現(xiàn)層，而非系統(tǒng)層，只關(guān)注用戶看到的界面之間的跳轉(zhuǎn)。
3) 搜索：
在設(shè)計搜索的時候，需要考慮搜索聯(lián)想的分類和呈現(xiàn)，搜索結(jié)果的排序和高亮，容錯提示，搜索狀態(tài)和商業(yè)策略。最后一點是搜索引擎賺錢的保證。
4) 標簽：在導(dǎo)航那里就提到了標簽，這是一種為了迎合用戶需求和設(shè)計的一種將網(wǎng)站內(nèi)容快速分類展示的設(shè)計方式。
界面框架設(shè)計是對信息架構(gòu)的進一步細化，常用的方法是原型法，常用的工具有Axure RP，PPT，Word，Sketch等，展現(xiàn)形式有界面圖片，圖片+文字說明，界面流程等，不受限于工具，能表達清楚即可。
關(guān)鍵任務(wù)流設(shè)計是基于任務(wù)的，將在不同界面跳轉(zhuǎn)的過程表現(xiàn)出來。例如，在微信發(fā)朋友圈，這是一個任務(wù)，用戶需要五步來完成，第一步進入朋友圈，第二步按下頁面右上角的照相機按鈕，長按和短按效果不一樣，第三步選擇圖片或輸入文字，第四步選擇地點和發(fā)送的對象，第五步點擊發(fā)送。這五步，會在三個到四個界面跳轉(zhuǎn)，界面+跳轉(zhuǎn)路徑是任務(wù)流設(shè)計的常見形式。
細節(jié)設(shè)計
細節(jié)設(shè)計可以理解為對線索、操作、反饋的設(shè)計。
1) 線索的視覺屬性：包括形狀，尺寸，顏色，位置，紋理，方向
再來看看下面這個栗子：
"猜你喜歡"顏色和"今日推薦"，"即將開售/預(yù)售"不同，表示當(dāng)前頁。海報最吸引眼球，所以尺寸比文字大很多。價格的顏色最為凸顯，也是用戶會優(yōu)先關(guān)注的元素。上方的Tab框用灰色細線包圍，表示與下方內(nèi)容的隔離，并且上方的信息顯然比下方更重要。
總而言之，就是利用視覺屬性將頁面進行組織分類，區(qū)分主次，將用戶關(guān)心的信息凸出放大顯示，保證視覺的美觀的基礎(chǔ)上，能引導(dǎo)用戶完成需要他們完成的操作。
2) 操作是施加在對象上的行為，是一種輸入過程。
回想上面發(fā)微博的栗子，為了引導(dǎo)用戶操作，需要設(shè)計觸發(fā)器，保證它容易被識別，容易被理解。
3) 反饋是對操作的反應(yīng)，也是下一步的線索。通俗來說，就是讓用戶知道現(xiàn)在神馬情況？結(jié)果咧？下一步要做什么？
需要考慮的狀態(tài)：勾選，懸停，移開，進入熱區(qū)，拖動，按下，未點擊，左右翻動，上下翻動，flip-flop button(類似開關(guān)按鈕)，進度條... 做這些設(shè)計的主要目的是緩解用戶的焦慮...
研發(fā)支持&設(shè)計驗收
這兩部分在產(chǎn)品經(jīng)理的工作中占的比重會相對較少，在完成設(shè)計后，需要找程序猿來實現(xiàn)，在實現(xiàn)的過程中，也需要和他們密切溝通，保證他們開發(fā)出來的產(chǎn)品和設(shè)計的一樣，當(dāng)然這種情況是很理想的，呵呵，現(xiàn)實總是很骨感。當(dāng)然，作為一枚產(chǎn)品，如果能了解技術(shù)，和猿類有更多共同話題，產(chǎn)品出來的效果會更好。
等到開發(fā)測試完成之后，產(chǎn)品經(jīng)理也需要在生產(chǎn)環(huán)境進行驗收，驗收功能開發(fā)的完整度。
#后記# 從開始想寫這個大主題開始，還真花了不少時間，也花了兩個周末的下午終于完成了這篇啰嗦的文章，希望對大家有所啟發(fā)的，有寫的不對的地方，也歡迎大家指正。
大家可以直接在簡書聯(lián)系我，也可以加我微信聊~
#公布答案#?假需求是第五條，因為這一條已經(jīng)在幫產(chǎn)品經(jīng)理干活了，是具體的設(shè)計了，而不是需求
---- The End ----
