上篇地址：
http://www.reibang.com/p/8ec57cfed21f
接著講以用戶為中心的產(chǎn)品設計流程的后面六個步驟：
需求過濾
需求是什么？
什么用戶群菩佑，在什么場景下自晰，可以通過產(chǎn)品做什么事？需求也是機會點擎鸠，用戶的某個場景的痛點未被滿足缀磕，便產(chǎn)生了需求
基于場景的需求：
1) 在關燈的房間，用戶用閱讀軟件閱讀...
2)在接完朋友電話劣光，用戶通過通話列表存儲聯(lián)系人信息...
在過濾需求之前袜蚕，我們通過頭腦風暴發(fā)散出任何能想到的基于場景的需求，還是沿用之前的例子绢涡，列出所有的需求：
1) 在發(fā)朋友圈的時候牲剃，找到合適的圖來配合此刻的心情和文字
2) 圖片質(zhì)量要高，不能有水印雄可，不能太模糊
3) 可以支持圖片的自定義處理
4) 智能的通過篩選本地圖片來推薦用戶配哪張圖
5)?搜索按鈕旁邊設置一個高級搜索條件
這些需求里面有一些是假需求凿傅，大家可以試著猜一下，答案在最末尾公布数苫。在過濾假需求和技術無法滿足的需求后聪舒，剩下的這些需求，可以嘗試使用storyboard的形式表達出來虐急，即"用戶+場景"來表達箱残。
功能&數(shù)據(jù)確定
這一步是將過濾后的需求轉化為功能，這一步也需要你從開發(fā)的視角去考慮止吁，這些需求的技術實現(xiàn)難度有多大被辑，如何設定規(guī)則既能一定程度滿足用戶需求也符合現(xiàn)有技術能力。如上一步提到的"在發(fā)朋友圈的時候敬惦，找到合適的圖來配合此刻的心情和文字"這一需求盼理，轉化為功能便是"支持通過關鍵字模糊搜索圖片"，為了實現(xiàn)這個功能俄删，我們需要制定一套搜索機制宏怔，包括分詞機制，數(shù)據(jù)庫內(nèi)圖片的分類和標簽系統(tǒng)畴椰。還需要思考搜索結果的排序和容錯提醒等功能举哟。當然，咱們團隊能做到哪一步迅矛，需要你和開發(fā)溝通妨猩，了解開發(fā)現(xiàn)狀，進而規(guī)劃產(chǎn)品秽褒，保證你的產(chǎn)品是可以實現(xiàn)可以落地的壶硅。
舉個栗子，拿百度圖片來看一下：
功能：搜索销斟，加關注庐椒，選擇本地圖片上傳，以及各種入口蚂踊，包括達人推薦入口约谈，搜索頁入口，消息頁入口和個人頁入口
數(shù)據(jù)：在這個首頁看到的所有圖片和用戶信息都屬于數(shù)據(jù)，這些在程序猿眼中都是一個個"字段"棱诱，從數(shù)據(jù)庫中讀取泼橘。每個字段都有字段規(guī)則，取值范圍迈勋，在PRD中是一定要說明的炬灭，不然程序猿就會按照他的理解去寫。
概要設計
信息架構設計是指將信息變成一個經(jīng)過組織靡菇、歸類重归、以及具有瀏覽體系的組合結構，這個活特別適合處女座厦凤，整理控~ 包括組織系統(tǒng)鼻吮，導航系統(tǒng)，搜索系統(tǒng)较鼓，標簽系統(tǒng)椎木。
1) 組織系統(tǒng)：用一定的規(guī)則，把信息員分堆笨腥，并且劃分好之間的關系拓哺。組織系統(tǒng)可以由樹形結構來展示，也就是俗稱的面包屑脖母。類目系統(tǒng)和標簽系統(tǒng)也常拿來對前端頁面進行分類展示士鸥。
2) 導航：從一個地方到另一個地方。在原本的組織結構基礎上加上箭頭谆级。組織是房間格局烤礁，導航就是門窗。
藍色標記的瀏覽便可以理解為導航肥照，而綠色標記的詢問可以理解為搜索脚仔。
而導航也可以分為全局導航、區(qū)域?qū)Ш接咭铩⑶榫皩Ш嚼鹪啵渲星榫皩Ш绞亲顝碗s也是最靈活的導航，沒有規(guī)則吕朵，不遵循架構層級猎醇，由標簽來完成。
在設計導航努溃，畫流程圖的時候硫嘶，關注表現(xiàn)層，而非系統(tǒng)層梧税，只關注用戶看到的界面之間的跳轉沦疾。
3) 搜索：
在設計搜索的時候称近，需要考慮搜索聯(lián)想的分類和呈現(xiàn)，搜索結果的排序和高亮哮塞，容錯提示刨秆，搜索狀態(tài)和商業(yè)策略。最后一點是搜索引擎賺錢的保證彻桃。
4) 標簽：在導航那里就提到了標簽坛善，這是一種為了迎合用戶需求和設計的一種將網(wǎng)站內(nèi)容快速分類展示的設計方式晾蜘。
界面框架設計是對信息架構的進一步細化邻眷，常用的方法是原型法，常用的工具有Axure RP剔交，PPT肆饶，Word，Sketch等岖常，展現(xiàn)形式有界面圖片驯镊，圖片+文字說明，界面流程等竭鞍，不受限于工具板惑，能表達清楚即可。
關鍵任務流設計是基于任務的偎快，將在不同界面跳轉的過程表現(xiàn)出來冯乘。例如，在微信發(fā)朋友圈晒夹，這是一個任務裆馒，用戶需要五步來完成，第一步進入朋友圈丐怯，第二步按下頁面右上角的照相機按鈕喷好，長按和短按效果不一樣，第三步選擇圖片或輸入文字读跷，第四步選擇地點和發(fā)送的對象梗搅，第五步點擊發(fā)送。這五步效览，會在三個到四個界面跳轉无切，界面+跳轉路徑是任務流設計的常見形式。
細節(jié)設計
細節(jié)設計可以理解為對線索钦铺、操作订雾、反饋的設計。
1) 線索的視覺屬性：包括形狀烫映，尺寸，顏色噩峦，位置锭沟，紋理，方向
再來看看下面這個栗子：
"猜你喜歡"顏色和"今日推薦"识补，"即將開售/預售"不同族淮，表示當前頁。海報最吸引眼球凭涂，所以尺寸比文字大很多祝辣。價格的顏色最為凸顯，也是用戶會優(yōu)先關注的元素切油。上方的Tab框用灰色細線包圍蝙斜，表示與下方內(nèi)容的隔離，并且上方的信息顯然比下方更重要澎胡。
總而言之孕荠，就是利用視覺屬性將頁面進行組織分類，區(qū)分主次攻谁，將用戶關心的信息凸出放大顯示稚伍，保證視覺的美觀的基礎上，能引導用戶完成需要他們完成的操作戚宦。
2) 操作是施加在對象上的行為个曙，是一種輸入過程。
回想上面發(fā)微博的栗子阁苞，為了引導用戶操作困檩，需要設計觸發(fā)器，保證它容易被識別那槽，容易被理解悼沿。
3) 反饋是對操作的反應，也是下一步的線索骚灸。通俗來說糟趾，就是讓用戶知道現(xiàn)在神馬情況？結果咧甚牲？下一步要做什么义郑？
需要考慮的狀態(tài)：勾選，懸停丈钙，移開非驮，進入熱區(qū)，拖動雏赦，按下劫笙，未點擊芙扎，左右翻動，上下翻動填大，flip-flop button(類似開關按鈕)戒洼，進度條... 做這些設計的主要目的是緩解用戶的焦慮...
研發(fā)支持&設計驗收
這兩部分在產(chǎn)品經(jīng)理的工作中占的比重會相對較少，在完成設計后允华，需要找程序猿來實現(xiàn)圈浇，在實現(xiàn)的過程中，也需要和他們密切溝通靴寂，保證他們開發(fā)出來的產(chǎn)品和設計的一樣磷蜀，當然這種情況是很理想的，呵呵榨汤，現(xiàn)實總是很骨感蠕搜。當然怎茫，作為一枚產(chǎn)品收壕，如果能了解技術，和猿類有更多共同話題轨蛤，產(chǎn)品出來的效果會更好蜜宪。
等到開發(fā)測試完成之后，產(chǎn)品經(jīng)理也需要在生產(chǎn)環(huán)境進行驗收祥山，驗收功能開發(fā)的完整度圃验。
#后記# 從開始想寫這個大主題開始，還真花了不少時間缝呕，也花了兩個周末的下午終于完成了這篇啰嗦的文章澳窑，希望對大家有所啟發(fā)的，有寫的不對的地方供常，也歡迎大家指正摊聋。
大家可以直接在簡書聯(lián)系我，也可以加我微信聊~
#公布答案#?假需求是第五條栈暇，因為這一條已經(jīng)在幫產(chǎn)品經(jīng)理干活了麻裁，是具體的設計了，而不是需求
---- The End ----
