Prototype · 学生端 · V1.2

填报通 · 学生填报端交互原型

11 屏完整流程:门禁核验 → 信息核对 → 选材上传 → 自动规范化 → 提交审核。
新增 STEP 03B「申请加入名单」——门禁失败后的受控出口,客户确认后加入。
设计方向为「档案室 / 电子卷宗」——本系统替代的是纸质材料袋与红章审批,界面应让人感到有秩序、可信、像一份正经公文。
图标为内联 SVG 线性图标(统一 1.7px 描边、继承文字色),不用 emoji——避免跨平台渲染不一致,也避免消费级观感。
全部文案遵循「零术语 · 指出位置 · 给出动作」三原则;数据取自真实批次 24中技数控1班 的 28 名学生。

锁定:只读,名单为空则阻断发布 预填可改:老师已填,可核对修改 材料:学生唯一的重活 朱红:印章 / 需修正
9:41
为保护你的信息,请先填写姓名和身份证号,与老师提供的名单核对后才能填报。
共 18 位,最后一位可能是字母 X(会自动转为大写)
格式检查通过
填写即表示同意《个人信息处理告知同意书》
STEP 01 门禁核验 进入填报的唯一入口。身份证号用等宽字体+字距呈现,因为它是"数据"不是"文字"。
先在本地校验位数与校验位,不合格当场提示、不发请求——既省流量,也防刷接口。
9:41

你是不是曾伊豪?

身份证号已和名单匹配上,但姓名不太一样。
请确认一下,这关系到你后续的证书信息。

你填写的曾依豪
老师名单曾伊豪
「依」和「伊」读音相同、字形相近,是最常见的写法差异。
确认后姓名将按名单锁定,不可再改
STEP 02 形近字确认 不走"报错 → 重填",而是把系统判断摆出来让用户裁决。
这个纠错能力来自真实数据——实测名单里就有「扬晨 ↔ 杨晨」的实例(差 1 字且拼音相同,命中规则但必须经人确认)。本屏用同类型的「曾依豪 ↔ 曾伊豪」示例,保持主角一致。
9:41

没有找到你的信息

请核对姓名和身份证号是否与老师提供的名单一致。
如果确实已报名,可以申请加入名单,由老师审核。

本次填写 已提交
姓名曾伊豪
身份证号361029********5511
出于隐私保护,系统不会提示具体是哪一项不符。
名单里确实没有你?
连续 10 次未匹配将暂时锁定,1 小时后可重试
STEP 03 门禁失败(统一提示) 故意不区分失败原因——无论"号码不在名单"还是"姓名不符",文案完全一致。
否则这个接口就能被用来逐个探测身份证号是否在名单里。这一屏是安全设计,不是文案设计。 底部只有两条出路,都是系统内的动作:
① 重新填写(主路径)——大多数情况只是名字打错了;
② 申请加入名单(FR-509)——确实不在名单里时自助申请,由管理员逐条审批。
系统内不展示任何联系方式——学生在班级群里本来就有班主任的联系方式,系统再放一份既不必要,也带来维护与隐私成本。
9:41
1填写申请
2等待审核
3重新核验
提交后由学校老师审核,审核期间还不能填报。通过后你会收到通知,届时重新核验即可进入。
申请人信息
用于老师与你联系,不会公开展示
补充说明 选填
同一任务最多申请 2 次 · 提交后不可修改
STEP 03B · 客户确认新增 申请加入名单 三步进度条把"提交 → 等待 → 重新核验"讲清楚,避免学生误以为提交完就能填了。
顶部那条提示是本屏的关键:「审核期间还不能填报」。如果这句话不写,学生会反复回来点填报、以为系统坏了。
补充说明是选填——实测里"我是转班过来的"这类信息对管理员判断很有用,但不能设成必填,否则会挡住真正需要帮助的人。
9:41
2026年9月机电专业认定材料收集
截止 10-15江西省机电技师学院
2/4
曾伊豪 · 24中技数控1班
还差 2 份材料,去传一下就能提交
报考信息 老师已确定
报考职业车工
报考工种数控车工
报考等级四级/中级工
其他信息 请核对,可改
学历技工学校
是否在校生是
在读学校江西省机电技师学院
所学专业数控加工(数控车工)
入学时间2024-09-01
联系电话19970570823
需要上传的材料 你的活
一寸照片 已通过
曾伊豪-...-一寸照片.jpg · 96KB
身份证 已通过
曾伊豪-...-身份证.jpg · 810KB
学籍表 未上传
教务系统截图,从手机相册里选
工作证明 未上传
打印店扫描后会发给你,从聊天记录里选
STEP 04 · 核心屏 填报主页:一屏看完,几乎不用打字 三块分区严格对应「字段三类规则」——报考信息锁定、其他信息可核对修改、材料才是学生要干的活。
实测老师名单已填满 21 项中的 18 项,所以学生上来只是核对着点两下 + 传文件。
9:41
去哪里找这份材料?
打印店扫描完会发到你的微信,通常就在聊天记录里。
材料要求
格式JPG / PNG / PDF
大小不超过 1M(系统会自动压缩)
内容手签并加盖学校公章的扫描件
命名姓名-身份证号-工作证明.jpg
命名不用你操心,系统会自动改好。

选择材料来源

优先从聊天记录选——文件名里带着你的信息,系统能自动识别
从微信聊天记录选择 推荐
照相馆、打印店、老师发来的文件都在这里
从手机相册选择
系统截图、已有的翻拍件在这里
从手机文件选择
PDF 扫描件、Word 版申报表在这里
不提供"直接拍照"——所有材料都是已有的文件
STEP 05 材料来源选择 刻意没有"拍照"入口。实测 4 类材料(教务截图 / 打印店扫描件 / 照相馆电子版 / 翻拍件)没有一类来自现场拍照。
「从聊天记录选」被标为推荐,因为微信会返回原始文件名——那是命名引擎最可靠的信息源。
9:41
64%
正在处理你的材料
请稍候,不要退出
已上传 16.14 MB
识别为 工作证明(A4 扫描件)
正在规范化文件名…
压缩到 1M 以内
校验材料一致性
STEP 06 处理过程可见 把"秒级黑箱"拆成可读的步骤。
实测最大的扫描件有 1.8 亿像素、处理需几秒——这几秒如果不解释,用户会以为卡死并退出。
9:41
已规范
你上传的文件名
曾伊豪-361029200907295110工作证明.jpg.jpg
已自动规范化
规范后的文件名
曾伊豪-361029200907295110-工作证明.jpg
系统为你修正了 2 处
多余的扩展名 .jpg.jpg → .jpg
缺少连接符 → 已插入 -
体积压缩
16.14 MB → 806 KB 省下 95%
已按 A4 纸张等比缩至 300dpi 标准扫描清晰度,公章与手写签名仍然清晰可辨。
校验结果
身份证号与老师名单一致
与你的其他材料一致
体积符合要求(≤ 1M)
STEP 07 · 全原型最核心 上传即规范化:让用户看见系统替他干了什么 这是整个产品的价值可视化。用户交上来一个 .jpg.jpg 的乱名文件,红笔划掉、盖"已规范"章,再报出压缩率。
刻意把"原名"留得很丑、把"新名"留得很干净——对比越强烈,价值感越强。
9:41
这张看起来是工作证明,你已经传过这一项了。
要重新选一张学籍表吗?
系统识别
工作证明 置信度 93%
识别依据
检测到关键词「申报表」「职业技能等级认定」「兹证明」
版面为 A4 纸张扫描件(约 1.6 亿像素)
系统只做提示,不会自动移动或替换你的文件。
STEP 08 传错位置:只提示,不擅自改 识别必然有误判。自动挪位置比传错更危险——它会把用户原本放对的文件挪走。所以规则是:给依据、给建议、把决定权留给用户。
本屏演示的是目标槽位已占用的情形——学生刚传完工作证明,再去传学籍表时误选了同一张图,系统识别为"重复"并只建议重新选择。
若目标槽位为空(如工作证明还没传),系统会给出「移到『工作证明』」——能移才移,不能移就只提示。
9:41
4 项材料 3 项就绪
一寸照片 96KB
身份证 810KB
工作证明 806KB
学籍表 分辨率偏低,放大后可能看不清
1 项建议处理
学籍表这张图只有 1024×590,建议让老师重发一张更清晰的。也可以选择继续提交。
STEP 09 提交前确认:红黄绿汇总 红色阻断项必须处理才能提交;黄色警告项需勾选"我已确认"后放行。
注意这里没有阻断项——因为不合格的内容在上传那一刻就已经被拦下并修正了,不会累积到最后。
9:41

已提交,等待审核

班主任审核通过后,会汇总给学校管理员终审。

审核进度
材料提交完成
今天 09:41
●
班主任初审
李老师 · 一般 1 个工作日内处理
3
学校管理员终审
初审通过后开始
4
汇总上报
终审通过后由学校统一上报
审核结果会通过微信通知你,无需反复查看。
需要修改?联系班主任
STEP 10 进度透明,减少追问 把"提交后一片黑"变成可见的时间轴。
实测场景里班主任最常被追问的就是"我交了没""审到哪了"——这一屏直接消灭这类沟通成本。

设计依据 · 每一屏都对着一条真实数据

01为什么学生几乎不用打字

实测老师交上来的名单里,21 个字段已填满 18 个(学历、在校生、学校、专业、入学时间、报考三项、联系电话全部有值)。所以学生端的任务是核对 + 传文件,不是填表。

02为什么报考信息要锁定

整班 28 人的报考三项完全一致(车工 / 数控车工 / 四级中级工)——这是老师按机构要求统一定的。让学生去选只会制造错误。要改,只能找老师。

03为什么没有"拍照"

学籍表是教务系统截图、工作证明是打印店扫描件、一寸照是照相馆电子版、身份证是翻拍件——没有一类来自现场拍照。拍照只会引入模糊、畸变、反光。

04为什么失败提示不写原因

如果提示"身份证号不在名单",这个接口就能被用来逐个探测身份证号是否在名单里。安全要求优先于用户体验。

05为什么压缩率要显式告知

用户最怕的是"你把我文件动了"。把 16.14MB → 810KB 写出来,并说明"300dpi 清晰度无损",才能建立信任。这也是认定机构最关心的问题。

06为什么识别错误不自动纠正

系统识别必然有误判。自动挪文件比传错更危险——它会把放对的文件挪走。所以只给建议与依据,决定权始终在用户手里。