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

登录过期怎么设计?保留任务与重新验证

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

登录过期后的交互,先停止需要有效身份的操作,再让用户重新验证,并在权限允许时恢复原任务。恢复页面不等于自动重放提交:重新登录的人可能换了账号,业务记录可能已变,上一笔请求也可能已经成功。设计要分别确认身份、草稿和操作结果。

设想用户填写设备领用申请,上传了材料,点击提交时会话已经过期。可以在墨刀原型里串起申请表、身份验证和返回页面,让产品与研发一起决定哪些内容能够保留、哪些动作需要再次确认。

登录过期后保留申请任务、重新验证身份并返回原页面的路径
重新验证身份后,先确认任务状态,再继续操作。

把提醒、失效和结果未知分开

会话即将过期时,产品可以提醒用户保存或继续;已经失效时,服务端不再接受受保护操作;提交后没有收到答复时,则尚不能判断请求是否执行。这三种状态不能共用“登录超时,请重试”。

状态用户需要知道什么本例动作
即将过期继续使用是否需要验证保存允许保存的草稿,进入验证
服务端明确拒绝未授权请求本次提交没有被接受保留可保留内容,验证后重新确认提交
提交结果未知无法确认是否已创建申请验证后先按请求标识查询结果
身份已恢复当前账号与原任务是否匹配核对账号、权限及最新业务状态

OWASP会话管理指南区分空闲与绝对超时,并要求在服务端执行过期控制。设计可以提供倒计时和恢复提示,但不能把浏览器里的倒计时当作身份有效的唯一依据。具体多久过期,由系统风险和业务要求决定。

提醒也不应成为必须具备的承诺。网络中断、设备休眠或页面在后台时,用户可能看不到提前提醒。因此真正的恢复路径必须在已经失效后仍然可解释,而不是只依赖“最后一分钟会弹窗”。

草稿保留在哪里,就说明到哪里

设备领用申请包括设备型号、领用原因和附件。本例允许把型号与原因暂存在当前页面内存;附件已上传到服务端的临时区,但需重新确认访问权限。提示可写:“登录状态已失效。此页面仍保留已填文字,重新验证后可继续。”不要写“资料已安全保存”,因为关闭标签后,内存内容可能消失。

若产品支持服务端草稿,应在身份失效前按已有权限保存。失效之后不能继续假装有权写入草稿。浏览器本地存储也不是万能恢复箱,账号切换、共享设备和敏感字段都需要相应规则;是否允许暂存、保存多久,由实现与数据要求确定。

验证码、密码等身份验证信息不作为业务草稿恢复。其他字段是否可以复制或带回,也按原数据权限判断。更完整的保存位置与冲突处理,可参考自动保存与草稿恢复的设计方法。

在原页面验证,还是跳到登录页

短时间重新确认身份,可以在任务页面上方打开验证层,减少用户失去上下文;需要完整身份提供方流程时,则跳转到登录页并保留明确的返回目标。选择哪种方式取决于账号体系,原型不能凭空承诺第三方登录一定能在弹层内完成。

验证层应说明当前任务,如“重新登录后继续设备领用申请”,并显示足以辨认的账号信息。关掉验证层可以返回受限的草稿页面,但提交按钮仍不能使用。验证失败时提示留在验证区域,别把业务表单清空。

跳转登录后,返回目标应来自应用已允许的内部路径,而不是任意外部地址。对用户而言,最有用的是回到原申请,并保持可以恢复的内容;对研发而言,还需要约束返回参数,不能把一个看似方便的“返回任意链接”做成开放跳转入口。

换了账号,就不能直接接着原身份提交

用户原来以小林账号填写,重新验证时却选了小周。不能只检查“已登录”就恢复申请:领用部门、申请权限、附件归属都可能不同。可以提示“当前登录为小周,无法继续小林的草稿”,提供切回原账号或在当前账号开始新申请的入口。

是否允许复制少量非敏感文字,要另按产品规则决定;不能把原账号附件和受限资料自动带到新账号。多租户产品还要核对组织或工作区,账号相同也不代表当前访问范围相同。

即使恢复了同一账号,权限也可能已撤回。此时显示无法继续的具体原因,保留符合规则的查看或退出路径,不进入无限“请重新登录”的循环。重新认证确认的是身份,不能替代当前操作的授权判断。

验证成功后,先查询再决定是否重提

用户点击“提交申请”后发生网络错误,随后发现登录失效。服务端可能已经创建申请,只是响应没有到达。如果验证完成就自动再次提交,可能生成两张申请单。

本例为一次提交保留请求标识。返回后先查询这个标识对应的结果:已创建则进入申请详情;明确未创建才回到确认提交;仍无法确定则继续显示查询状态与可联系的支持路径。该机制需要后端支持,不能只在前端禁用按钮就宣称解决了重复提交。

同时检查表单所引用的数据是否仍有效。例如设备已停用、额度已变、审批部门已调整,应在原字段旁提示并要求确认。身份恢复不会冻结业务时间,也不保证十分钟前的选择仍能提交。

多标签页不要各自弹一轮登录

用户开着三个申请页面,其中一个完成重新验证后,其他页面可以重新查询会话状态,再恢复可操作状态;它们不能仅凭另一页的广播就认定授权成功。若其他页仍有不同业务对象,也不能统一跳到刚验证页面的申请详情。

在原型里准备“编辑中→身份失效→同账号验证→确认草稿→提交成功”的主路径,再添加换账号、权限撤回和结果未知三条分支。评审时要求参与者说出当前身份、内容保存位置与是否已提交,能连续答对这三件事,恢复流程才算讲清楚。

免费在线原型设计工具

内容丰富组件拖拽即用

多人在线编辑实时协作

海量模板素材快速复用

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