登录过期后,页面应尽量保住用户正在做的事:说明需要重新登录,保留可恢复的内容,认证成功后回到原任务。对于提交、支付、审批等可能已经发生的动作,应先核对结果,不能登录后直接再执行一遍。
这与设计一张好看的登录页是两件事。可以在墨刀原型中把登录中断与恢复过程画清楚:费用申请写到一半、刚点提交、账号发生变化时,页面各自怎样回应。先定清这些分支,再决定弹窗还是整页登录。

不是所有登录过期都能用一个弹窗处理
用户在浏览列表时失效,主要问题是继续访问;正在编辑费用申请时失效,重点是保存未完成输入;提交后收到认证错误,首先要确认那次提交是否已经生效。把三种情况都写成“登录已过期,请重试”,会把责任推给用户。
| 失效时正在做什么 | 主要风险 | 恢复重点 |
|---|---|---|
| 查看内容 | 失去浏览位置 | 重新登录后回到原页及必要条件 |
| 编辑未提交申请 | 输入丢失 | 恢复可保存字段,说明未保留项目 |
| 已点击提交,结果未知 | 重复提交或误以为失败 | 先查询处理结果,再决定继续操作 |
| 更换账号或权限已变化 | 访问到不属于自己的内容 | 重新核对身份与资源权限 |
“重新登录”不是重新授予所有权限。即使原账号认证成功,项目访问权也可能已经撤销。恢复路径应重新检查当前权限,而不是只恢复几分钟前的页面外观。
能提前提醒时,给用户一个可行动的选择
如果系统有明确的闲置超时规则,可以在到期前提供“继续使用”或保存当前工作的机会;提醒时机与安全规则需要产品和研发共同确认,不应由设计师随意填写一个分钟数。
提醒要解释后果,例如“长时间未操作,即将需要重新登录。费用申请草稿已保存至14:32”,比一个只显示倒计时的红色窗口更有信息。没有实际保存能力,就不能写“已保存”;附件、富文本或本地选中文件是否能恢复,也要分别核对。
不是所有失效都能提前预告。密码修改、异地会话管理或服务端撤销可能立即发生。因此即使有倒计时提醒,也需要设计没有预警的中断路径。
在原页认证,还是跳转登录页
原页对话框能保留工作上下文,但前提是认证流程和设备环境适合这样展示。统一身份认证、多因素验证或外部身份提供方可能需要完整跳转。视觉形式应服从实际认证方式,不宜为了“少跳一次”压缩必要操作。
不论采用哪一种方式,都应保存一个受控的返回目标。登录后回到原申请,不等于盲目打开任意传入地址;返回链接的合法范围由工程实现检查。用户点取消时,是留在只读页面、返回列表,还是退出当前流程,也要明确。
W3C 的重新认证成功准则提出认证后不丢失活动数据与上下文的目标,属于 WCAG 的 AAA 级要求。可以据此审查恢复体验,但不能把它写成所有产品已经具备的默认行为。

草稿恢复需要一份字段约定
本例的费用申请包含报销项目、金额、说明、发票附件和提交人。恢复时不能只写“保留表单”,应列出这些字段分别在哪里保存、什么时候保存以及保留期限。敏感字段和文件也不能为了方便恢复而随意长期留在共享设备上。
用户重新登录原账号后,先回到对应草稿,显示最近恢复时间。若附件需要重新选择,应直接标出附件区域,而不是直到再次提交才说“必填项缺失”。草稿与线上记录发生冲突时,应说明哪个版本更新,避免以恢复之名覆盖已完成的修改。
设计稿可以给出一条具体的恢复消息:“已恢复14:32保存的申请,之后的修改请核对。发票附件需要重新选择。”只有完全确定内容已恢复时,才使用“全部已恢复”。如果系统只能保留本次页面中的输入,关闭窗口就会丢失,应在离开前解释这一限制,不能用看似安心的“稍后继续”暗示跨设备永久保存。
自动保存和手动保存的选择,可以进一步参考保存失败与草稿恢复的设计方法。本页需要额外强调的是身份:换了一个账号以后,原账号的草稿不能自然变成新账号可见的数据。
结果未知时,先查再让用户重试
费用申请提交的一瞬间发生网络或认证异常,客户端看到失败并不等于服务器没有处理。界面可以显示“需要重新登录以确认提交结果”,认证后查询对应申请状态,再进入成功记录、可继续编辑的草稿或仍待确认状态。
如果确认已经提交成功,应显示记录编号与提交时间,不再出现“重新提交”。如果确认没有提交,保留输入让用户主动确认后继续。无法确认时提供查询记录或联系支持的路径,不能用一句确定性的“提交失败”掩盖未知状态。
涉及审批、付款或对外发送等不可轻易撤回的动作,重新认证后应重新展示当前对象与关键参数,并由用户明确发起。恢复上下文与重放动作是不同能力,前者便于继续工作,后者可能带来重复执行。
多个标签页同时打开时,还要考虑“在一页重新登录,其他页仍显示过期”的情况。其他页可以重新确认会话和权限,但不能因此一起提交各自尚未完成的操作。若登录时更换了账号,应使各页识别身份变化,避免继续展示前一个账号的数据。对用户而言这是一次登录,对产品而言却有多个等待恢复的任务,二者需要分别管理。
四种身份变化要分别走一遍
- 原账号重新登录:草稿、筛选和位置按规则恢复;不能把所有路径都送到首页。
- 登录了不同账号:清楚说明当前身份,不展示原账号草稿和受限内容。
- 原账号权限被移除:说明不能继续访问,提供允许的退出或申请入口。
- 认证成功但资源已删除:解释资源状态,提供返回列表等合理去处,避免反复要求登录。
还应检查弹窗能否用键盘完成、焦点是否回到合理位置、多个标签页失效时是否重复弹出相互冲突的提示。登录成功本身只是中间结果;用户能回到正确任务,并知道哪些内容与操作需要重新确认,才是这条流程真正的完成点。