开学特惠 会员低至4.4折 限时加赠 10000 AI积分 立即前往 arrow

登录过期后怎么设计?重新登录、草稿恢复与继续操作

文章目录
免费使用墨刀
更新时间: 2026年10月06日

登录过期后,页面应尽量保住用户正在做的事:说明需要重新登录,保留可恢复的内容,认证成功后回到原任务。对于提交、支付、审批等可能已经发生的动作,应先核对结果,不能登录后直接再执行一遍。

这与设计一张好看的登录页是两件事。可以在墨刀原型中把登录中断与恢复过程画清楚:费用申请写到一半、刚点提交、账号发生变化时,页面各自怎样回应。先定清这些分支,再决定弹窗还是整页登录。

费用申请在重新登录后恢复草稿并核对继续的任务路径
重新认证后回到原任务,先核对恢复内容与当前身份。

不是所有登录过期都能用一个弹窗处理

用户在浏览列表时失效,主要问题是继续访问;正在编辑费用申请时失效,重点是保存未完成输入;提交后收到认证错误,首先要确认那次提交是否已经生效。把三种情况都写成“登录已过期,请重试”,会把责任推给用户。

失效时正在做什么主要风险恢复重点
查看内容失去浏览位置重新登录后回到原页及必要条件
编辑未提交申请输入丢失恢复可保存字段,说明未保留项目
已点击提交,结果未知重复提交或误以为失败先查询处理结果,再决定继续操作
更换账号或权限已变化访问到不属于自己的内容重新核对身份与资源权限

“重新登录”不是重新授予所有权限。即使原账号认证成功,项目访问权也可能已经撤销。恢复路径应重新检查当前权限,而不是只恢复几分钟前的页面外观。

能提前提醒时,给用户一个可行动的选择

如果系统有明确的闲置超时规则,可以在到期前提供“继续使用”或保存当前工作的机会;提醒时机与安全规则需要产品和研发共同确认,不应由设计师随意填写一个分钟数。

提醒要解释后果,例如“长时间未操作,即将需要重新登录。费用申请草稿已保存至14:32”,比一个只显示倒计时的红色窗口更有信息。没有实际保存能力,就不能写“已保存”;附件、富文本或本地选中文件是否能恢复,也要分别核对。

不是所有失效都能提前预告。密码修改、异地会话管理或服务端撤销可能立即发生。因此即使有倒计时提醒,也需要设计没有预警的中断路径。

在原页认证,还是跳转登录页

原页对话框能保留工作上下文,但前提是认证流程和设备环境适合这样展示。统一身份认证、多因素验证或外部身份提供方可能需要完整跳转。视觉形式应服从实际认证方式,不宜为了“少跳一次”压缩必要操作。

不论采用哪一种方式,都应保存一个受控的返回目标。登录后回到原申请,不等于盲目打开任意传入地址;返回链接的合法范围由工程实现检查。用户点取消时,是留在只读页面、返回列表,还是退出当前流程,也要明确。

W3C 的重新认证成功准则提出认证后不丢失活动数据与上下文的目标,属于 WCAG 的 AAA 级要求。可以据此审查恢复体验,但不能把它写成所有产品已经具备的默认行为。

墨刀原型中的费用申请登录过期提示与重新认证后的草稿恢复
恢复草稿后先核对账号和申请内容,再继续编辑;不要自动重复提交。

草稿恢复需要一份字段约定

本例的费用申请包含报销项目、金额、说明、发票附件和提交人。恢复时不能只写“保留表单”,应列出这些字段分别在哪里保存、什么时候保存以及保留期限。敏感字段和文件也不能为了方便恢复而随意长期留在共享设备上。

用户重新登录原账号后,先回到对应草稿,显示最近恢复时间。若附件需要重新选择,应直接标出附件区域,而不是直到再次提交才说“必填项缺失”。草稿与线上记录发生冲突时,应说明哪个版本更新,避免以恢复之名覆盖已完成的修改。

设计稿可以给出一条具体的恢复消息:“已恢复14:32保存的申请,之后的修改请核对。发票附件需要重新选择。”只有完全确定内容已恢复时,才使用“全部已恢复”。如果系统只能保留本次页面中的输入,关闭窗口就会丢失,应在离开前解释这一限制,不能用看似安心的“稍后继续”暗示跨设备永久保存。

自动保存和手动保存的选择,可以进一步参考保存失败与草稿恢复的设计方法。本页需要额外强调的是身份:换了一个账号以后,原账号的草稿不能自然变成新账号可见的数据。

结果未知时,先查再让用户重试

费用申请提交的一瞬间发生网络或认证异常,客户端看到失败并不等于服务器没有处理。界面可以显示“需要重新登录以确认提交结果”,认证后查询对应申请状态,再进入成功记录、可继续编辑的草稿或仍待确认状态。

如果确认已经提交成功,应显示记录编号与提交时间,不再出现“重新提交”。如果确认没有提交,保留输入让用户主动确认后继续。无法确认时提供查询记录或联系支持的路径,不能用一句确定性的“提交失败”掩盖未知状态。

涉及审批、付款或对外发送等不可轻易撤回的动作,重新认证后应重新展示当前对象与关键参数,并由用户明确发起。恢复上下文与重放动作是不同能力,前者便于继续工作,后者可能带来重复执行。

多个标签页同时打开时,还要考虑“在一页重新登录,其他页仍显示过期”的情况。其他页可以重新确认会话和权限,但不能因此一起提交各自尚未完成的操作。若登录时更换了账号,应使各页识别身份变化,避免继续展示前一个账号的数据。对用户而言这是一次登录,对产品而言却有多个等待恢复的任务,二者需要分别管理。

四种身份变化要分别走一遍

  1. 原账号重新登录:草稿、筛选和位置按规则恢复;不能把所有路径都送到首页。
  2. 登录了不同账号:清楚说明当前身份,不展示原账号草稿和受限内容。
  3. 原账号权限被移除:说明不能继续访问,提供允许的退出或申请入口。
  4. 认证成功但资源已删除:解释资源状态,提供返回列表等合理去处,避免反复要求登录。

还应检查弹窗能否用键盘完成、焦点是否回到合理位置、多个标签页失效时是否重复弹出相互冲突的提示。登录成功本身只是中间结果;用户能回到正确任务,并知道哪些内容与操作需要重新确认,才是这条流程真正的完成点。

免费在线原型设计工具

内容丰富组件拖拽即用

多人在线编辑实时协作

海量模板素材快速复用

一键分享交付在线评论互动