项目设计流程之关于模块流程到前端交互落地
模块流程与前端设计
- 模块流程 - 偏业务结构和系统结构 ： 考虑职责划分、边界、流程闭环、异常分支。
- 前度交互 - 偏用户操作体验和界面实现： 考虑用户看到什么，点哪里，表单怎么填，加载态，空态，禁用态怎么处理，一个流程拆成让用户使用顺手。
流程（示例）：
一.业务目标
这个功能解决什么问题
成功的标准是什么
二模块与流程
有哪些模块
主流程是什么
异常流程是什么
谁依赖谁
三交互与页面
用户入口在哪
页面流转怎么走
每一步用户看见什么，能做啥呢
四技术落地
接口怎么定
状态怎么管
前后端边界怎么划
怎么保证可拓展和可维护
一个简单例子
比如“文章发布系统”。
模块/流程层
- 文章编辑
- 草稿保存
- 提交审核
- 审核通过/驳回
- 发布上线
前端交互层
- 编辑器是自动保存还是手动保存
- “提交审核”按钮什么时候可点
- 驳回后是直接回编辑页还是弹出原因
- 发布成功后跳详情页还是列表页
- 草稿和已发布状态怎么区分展示
因此：
- 流程设计定义了骨架
- 交互设计决定了用户体感
- 技术实现决定了能不能稳定落地
思考
应该拆几个模块， 状态怎么流转， 谁负责这一步 - 这是模块/流程设计
按钮放哪， 这一步用户会不会迷惑， 失败提示怎么更自然。 -这是交互落地
推荐
业务目标 → 流程图/状态图 → 页面草图 → 接口设计 → 前端实现