低保真原型图怎么做？线框、点击路径与完整示例

更新时间： 2026年10月23日

低保真原型用简化的页面、文字和交互表达产品结构，帮助团队低成本比较方案、发现任务缺口。它可以画在纸上，也可以在工具中连接点击路径。低保真不等于完全静态，更不意味着按钮含义、信息顺序和错误反馈可以含糊处理。

想快速做一轮讨论，可以在墨刀原型用基础组件搭出少量页面。本例以“员工领取办公用品”为练习，先回答选什么、领多少、送到哪里、提交后如何确认，不急着设计品牌色和装饰插画。

低保真要省去哪些细节，又必须留下哪些

可以暂时省去精细图标、照片、复杂动效、完整配色和像素级间距。必须留下用户看得懂的字段名、动作标签、内容分组、页面去向及影响任务的条件。把所有文字替换成灰条，虽然画得快，却无法测试“提交领用”和“加入清单”是否被理解为同一件事。

低保真适合需求探索、信息架构比较、早期评审和新功能范围讨论。它不是“产品经理必须先做的第一阶段”，也不要求业务规则全部确定。如果团队已有成熟组件，复用高保真组件也可能很快；决定保真度的依据是本轮要回答的问题和修改成本。

练习前提：员工已经登录，要领取一盒黑色签字笔，送至3楼A区；本例库存显示2盒。正常路径是“选物品→填数量与地点→确认领用”。暂不做采购、审批、报销和仓库盘点。示例库存是静态测试数据；仓库连接需在集成环境另测。

再写两条待确认问题：数量和地点应放在物品页还是单独一页？提交前是否需要确认摘要？每个问题准备两种小方案，比较任务能否被理解，不要同时改变布局、名称、字段和流程，否则很难知道哪个修改产生了影响。

编号	画布	必须放入的内容	下一步
L01	选物品	签字笔、可领取2盒、查看或选择入口	进入领用填写
L02	填领用信息	数量、送达地点、返回、确认领用	有效值进入结果；超量留在本页
L03	领用已提交	签字笔1盒、3楼A区、申请编号、查看记录	能找到刚提交的记录
L02-E	超量提示	“最多可领取2盒，请调整数量”，地点仍保留	修正数量后继续

画布数量不必等于所有可能状态的数量。可以复制L02作为错误状态，也可以在同一页面表达状态变化。先选团队能维护的方式，名称必须能对应任务卡。

在L01先放页面标题、分类和物品行，把“可领取2盒”贴近数量相关信息。L02从上到下排列物品摘要、数量、地点、操作。错误紧贴数量字段，不能只放一枚没有解释的红色图标。用一种正文字号和少量灰度保持清楚；低保真仍需可读，而不是故意做得潦草。

把L01的物品入口连到L02，返回连回L01，正常确认连到L03。另建一个明确标注的“超量样例”入口进入L02-E，便于评审者观察修正流程。如果控件支持输入，可配置数量条件；若只是预设页面，就注明不能真正输入任意数量。两种方式都可以用于早期讨论，但证据范围不同。

纸上原型也能验证这条路径：参与者指出要点的位置，主持人换到下一张纸。主持人应按预设规则切换，不要临时口头补完缺失的页面。发现缺口就记下来，别用解释掩盖。

任务一：“领取1盒签字笔，送到3楼A区。”任务二：“尝试领取3盒，看到限制后改为1盒。”任务不写“点击确认领用”，避免把按钮位置告诉参与者。观察他是否能区分库存与领用数量、是否知道提交后还需等待处理，以及修正数量时地点是否丢失。

这些是预设的观察方向，实际结果要在走查后填写。一次参与者的误解可以提示问题，不能直接声称所有用户都会如此。保留问题页面、原始表述和修改决定，下一轮用同一任务复查。

可以按任务比较这三种工具：墨刀适合用组件、连线和分享链接推进在线评审；Balsamiq侧重线框表达，可以通过控件链接演示页面路径；Axure可承载从页面跳转到条件与变量的交互。工具能做更多，并不意味着低保真阶段必须全部用上。

Balsamiq的官方链接说明给出了可视化选择目标画板的做法，基本线框与跳转不以编程为前提；其编辑帮助也提供组件相关功能。Axure同样有官方交互教程，不应因学习成本较高就说它没有系统教程。先用熟悉工具完成L01—L03，只有遇到表达不了的具体问题再比较替代方案。

当参与者能找到物品、理解数量限制、完成提交并说明结果，结构问题就有了初步答案。此时可继续制作高保真原型，检查真实字体、长内容和更细的交互；若任务仍走不通，就继续改当前线框，无需用精美视觉掩盖。

交给团队的材料应包括任务卡、带编号的画布、可演示路径、实际观察记录和未定规则。将办公用品名称换成你项目中的真实对象，保留一个正常路径和一个关键异常，就能开始第一轮有依据的讨论。