//写在前面：
适合人群：
视觉转交互 / UI Designer 想懂交互逻辑 / 想写出好交互文档的新手
内容结构：
-
流程图是什么，不是画图，是表达“用户怎么一步步完成目标”
-
流程图包含什么组成？（触发—操作—反馈）
-
初学者常犯的理解误区：关注画面，不关注“操作过程”
-
拆解一个真实任务流（比如“预定会议室”/“注册账号”）
-
如何从用户目标出发，写出一张不依赖原型图的流程清单
-
总结一套“新手流程图五步法”
很多初入交互设计的小伙伴，都会听到一个建议：“先从画流程图开始。”
但流程图到底**画什么？表达什么？**为什么它对交互设计那么关键？
今天这篇文章，我们就来系统梳理这件事，并教你如何用纯文字也能表达出完整的用户任务流程。
流程图是什么，不是画图，是表达“用户怎么一步步完成目标”
流程图（User Flow）的本质，不是图，而是一条用户的操作路径。
你可以把它理解为一张“任务执行地图”：
-
从哪里开始（入口）
-
走过哪些关键步骤（过程）
-
最终完成了什么（目标达成）
它不是设计页面样子，不是决定按钮放哪里，而是回答一个核心问题：用户是怎么一步步完成这件事的？
举个例子：
当你用滴滴打车的流程，其实是：
markdown
复制编辑
1. 打开App → 看到“打车”入口 2. 输入起点和终点 3. 选择车型 → 确认订单 4. 等待司机接单 → 上车 5. 到达目的地 → 支付 → 评价
这其实就是一张流程图的雏形。
流程图包含什么组成？用三段式理解（触发 → 执行 → 反馈）
为了让新手更容易掌握，我们可以把一个用户流程拆成以下三段：
| 阶段 |
说明 |
关键点 |
| 触发 Trigger |
用户产生动机/看到入口 |
任务从哪里开始？入口清晰吗？ |
| 执行 Action |
用户一步步完成操作 |
步骤顺畅吗？逻辑连贯吗？ |
| 反馈 Feedback |
系统响应结果 |
是否完成目标？有没有确认提示？ |
这三段不是理论，而是你画流程、写文档时必须考虑的三个设计面。
初学者常犯的误区：关注“页面”，而忽略“操作过程”
很多设计小白在学习初期，习惯一上来就画界面、堆按钮。
但问题是——你连用户要做什么都没搞清楚，怎么知道该放什么控件？
典型误区：
正确思维应该是：
“用户要完成一件事 → 他需要经过哪几步 → 每一步中他需要系统给什么？”
拆解一个真实任务流示例：「预约会议室」
我们以一个企业内部系统中的真实任务流为例：
用户目标：预约明天下午的会议室开会
用户流程拆解：
markdown
复制编辑
1. 登录系统 → 首页选择“会议室预约”入口 2. 选择日期 → 选择时间段（如14:00-15:00） 3. 选择会议室（系统过滤出可用的） 4. 填写用途说明 → 提交预约 5. 显示预约成功提示 → 可查看预约记录
这张流程图体现的设计思考包括：
-
步骤是否有明确反馈？
-
用户是否容易出错？
-
系统是否能预防冲突时间段？
-
可编辑、取消吗？流程中断如何处理？
如何从用户目标出发，写出一张不依赖原型图的流程清单
很多人以为流程图就必须要“画”，但对于刚入门的同学，用文字写出一张流程清单，已经很强了！
操作方法：
以“注册账号”为例，试着这样写清楚流程：
markdown
复制编辑
【用户目标】注册一个新账号
【触发入口】 - 打开App → 点击“注册”
【执行过程】 1. 输入手机号 2. 获取验证码 → 系统发送 3. 输入验证码 → 系统校验 4. 设置密码 5. 勾选用户协议 → 点击“注册”
【反馈结果】 - 注册成功 → 跳转至首页 - 如果失败 → 显示具体错误（如验证码错误）
这个结构比直接画个框图更清晰、更全面，还方便和开发、产品对齐逻辑。
总结一套「新手流程图五步法」
很多人不知道从哪开始画流程，其实你可以用下面这套通用五步法
新手流程图五步法：
| 步骤 |
问题提示 |
示例 |
| 1. 明确用户目标 |
他要完成什么任务？ |
预约会议室、提交订单等 |
| 2. 确定起点入口 |
他从哪开始这件事？ |
首页、菜单栏、按钮 |
| 3. 列出关键步骤 |
他必须做哪些操作？ |
选择、输入、确认等 |
| 4. 标记系统反馈 |
系统会给出什么回应？ |
成功提示、错误校验等 |
| 5. 考虑中断/异常 |
用户会在哪些地方卡住？ |
验证失败、网络断开等 |
有时候不需要一次做得很完美，先写出主流程，再补充边界情况，也很棒。
推荐你这样开始练习：
选择一个你熟悉的 App，如微信、小红书、饿了么
模拟一个真实任务，如“下单”、“发评论”、“修改资料”
用上面五步法写出完整流程清单，别画图也行！
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan
