定義：產(chǎn)品設(shè)計是一個由抽象概念到具體形象化的處理過程，通過文字或圖像等方式將我們規(guī)劃的產(chǎn)品需求展現(xiàn)出來。
定義說明：
它是將一個目標或需求轉(zhuǎn)換成為一個具體事物的過程，這個事物可以是實體的也可以是虛擬的。
它是將把我們的想法、計劃、思考、追求等等抽象的概念，用具體的工具或文字描述表達出來；
蘋果：硬件設(shè)計的佼佼者，性能、外觀都做的非常優(yōu)秀，A系列處理器、指紋識別、壓感觸控、機身更薄、邊角圓潤等；
微信：軟件設(shè)計的佼佼者，功能、布局的做的非常優(yōu)秀，微信是一種生活方式，溝通、社交、生活。第一個和第二個都是tab實現(xiàn)溝通、第三個實現(xiàn)社交、第四個實現(xiàn)生活。避免臃腫，你用就在那里，不用也不會來打擾你，比如朋友圈和錢包的功能；
產(chǎn)品設(shè)計的重要性
通過產(chǎn)品設(shè)計可以全面規(guī)劃和確定整個產(chǎn)品策略、外觀、結(jié)構(gòu)、系統(tǒng)功能、系統(tǒng)布局等等內(nèi)容，對于整個產(chǎn)品的研發(fā)與應(yīng)用意義重大。
一套具體詳盡的產(chǎn)品描述描述可以提高產(chǎn)品宣講時的溝通與理解，節(jié)約研發(fā)時間，提升研發(fā)，增強團隊更快速有效的執(zhí)行。如果一個產(chǎn)品在開始時沒有做到詳盡有序有效的設(shè)計說明，缺乏具體形象的表述，那么就有可能在研發(fā)時就將耗費大量資源和勞動力來調(diào)整需求，變更需求。相反，一套嚴謹有序的產(chǎn)品設(shè)計方案，不僅能有效表達功能上的優(yōu)越性，而且便于執(zhí)行便于理解，從而使產(chǎn)品的研發(fā)效率得以大大增強。
產(chǎn)品設(shè)計需要的四種設(shè)計圖：
一、信息結(jié)構(gòu)圖
信息結(jié)構(gòu)圖：用于表現(xiàn)產(chǎn)品的所有信息內(nèi)容及內(nèi)容分類的一種示意圖。
輔助產(chǎn)品設(shè)計，幫助產(chǎn)品梳理產(chǎn)品所需要的信息內(nèi)容及后續(xù)的功能分類設(shè)計；
多為數(shù)據(jù)庫需要存儲的數(shù)據(jù)，可輔助服務(wù)端技術(shù)創(chuàng)建數(shù)據(jù)庫與及建立數(shù)據(jù)結(jié)構(gòu)；
信息結(jié)構(gòu)圖是我們將概念、想法形成結(jié)構(gòu)化的第一步，也是我們接下來幾步工作的輔助文檔，同時在接下來的幾步工作中，我們還會不斷的完善信息的結(jié)構(gòu)，增加或刪除或分類內(nèi)容；
可通過文本或思維導(dǎo)圖軟件構(gòu)建；
案例：文章：標題、副標題、發(fā)布時間、發(fā)布人、正文、作者、文章分類；
二、產(chǎn)品結(jié)構(gòu)圖
產(chǎn)品結(jié)構(gòu)圖：基于產(chǎn)品的邏輯及表現(xiàn)形式，結(jié)構(gòu)化表現(xiàn)產(chǎn)品各個功能模塊的一種示意圖，是對信息結(jié)構(gòu)圖的一種細化，便于理解產(chǎn)品及建立產(chǎn)品原型圖；
一種將產(chǎn)品原型以結(jié)構(gòu)化的方式展現(xiàn)的圖表，結(jié)構(gòu)內(nèi)容也如同產(chǎn)品原型一樣，從頻道到頁面，再細化頁面功能模塊和元素；
產(chǎn)品經(jīng)理在設(shè)計原型之前的一種思路梳理的方式，并不是給其他工作人員查看的文檔，通過類似鳥瞰式的結(jié)構(gòu)圖可以讓產(chǎn)品經(jīng)理對產(chǎn)品結(jié)構(gòu)一目了然，也方便思考。
結(jié)構(gòu)化的產(chǎn)品原型，通過這種方法可以明確產(chǎn)品有多少個頻道、有多少個頁面、頁面有多少個功能模塊、功能模塊有多少個元素，逐步的將腦海里的想法明確梳理成結(jié)構(gòu)。雖然這種方法能夠明確產(chǎn)品的結(jié)構(gòu)，但是這樣的思維導(dǎo)圖也就只有產(chǎn)品經(jīng)理自己能夠看懂，因為對于設(shè)計和技術(shù)人員這是一個抽象的表述方式，如果沒有詳細的講解，是很難理解的。
問題：產(chǎn)品結(jié)構(gòu)圖是將產(chǎn)品原型具體化的一種方式，只是羅列了產(chǎn)品的頻道頁面和功能，但是沒有詳細的進行推演，關(guān)于細化方面是否符合產(chǎn)品邏輯，是否符合用戶體驗，這些都是沒有深思過的，因此我們接下來就要進行原型設(shè)計，開始具體的考慮可行性。
舉例：
首頁：推薦文章分類、標題、作者、發(fā)布時間等；
運營：標題、副標題、發(fā)布時間、發(fā)布人、正文、作者、文章分類；
產(chǎn)品：標題、副標題、發(fā)布時間、發(fā)布人、正文、作者、文章分類；
設(shè)計：標題、副標題、發(fā)布時間、發(fā)布人、正文、作者、文章分類；
技術(shù)：標題、副標題、發(fā)布時間、發(fā)布人、正文、作者、文章分類；
工具：紙筆和思維導(dǎo)圖工具；
三、產(chǎn)品流程圖
產(chǎn)品流程圖：將產(chǎn)品的功能通過特定的邏輯關(guān)系串聯(lián)起來的有序框圖。
作用：
對于外部人員你，能夠很好的表現(xiàn)功能模塊的邏輯，將產(chǎn)品非常形象直觀、一目了然的展現(xiàn)了出來，便于理解；
對于產(chǎn)品自己，可以梳理流程，減少非閉環(huán)操作，當流程出錯時非常容易發(fā)現(xiàn)并修改;
舉例：產(chǎn)品工作流程圖
舉例：技術(shù)原理說明，
前端表現(xiàn)層：PC端：HTML+CSS+js，Android端：java，IOS端：c++和object-c；
自身服務(wù)端：PHP、ruby;
第三方服務(wù)端：API對接，PHP、python
數(shù)據(jù)庫：存儲數(shù)據(jù)，供前端和服務(wù)端調(diào)取使用
運維：為前端、服務(wù)端提供底層服務(wù)，保證上層運行正常
工具：通過VISIO畫圖；（具體可以看之前的及課程）
四、原型設(shè)計
定義：原型設(shè)計：用線條、圖形描繪出的產(chǎn)品框架，即線框圖。原型設(shè)計需要綜合考慮產(chǎn)品的實現(xiàn)目標、需求場景、功能場景、用戶體驗等因素，對產(chǎn)品的各版塊、界面和元素等內(nèi)容進行一個合理的有序布局。
作用：
原型設(shè)計能讓我們更加深入思考產(chǎn)品實現(xiàn)，如每個頁面上元素和這些元素的屬性。舉個例子如手機驗證，當用戶輸入手機號是要不要驗證手機號是否正確，是否全部為純數(shù)字，是否為11位等，如果全部驗證OK，應(yīng)該如何調(diào)用驗證碼服務(wù)，如何給用戶下發(fā)驗證，是語音還是短信等，下發(fā)完成后，如何驗證，驗證成功如何通知前端，驗證失敗應(yīng)該給用戶什么提示，驗證信息如何存儲等；
將抽象的信息結(jié)構(gòu)，產(chǎn)品結(jié)構(gòu)，產(chǎn)品邏輯等內(nèi)容轉(zhuǎn)化為具體形象、交互頁面、輸出說明的過程，如果可以在產(chǎn)品原型上增加具體的頁面、邏輯、元素等的說明，可以省去PRD的撰寫；
輔助產(chǎn)品經(jīng)理與領(lǐng)導(dǎo)、交互、UI、運營和技術(shù)的溝通產(chǎn)品需求與功能設(shè)計；
便于修正與維護（撕逼）；
原型設(shè)計是對上面的信息結(jié)構(gòu)圖、產(chǎn)品結(jié)構(gòu)圖的一個形象表達，同時又能后面PRD的撰寫與溝通提供基礎(chǔ)支持，所在原型設(shè)計在整個產(chǎn)品流程中處于最重要的位置，有著承上啟下的作用；
原型設(shè)計分類：手繪原型、灰模原型、交互原型
手繪繪制原型：最簡單直接的方法，最快速的表現(xiàn)產(chǎn)品輪廓的方法。通過紙和筆，快速手繪原型，在初期驗證想法時非常高效，也方便討論和重構(gòu)，同時也適合敏捷開發(fā)時快速出原型，但還是建議用工具出圖留底。（在自己的辦公桌上準備紙筆，隨時溝通與畫圖，如產(chǎn)品流程、產(chǎn)品原型、邏輯溝通等）；
灰模原型也叫平面模型或線框圖，或者中保真原型圖；
相對手繪原型，灰模更加清晰和整潔；
相比交互原型，灰模原型只是缺少交互效果，僅僅是將產(chǎn)品需求以線框結(jié)構(gòu)的方式展示出來，讓產(chǎn)品的需求更加直觀；
產(chǎn)品的一個一個頁面的具體表達，不帶顏色，不帶交互，只有灰色的線條、形狀與文字，這樣便于交互設(shè)計師進行發(fā)揮，設(shè)計產(chǎn)品；
交互原型是通過原型設(shè)計軟件完成的原型，帶有頁面的跳轉(zhuǎn)、彈層等交互效果，在功能需求和交互需求的表現(xiàn)上，幾乎和正式產(chǎn)品是一致的，所以有時交互原型也被稱為產(chǎn)品Demo版。
產(chǎn)品經(jīng)理通過交互原型來推演真實的用戶使用場景，從而更好的把握產(chǎn)品與用戶；
通常情況下交互原型是產(chǎn)品經(jīng)理與交互設(shè)計師共同討論確定，然后由交互設(shè)計師制作，但是絕大多數(shù)的公司是沒有交互設(shè)計師這個職位的，因此這類工作最終是由產(chǎn)品經(jīng)理來負責的。
PC端原型交互多，后臺產(chǎn)品更多一些、APP端原型交互少，更多的是頁面之前的跳轉(zhuǎn)，直接用用箭頭連接各個頁面進行說明即可；
原型設(shè)計是為了幫助我們細致的考慮方案，并論證方案的可行性，同時也是為了產(chǎn)品宣講時讓聽眾能夠清晰直觀的了解產(chǎn)品，避免抽象的語言描述導(dǎo)致聽眾理解困難和理解偏差。產(chǎn)品原型也是為了確保產(chǎn)品在執(zhí)行過程中，是按產(chǎn)品經(jīng)理最初設(shè)想的需求和期望完成的，因此產(chǎn)品經(jīng)理在制作原型時，可更具具體場景，具體使用哪一種原型設(shè)計，只要對方能夠聽懂看懂接受就可以了，效率最高即可。
原型設(shè)計主要工具：手繪草圖（紙筆），快捷方便，工具可使用Axure、Mockplus、墨刀等；
四種圖之間的關(guān)系：
是相互耦合和輔助的作用，并不是一個做完了就不用修改了，而是四種在做的時候，不斷的相互影響與修正，最終完成產(chǎn)品的原型設(shè)計；
信息結(jié)構(gòu)圖和產(chǎn)品結(jié)構(gòu)圖可以一起進行制作；
PRD一般包含產(chǎn)品流程圖和原型頁面；
總之。靈活運營，達到目的即可；
