团队比拼

从用户界面、记住用户选择、短期刺激、长期使用的利弊、防错设计五个角度,谈一个内部工具如何做得更好。

一、用户界面:清晰,但还有提升空间
优点:
当前系统基于 Vue 3 + Element Plus,整体风格统一,菜单结构清晰,左侧导航栏 + 顶部面包屑是经典后台布局。角色权限控制到位,不同角色看到不同菜单,减少信息干扰。列表页操作按钮(新增/编辑/删除/审核)位置统一,符合后台系统习惯。AI 智能助手有独立页面,入口明确。
可改进:
列表页筛选区与表格区之间视觉分隔不够,信息密度偏高。部分表单字段较多(如采购单),缺少分步骤引导(Step 组件)。移动端未适配——但作为 PC 端内部系统,这一点可以接受。
评分:3.5 / 5 星
二、记住用户的选择:目前基本没有
这是一个容易被忽视、但对效率影响很大的点。
现状:
列表页翻页后返回,筛选条件丢失,页码重置。用户选择的站点、备件分类等偏好没有持久化。主题/深色模式未实现(Layout 有深色渐变设计,但未做主题切换)。
建议:
用 localStorage 记住每个列表页的:筛选条件、分页大小、排序列。用户登录后记住「常用站点」,在顶部显示快捷切换。记住用户在上次关闭浏览器时打开的菜单项,下次自动展开。
评分:1 / 5 星 — 这是下一个版本的重点改进方向。
三、短期刺激:反馈及时,但缺少「成就感」
内部系统的短期刺激不是游戏化的奖励,而是操作反馈的及时性和正向确认。
做得好的:
操作成功/失败用 ElMessage 即时提示,用户知道结果。库存预警用红色/黄色区分等级,视觉刺激到位。AI 对话有「思考中」动画,减少等待焦虑。
缺失的:
没有操作完成的「成就感」设计——比如采购流程完成后,没有进度条 100% 的满足感。没有「本周你处理了 X 条申请」之类的个人成就摘要。借用超期只有系统日志,没有主动推送提醒(短信/站内信尚未实现)。
建议: 在 PersonalCenter 页面增加「本月工作量」卡片,用数字和趋势图给用户正向反馈。
评分:3 / 5 星
四、长期使用的好处与坏处
好处:
第一,数据沉淀带来智能——使用时间越长,AI 分析的准确率越高(采购周期预测、维修瓶颈识别)。第二,流程规范化——强制字段 + 审核流,让管理动作留痕,减少口头沟通的遗漏。第三,角色权限清晰——长期看,职责边界清晰减少推诿。
坏处与风险:
第一,路径依赖——一旦系统流程设计有缺陷(比如采购审批节点过多),长期使用会让用户积累怨气。第二,数据质量退化——长期使用后,历史数据不归档,列表查询变慢;脏数据(重复备件、过期账号)需要定期清理。第三,功能臃肿——不断加功能(AI、预警、分析),新用户学习成本上升。
建议:
设置「数据归档」策略(超过 2 年的 completed 订单自动归档)。定期(每季度)做用户访谈,砍掉使用频率低的功能。提供「简洁模式」开关,让老用户隐藏不常用的高级功能。
评分:好处 4 / 5 星,坏处 3 / 5 星
五、不要让用户犯简单的错误:部分做到,部分还有漏洞
这是内部系统最容易「害用户」的地方。
已做好的防护:
删除操作有二次确认弹窗(ElMessageBox.confirm)。必填字段有表单验证规则。借阅归还日期有逻辑校验(归还日期不能早于借阅日期)。
仍存在的风险点:

数量字段可输入负数——入库数量填 -5 能通过——建议加 min=“0” 校验。
重复提交——网络慢时用户双击提交按钮——建议按钮 loading 状态 + 防抖。
状态流转错误——已完成的维修单还能点「完成」——建议按钮根据 status 动态显示/隐藏。
批量操作无预览——批量出库直接执行,无确认清单——建议加一个「确认清单」弹窗。

最危险的一个: 当前 AI 功能调用的是外部 API(硅基流动),如果 API 超时或返回异常数据,前端直接展示,可能误导用户决策。建议所有 AI 建议加「仅供参考,请人工确认」的免责提示。
评分:3 / 5 星 — 基础防护有,边界情况覆盖不全。
总结评分
用户界面:3.5 / 5 星
记住用户选择:1 / 5 星
短期刺激:3 / 5 星
长期好处:4 / 5 星
长期坏处:3 / 5 星
防错设计:3 / 5 星
写在最后
内部工具最容易犯的错误是「功能实现了就行」。但真正好用的内部系统,和 To C 产品一样,需要在记住用户习惯、减少重复操作、防止低级错误上持续打磨。
下个版本的优先级建议:
记住筛选条件 > 防重复提交 > AI 建议加免责提示 > 个人工作量卡片
写于 2026-05-30,系统当前版本:v1.0.0,AI 功能部分编译中(是的,我们又修了一轮 getter 方法名)😄

posted @ 2026-05-30 20:25  111阳  阅读(12)  评论(0)    收藏  举报