麦式参考 MickerBook Reference

用户流程

User Flow

也常被叫作:用户路径使用流程从哪来到哪去操作路径

你可能会这么说

「把用户从「看到你」到「用上你」这条路,一步步画出来。」

用户流程 User Flow

用户从哪来、第一步做什么、怎么走到核心动作、卡住了怎么办——先画这条路再动手。

用户流程就是「用户从哪来到哪去」的路线图。它回答的不是「页面长什么样」,而是「人是怎么走完这件事的」:从哪个入口进来(搜到的、朋友转的、还是首页点进去的)、看到的第一眼是什么、下一步做什么、做完有什么反馈、走不下去时怎么办。画流程的功夫在于把「用户会做的事」拆成看得见的步骤,而不是停留在「用户应该会用」。

不画流程直接做,最常见的后果是「功能都有,但串不起来」。AI 会把每个页面做得很好,但用户从入口到核心动作之间要填五个表单,或者核心按钮藏在第三层菜单里。你亲手走一遍就会发现,你自己都要想一下该点哪。用户不会想,想不明白他就走了,而且不会告诉你为什么走。

好的流程有几个共同点:入口到核心动作不超过三步(第一版至少如此);每一步用户都知道「我在哪、下一步是什么」;出错时告诉他「怎么了、怎么办」;核心动作做完有明确的「完成」反馈。画的时候用方框加箭头就够了,能说清就行,别花时间美化——美化是流程定了之后的事。

长什么样 真实可交互,不是截图

看到分享链接点开看结果自己也传一张拿到图发回去

别忘了分支

打不开链接?提示重试或换个方式。上传失败?告诉他图片太大还是格式不对,别让他干等。

流程图不用画得漂亮,方框和箭头就够。重点是每一步用户都知道自己在哪、下一步做什么,以及走错时怎么办。

拆开看,里面有这几块

  1. 1
    入口 Entry

    用户第一次从哪接触到这件事:搜索、分享链接、首页、广告。入口错了,后面全白做。

  2. 2
    步骤 Steps

    从入口到完成核心动作之间的每个可见动作,每一步都要有明确的下一步。

  3. 3
    分支 Branches

    出错、取消、没权限时用户走哪条路。只有顺利路径的流程是假的。

  4. 4
    终点 Exit

    做完之后用户去哪:看到完成页、回到首页、还是带着结果离开。

常见的有哪几种

顺利路径Happy path

一切正常时最短的那条路。第一版先保证这条走得通。

用在:第一版、时间紧

带分支流程Full flow

把出错、取消、重试都画进去。

用在:涉及钱、删除、权限时必画

关键路径Critical path

全站只挑用户最常走的 1-2 条路径重点优化。

用在:已有产品找瓶颈

容易搞混?这样区分

用户流程 页面结构 Sitemap

页面结构是「有哪些页面、谁连着谁」的地图;用户流程是「一个人从头到尾做一件事」的路线。地图告诉你有哪些地方,流程告诉你人实际怎么走。页面结构齐全不代表流程走得通。

用户流程 线框图 Wireframe

线框图画的是每个页面长什么样;用户流程画的是页面之间怎么串。先有流程再画线框——顺序反了,会做出一堆漂亮的碎片,串不起来。

什么时候用得上

第一版之前

把「入口 → 核心动作 → 完成」三步写出来,比写功能清单更能发现漏了什么。

用户说「找不到」

别急着加按钮,先走一遍流程,看核心动作藏在第几层、要几步才到。

AI 做完之后

亲手走一遍,把每步「我在哪、下一步是什么」记下来,卡壳的地方就是流程断点。

你可以这样跟 AI 说

直接复制下面这段,把【】里的换成你的情况。它比一句「帮我加个 X」多说清楚了:改哪里、不许动啥、做完交什么。

【任务】为[产品/功能名称]画一条用户流程:从用户第一次接触,到完成核心动作
【范围】只画流程和必要的页面骨架,不实现任何代码;先用文字列出步骤发我确认
【目标】覆盖这条路径:
  1. 入口:[用户从哪里进来,比如分享链接/首页/搜索]
  2. 第一屏:他看到的第一眼是什么,需不需要解释才能懂
  3. 核心动作:做什么、点哪里、最多几步能到
  4. 完成反馈:做完后看到什么,怎么明确告诉他成功了
  5. 出错分支:输错、失败、没权限时,告诉他怎么了、怎么办
【边界】不要加任何我上面没提的入口和页面;不要设计视觉风格,只要步骤和布局;每一步标出「用户在这里会不会疑惑,疑惑怎么办」
【交付】给我一份「第 1 步 → 第 2 步 → …」的清单,每步一句话说明用户看到什么、做什么;指出这条流程里最可能让用户流失的 1-2 个点;等我确认流程后你再进入实现

关键是把「确认流程」和「实现」分成两步:让 AI 先只交文字流程,你确认了才动手。这样流程错了只浪费一段对话,而不是浪费一版代码。

它说「做好了」,你怎么自己验

这是本站的重头戏。AI 最会的不是写代码,是说「已完成」。这一条,它通常最多做到「主路径」这层:真实用户的正常操作能走通,不靠特殊参数。

要亲眼看到这些,才算数

  • 找一个没接触过的人,不解释,让他自己走一遍,记下他每步有没有犹豫。
  • 数一下「入口 → 核心动作」要几步,超过三步想想能不能砍。
  • 故意走错一次(输错、乱点、中途刷新),看有没有提示告诉他怎么办。
  • 每个核心动作做完,有没有明确可见的「完成」反馈,而不是静悄悄没反应。
  • 把流程讲给另一个人听,他能复述出「从哪进、做什么、到哪结束」吗?复述不出来就是流程没说清。

它常这么糊弄你

  • 「流程已经设计好了」——但他给你的只是一份页面清单,没有顺序、没有分支。要求它标出第几步做什么、卡住怎么办。
  • 「用户不会走错的」——错是常态。没有出错分支的流程是假的,自己走一遍错误路径看看。
  • 「这一步用户自然就会」——你熟悉产品才觉得自然。让生人来走,犹豫超过两秒就是断点。
  • 「流程很顺但用户还是走了」——那入口可能就错了:用户根本不知道从哪开始,或者第一屏没看懂这是干什么的。

流程本身只是纸上的东西,属于「概念」层;但当它落到真实产品、真人能走通时,就到了「主路径」。这一层要亲手走、请人走,别听汇报。

考考你 选一个你觉得对的

用户说「我找不到在哪发布」,最可能的原因是什么?