页面流程与页面结构图

1.为什么有页面流程

  • 交互设计/原型设计的底子
  • 代表用户的操作过程,先做页面流程能快速发现体验问题
  • 突出页面重点元素与逻辑关系,提升原型设计效率

2.页面流程如何设计

  • 页面流程来源于业务流程,首先要明确业务流程,清晰主线
  • 明确页面中的核心元素
  • 流程图的沟通和优化

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

  • 页面流程图,以用户视角,主要看流程的合理性
  • 信息架构图,以产品视角,主要看包含多少功能点
  • 页面流程图更适用于跳转比较复杂的产品功能,如电商、社交产品
  • 信息架构图适合于层级分明的,如音乐产品、新闻客户端、阅读类产品等

4.页面流程图包含什么

  • 四方形:业务流程中四方形部分,异常流程为TIPS或者弹层
  • 流向: 主干流向和辅助流向
  • 重点元素:每个流程中,重点要体现和表达的内容是什么?

5. 具体步骤

1.回归业务流程,明确主线
  • 页面流程一定来自业务流程
  • 一般为业务流程中的方形部分
  • 异常流程一般为弹层或弹窗
2.明确页面中的重点元素
  • 功能在页面中,有哪些是需要表现元素
  • 增加异常流程的处理路逻辑
  • 增加辅助页面的帮助逻辑
  • 考虑下游触发点
3.沟通与优化
  • 尽可能穷举涉及的页面,然后做减法
  • 通过原型草图,优化调整页面关键元素
  • 与UI、UE和前端研发等多沟通有更好的效果
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容