当我们需要设计任务型功能的时候，除了基础的线框图和交互，更需要提前搞清楚整个功能的内部逻辑流程，简称功能逻辑图。

举几个大家熟悉的任务型功能作为例子，方便大家理解概念。

比如电商的下单，大概包含查看商品→选择数量→填写收货地址→添加留言→付款。

其中的退货也是，选择商品→申请退货→填写退货信息→卖家审批→寄送商品→卖家确认物品无误→退款到账。

包括优惠券的使用，是生成订单前还是订单后都是有讲究的。

一、为什么需要功能逻辑图

当需要设计这样复杂步骤的功能，一定要学会画出内部的逻辑流程。

当然有时候也需要结合功能结构的思想，先拆分功能尽量少耦合，再画出内部逻辑。

然后和后端工程师过一遍逻辑，如果没有问题。再去设计具体的前端页面，**才是专注于视觉细节。

如果没有先产出功能逻辑图，而是只画线框图和交互，那修改迭代的次数至少是上百次。

二、功能逻辑图是什么

表现功能内部的逻辑走向。可指导设计具体的页面和交互。