1.為什么有頁面流程：
- 交互設(shè)計(jì)/原型設(shè)計(jì)的底子
- 代表用戶的操作過程，先做頁面流程能快速發(fā)現(xiàn)體驗(yàn)問題
- 突出頁面重點(diǎn)元素與邏輯關(guān)系扫沼，提升原型設(shè)計(jì)效率
2.頁面流程如何設(shè)計(jì)：
- 頁面流程來源于業(yè)務(wù)流程，首先要明確業(yè)務(wù)流程充甚，清晰主線
- 明確頁面中的核心元素
- 流程圖的溝通和優(yōu)化
3.頁面流程圖和信息架構(gòu)圖的區(qū)別
- 頁面流程圖霸褒，以用戶視角伴找，主要看流程的合理性
- 信息架構(gòu)圖，以產(chǎn)品視角废菱，主要看包含多少功能點(diǎn)
- 頁面流程圖更適用于跳轉(zhuǎn)比較復(fù)雜的產(chǎn)品功能技矮，如電商抖誉、社交產(chǎn)品
- 信息架構(gòu)圖適合于層級(jí)分明的，如音樂產(chǎn)品衰倦、新聞客戶端、閱讀類產(chǎn)品等
4.頁面流程圖包含什么
- 四方形：業(yè)務(wù)流程中四方形部分樊零，異常流程為TIPS或者彈層
- 流向： 主干流向和輔助流向
- 重點(diǎn)元素：每個(gè)流程中，重點(diǎn)要體現(xiàn)和表達(dá)的內(nèi)容是什么夺艰？
5. 具體步驟
1.回歸業(yè)務(wù)流程，明確主線
- 頁面流程一定來自業(yè)務(wù)流程
- 一般為業(yè)務(wù)流程中的方形部分
- 異常流程一般為彈層或彈窗
2.明確頁面中的重點(diǎn)元素
- 功能在頁面中郁副，有哪些是需要表現(xiàn)元素
- 增加異常流程的處理路邏輯
- 增加輔助頁面的幫助邏輯
- 考慮下游觸發(fā)點(diǎn)
3.溝通與優(yōu)化
- 盡可能窮舉涉及的頁面豌习，然后做減法
- 通過原型草圖存谎，優(yōu)化調(diào)整頁面關(guān)鍵元素
- 與UI肥隆、UE和前端研發(fā)等多溝通有更好的效果
