产品必备技能（十）：如何绘制原型图？先要绘制页面流程图+页面原型图！附实操原型图、流程图实例（抖音）

目标

新入行的产品经理都对原型抱有向往的心境，但是有经验的产品经理不会一上来就画原型，而是先画页面流程再来画原型。通过学习，你将学会如何用页面流程图规划用户行为路径、如何借助原型识别问题、减少风险、有效沟通。

题目

任意选择一款你喜欢的产品，体验某个功能，下载并梳理此功能至少5个以上的页面流程跳转点（后面会解释），还原2 - 3个主要界面的低保真原型图。

实操步骤

• 可使用手绘以及Processon、Visio等工具绘制页面流程图&原型图

模板

实操【抖音】APP的视频发布功能

页面流程

抖音首页–视频拍摄/上传页面–视频编辑页面——视频发布页面——视频发布成功页面

绘制页面流程图

合格标准

• 页面流程图中要体现的元素：页面、操作或状态、链接线
• 页面流程图的流程合理且完整
• 页面流程不是页面，不要贴页面上来
  

绘制页面原型图

合格标准

• 还原你选择的页面的所有要素，要求元素必须完整，图片可以使用占位符。
• 在原型中要标注交互信息（即页面跳转的