美文网首页
页面流程图

页面流程图

作者: 三旬老郑丶 | 来源:发表于2019-03-28 23:01 被阅读0次

    一、了解一下页面流程图

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

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

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

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

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

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

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

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

    页面流程图包含什么?

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

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

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

    画页面流程工具

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

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

    二、回归业务流程,明确主线

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

    2、一般为业务流程中的方块部分

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

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

    三、明确页面中重点元素

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

    2、增加异常流程的处理逻辑

    3、增加辅助的帮助页面

    4、考虑下游触发点

    四、沟通与优化

    1、尽可能穷举涉及的页面,然后做减法

    2、通过原型草图,优化条恒页面关键元素

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

    总结

    1、回到业务逻辑,明确主线

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

    3、优化与调整顺序

    相关文章

      网友评论

          本文标题:页面流程图

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