美文网首页
页面流程图

页面流程图

作者: 紧松 | 来源:发表于2019-01-24 21:32 被阅读0次

1.什么是页面流程图

交互设计/原型设计的底子,基本依据

代表用户的操作过程,先做页面流程能快速发现体验问题

突出页面重点元素与逻辑关系,提升原型设计的效率

2.

3.页面流程图和信息架构图的区别

页面流程图,以用户视角,主要看流程的合理性

信息架构图,以产品视角、主要看包含多少功能点

页面流程图适合于跳转比较复杂的产品功能,如电商、社交产品

信息架构图适合于层级分明的,如音乐产品、新闻客户端、阅读类产品等

4.页面流程图包含什么

四方形:业务流程中四方形部分,异常流程为tips或者弹层

流向:主干流向和辅助流向

重点元素:每个流程中,重点要体现和表达的内容是什么?

5.画页面流程图的工具

Axure足够了,因为画了页面流程紧接着就是原型图

PPT也可以,快而且容易传输讲解

画页面流程的工作步骤

6.回归业务流程,明确主线

页面流程一定来自于业务流程

一般为业务流程中的方形部分

异常流程一般为弹层或弹窗

业务流程画的好,页面流程就简单

7.明确页面中重点元素

功能在页面中,有哪些是需要表现的元素

增加异常流程的处理逻辑

增加辅助的帮助页面

考虑下游触发点

8.沟通与优化

尽可能穷举涉及的页面,然后做剑法

通过原型草图,优化调整页面关键元素

与UI、UE、前端研发等多沟通有更好的效果

9.页面流程图的重点

回到业务逻辑,明确主线

明确每个页面中的核心元素

优化与调整顺序

相关文章

网友评论

      本文标题:页面流程图

      本文链接:https://www.haomeiwen.com/subject/eagrjqtx.html