在
网站设计市场竞争日益激烈的情况下，大家都希望通过网站收集准客户的信息。几乎每次可用性会话中，参与者都会在登录界面暂停，输入内容，然后抬头检查自己是否“做对了”。那段停顿是一个明显的信号。他们已经察觉这不是一个真正的应用，之后收集的每一个数据点都经过了这种意识过滤。
在金融产品测试中，问题更为尖锐。金融用户被训练去察觉什么地方不对劲：平衡不合，字段接受任何东西。当银行原型跳过真正的身份验证时，参与者不仅会脱离;他们会在比赛中途停下来标记。团队最终得出的发现反映了用户在演示中的行为，而非真实产品中的表现。解决办法比你想象的要窄。识别参与者信任建立的时刻，并让这种互动变得真实。在银行应用中，那个时刻就是登录。这个教程构建了它：验证凭证、实时错误状态，以及感觉原生的生物识别动画——无需代码。
在Figma中选择登录框后打开ProtoPie插件，导出时选择场景。《扁平化》将一切压缩成一个画面;场景保留了你的图层层级结构，使每个元素作为独立的可目标图层进入ProtoPie。在继续之前：有意义地重命名每一层。“输入用户名”，而不是“矩形14”。你会用公式来引用这些名字：模糊的名字会累积成实时丢失的时间。
ProtoPie 的原生输入层支持真实的键盘输入：参与者输入真实文本，而不是点击占位符。进入→，把输入图层拖到画布上，然后嵌套在用户名字段组里。视觉上要匹配：占位文字、用户名、背景填充和字体以匹配你的设计。点击预览。点击字段。类型。这就是原型开始像一个应用一样表现，而不是真正描绘一个应用。将此层重命名为“输入用户名”，复制它，并将副本嵌套在你的密码字段组中。
在复制的图层上，将占位符文本改为密码，并将类型设置为文本密码。ProtoPie负责掩蔽，无需自定义逻辑。预览两个字段：用户名显示文本，密码显示点数。这已经感觉很真实了，你还没写出任何条件。添加一个新场景，哪怕是空白场景。ProtoPie 中最常见的排序错误是试图在目的地尚未出现前就接线导航响应，先创造它。
选择登录，添加点击触发器，将响应设置为跳跃，锁定仪表盘场景，将滑入从右切换到左。预览并点击。它导航：但对任何输入，甚至什么都不做。原型还在说谎。接下来的两个步骤就是解决办法。在 ProtoPie 的左下角，添加两个文本类型变量：和。用公式将每个字母绑定到其输入层：usernamepassword，启用调试图标：绿色覆盖层会显示实时变量值。当你看到你的按键实时显示时，绑定就被确认了。回到登录按钮的“点击”触发器。添加一个带有两条规则的条件，两者都必须为真：username等于alex.c@gmail.com。将跳跃响应移入该条件内。错误的凭证、空字段、错误的格式：都无法通过。参与者现在必须真正登录。这个单一约束会改变后续每个测试会话的质地。
找到你的错误信息图层，将其重命名为错误文本，将初始透明度设为0。添加第二个条件（第一个的逆），并在其中加入一个将错误文本不透明度设置为100的“变更属性响应”。错误的凭证：出现错误。正确的凭证：仪表盘。有两个结果：这正是使得这可检验而不仅仅是可证明的原因。当认证真正起作用时，错误状态就成为真正的研究关键点：用户是否理解信息，是否会重试，还是改为使用 Face ID？这些问题是假登录无法回答的问题。
