一、页面流程与页面结构图
原型设计之前的工作,极大提升产品原型的效率
1.了解一下页面流程图
a:交互设计/原型设计的底子,基本依据
b:代表用户的操作过程,先做页面流程能快速发现体验问题
c:突出页面重点元素与逻辑关系,提升原型设计效率
页面流程图例子
2.页面流程图与信息架构图的区别
左为信息架构图右为页面流程图
a:页面流程图,以用户视角,主要看流程的合理性
b:信息架构图,以产品视角,主要看包含多少功能点
c:页面流程图适合于跳转比较复杂的产品功能,如电商、社交产品
d:信息架构图适合于层级分明的,如音乐产品、新闻客户端、阅读类产品
3.页面流程图包含什么?
a:四方形:业务流程中四方形部分,异常流程为tips或者弹层
b:流向:主干流向和辅助流向
c:重点元素:每个流程中,重点体现和表达的内容是什么?
4.案例
给产品增加一个优惠码功能,可