PRODUCT項(xiàng)目四互聯(lián)網(wǎng)產(chǎn)品規(guī)劃主講人：馬勝銘時(shí)間：2026年任務(wù)三互聯(lián)網(wǎng)產(chǎn)品規(guī)劃與路線圖010203產(chǎn)品功能信息架構(gòu)交互邏輯流程圖紙模原型01產(chǎn)品功能信息架構(gòu)互聯(lián)網(wǎng)產(chǎn)品規(guī)劃與路線圖產(chǎn)品功能信息架構(gòu)的作用產(chǎn)品功能信息架構(gòu)在進(jìn)行產(chǎn)品規(guī)劃、產(chǎn)品設(shè)計(jì)時(shí)，產(chǎn)品功能信息架構(gòu)可以讓設(shè)計(jì)師擁有相對(duì)清晰的思路，也讓用戶在體驗(yàn)產(chǎn)品時(shí)，可以更加快速地獲取信息，收獲更好的用戶體驗(yàn)。產(chǎn)品功能信息架構(gòu)的形態(tài)產(chǎn)品功能信息架構(gòu)①

考慮功能的相似性②

考慮功能之間的關(guān)系③

考慮功能的使用頻次④

考慮系統(tǒng)的擴(kuò)展性1.產(chǎn)品功能信息架構(gòu)設(shè)計(jì)需要考慮的因素產(chǎn)品功能信息架構(gòu)的形態(tài)產(chǎn)品功能信息架構(gòu)①

自上而下2.產(chǎn)品功能信息架構(gòu)的構(gòu)建方式產(chǎn)品功能信息架構(gòu)的形態(tài)產(chǎn)品功能信息架構(gòu)②

自下而上2.產(chǎn)品功能信息架構(gòu)的構(gòu)建方式產(chǎn)品功能信息架構(gòu)的形態(tài)產(chǎn)品功能信息架構(gòu)③

綜合運(yùn)用2.產(chǎn)品功能信息架構(gòu)的構(gòu)建方式產(chǎn)品功能信息架構(gòu)的形態(tài)產(chǎn)品功能信息架構(gòu)①層級(jí)結(jié)構(gòu)3.產(chǎn)品功能信息架構(gòu)的形態(tài)介紹產(chǎn)品功能信息架構(gòu)的形態(tài)產(chǎn)品功能信息架構(gòu)②矩陣結(jié)構(gòu)產(chǎn)品功能信息架構(gòu)的形態(tài)產(chǎn)品功能信息架構(gòu)③自然結(jié)構(gòu)產(chǎn)品功能信息架構(gòu)的形態(tài)產(chǎn)品功能信息架構(gòu)④線性結(jié)構(gòu)產(chǎn)品功能信息架構(gòu)的實(shí)現(xiàn)產(chǎn)品功能信息架構(gòu)1.產(chǎn)品功能信息架構(gòu)的任務(wù)流程產(chǎn)品功能信息架構(gòu)的實(shí)現(xiàn)產(chǎn)品功能信息架構(gòu)2.選擇高效的繪圖軟件產(chǎn)品功能信息架構(gòu)的實(shí)現(xiàn)產(chǎn)品功能信息架構(gòu)3.產(chǎn)品功能信息架構(gòu)的實(shí)現(xiàn)技巧①

按照總分結(jié)構(gòu)確定關(guān)鍵的一級(jí)節(jié)點(diǎn)產(chǎn)品功能信息架構(gòu)的實(shí)現(xiàn)產(chǎn)品功能信息架構(gòu)②

繪制單個(gè)一級(jí)節(jié)點(diǎn)模塊的信息架構(gòu)圖，之后逐個(gè)完善產(chǎn)品功能信息架構(gòu)的實(shí)現(xiàn)產(chǎn)品功能信息架構(gòu)③

若某個(gè)頁面在不同的一級(jí)節(jié)點(diǎn)內(nèi)出現(xiàn)，應(yīng)明確標(biāo)識(shí)02交互邏輯流程圖互聯(lián)網(wǎng)產(chǎn)品規(guī)劃與路線圖交互邏輯流程圖的作用交互邏輯流程圖交互邏輯流程圖交互流程圖是一種用于展示用戶與產(chǎn)品之間交互過程的圖示工具。它通過一系列節(jié)點(diǎn)和連接線，描述了用戶在使用產(chǎn)品時(shí)的操作流程，清晰展示出用戶在不同頁面或模塊間的移動(dòng)和交互，幫助產(chǎn)品經(jīng)理優(yōu)化界面設(shè)計(jì)和交互邏輯。交互邏輯流程圖的形態(tài)交互邏輯流程圖1.交互邏輯流程圖的繪制階段（1）了解目標(biāo)用戶（2）盡量繪制在一個(gè)頁面內(nèi)（3）具有可讀性（4）使用標(biāo)準(zhǔn)的交互邏輯流程圖組件（5）明確2W1H要素交互邏輯流程圖的形態(tài)交互邏輯流程圖2.時(shí)序圖某醫(yī)院線上預(yù)約掛號(hào)的交互邏輯流程圖交互邏輯流程圖的形態(tài)交互邏輯流程圖3.流程圖單線程流程圖交互邏輯流程圖的實(shí)現(xiàn)交互邏輯流程圖1.交互邏輯流程圖的組成①界面。一個(gè)矩形代表一個(gè)界面，在這個(gè)流程中用戶經(jīng)過兩個(gè)界面（登錄頁和首頁），非界面的內(nèi)容不要出現(xiàn)。②動(dòng)作。界面之間要加上一個(gè)觸發(fā)動(dòng)作，該動(dòng)作需要標(biāo)示出來，③條件。一個(gè)動(dòng)作之后可能有多種（是/否）結(jié)果交互邏輯流程圖的實(shí)現(xiàn)交互邏輯流程圖2.交互邏輯流程圖的多種繪圖形式順序/判斷交互邏輯流程圖交互邏輯流程圖的實(shí)現(xiàn)交互邏輯流程圖多Tab界面交互邏輯流程圖交互邏輯流程圖的實(shí)現(xiàn)交互邏輯流程圖非線性中心化信息交互邏輯流程圖03紙模原型互聯(lián)網(wǎng)產(chǎn)品規(guī)劃與路線圖紙模原型設(shè)計(jì)紙模原型1.紙模原型繪制工具紙模原型設(shè)計(jì)紙模原型2.紙模原型設(shè)計(jì)參考步驟紙模原型設(shè)計(jì)紙模原型3.紙模原型要做到什么程度一般來說，紙模原型階段不需要進(jìn)行視覺設(shè)計(jì)，因此過于細(xì)節(jié)的內(nèi)容在紙模階段不需要明確畫出，只需要表明產(chǎn)品的核心功能、每個(gè)控件的大概位置、整體界面的布局等即可。原型設(shè)計(jì)四大排版原則紙模原型親密性原則原型設(shè)計(jì)四大排版原則紙模原型對(duì)齊原則對(duì)齊原則指的是頁面上的任何獨(dú)立項(xiàng)都應(yīng)當(dāng)和頁面上其他的某個(gè)獨(dú)立項(xiàng)存在視覺上的聯(lián)系，人的視覺習(xí)慣是喜歡看到有序的事物，這樣閱讀比較舒適且能快速獲取信息。原型設(shè)計(jì)四大排版原則紙模原型對(duì)比與重復(fù)原則練一練1.請以某個(gè)APP或者小程序?yàn)槔謩e畫出產(chǎn)品的信息架構(gòu)圖和交互邏輯流程圖并輸出。要求：內(nèi)容完整，使用軟件不限，并在組間或班級(jí)內(nèi)交流分享