产品必备技能(十):如何绘制原型图?先要绘制页面流程图+页面原型图!附实操原型图、流程图实例(抖音)

目标

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

题目

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

实操步骤

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

模板

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

页面流程

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

绘制页面流程图

合格标准

  • 页面流程图中要体现的元素:页面、操作或状态、链接线
  • 页面流程图的流程合理且完整
  • 页面流程不是页面,不要贴页面上来
    在这里插入图片描述

绘制页面原型图

合格标准

  • 还原你选择的页面的所有要素,要求元素必须完整,图片可以使用占位符。
  • 在原型中要标注交互信息(即页面跳转的逻辑),若有数据信息也一并梳理出来。
  • 不要遗漏异常情况的提示/引导。
    在这里插入图片描述
    什么是页面流程图???
    好多人把页面流程图画成了“业务流程图”或者是“功能流程图”,这三种是有本质区别的,建议大家在画之前看看这两篇文章:
    http://www.woshipm.com/pmd/663549.html
    http://www.woshipm.com/rp/651734.html
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页