移动互联时代，交互设计别再套用2010年老逻辑

　　凌晨三点二十，机房空调嗡嗡响得像快散架的硬盘阵列，我盯着监控屏右下角那条胶布——去年双十一贴上去遮漏光的，现在翘起个角，沾着灰。手机震了第三回，是小陈发来的截图：用户反馈「提交按钮点了没反应，转圈两分钟直接白屏」。我叼着半截冷掉的泡面叉子回他：「不是后端超时，是前端在等一个永远不回来的 Promise」。

　　我原以为只是 CDN 缓存没刷干净。毕竟八月了，谁还卡在 jQuery 1.7 的 click 绑定里写表单？结果切到 staging 环境，手抖点开 devtools，Network 标签页密密麻麻堆着三十多个 pending 的 /api/v1/submit 请求——全是 POST，全没发出去。不是 CORS 阻断，不是 429，是浏览器压根没触发 fetch。我翻到那个「提交」按钮的 onclick，一行注释写着：// 兼容 IE8，防重复点击（已加 setTimeout）。可它绑的是 document.body 上的 delegate，而 body 在 iOS 18 下根本收不到 touchend——因为页面加了 preventDefault 的滚动劫持，连冒泡都卡在 half-baked 的 touchstart 里。

　　小陈在 Slack 里敲：「要不要降级回 form action 提交？」我没回。窗外开始下雨，雨点砸在机房南侧玻璃上，咚、咚、咚，像老式 UPS 电池报警前的倒计时。我想起去年搬家，打包箱底翻出一台落灰的 Nexus S，屏幕碎得没法开机，但充电口还能亮红灯——就像某些交互逻辑，内核早死透了，只剩接口还在呼吸。

　　值班室桌上那桶泡面汤结了层油膜，浮着几粒脱水蔬菜。我伸手摸键盘时碰倒水杯，茶渍漫过「2010 年移动端交互规范」的打印稿——老板当年在会上拍桌说「PC 思维要砍掉一半，留一半保兼容」，现在那「一半」还在生产环境里跑着：点击区域 36px × 36px，tap 事件监听在 document，loading 状态用 opacity 动画而不是 visibility hidden（因为「iOS6 会闪」），表单校验塞在 submit 事件回调里而不是 input 事件节流……这些都不是 bug，是活化石。

　　五点零七分，李工从家打来电话，嗓音带着刚醒的沙哑：「我老婆说她点外卖，三次输错手机号，提示框弹出来才三秒就自动关了——你猜那提示框是 absolute 定位还是 fixed？」我没接话。他顿了顿，自己答：「absolute。一滑动页面，提示就飘到顶部导航栏后面去了。她说『像被系统吃了』。」我笑了下，笑得自己都心慌。我们真在用 2010 年的「防抖」逻辑，去对付 2025 年手指在 120Hz 屏幕上划出的残影。

　　更绝的是那个「返回」按钮。设计稿里它长这样：左箭头 + 文字「上一步」。代码里它长这样：span 里包了个 i 标签，i 有 background-image，点击区域靠 margin-left 扩展。问题来了——Android Chrome 127 某个 patch 后，click 事件坐标计算开始忽略 transform-origin 外的 margin，于是用户必须精准戳中那个 16×16 的箭头图标本身。而真实点击热区数据……算了，反正没人埋点。运维群里有人问「后端扛得住吗」，我说「扛得住，它连请求都没收到」。老板在大群甩了张截图，红色箭头圈着 Figma 原型里的按钮大小，配文：「按这个尺寸改」。底下小张回：「赵哥，Figma 里这个图层没导出，是文字描边效果」。老板秒回：「那就导出」。

文章配图，仅供参考

　　最让我后怕的不是宕机，是整整四十来分钟，没人想到看 client-side 的 error log。都在查 nginx access 日志有没有 502，查 Redis 连接池是不是满了，查 DNS TTL 到底设没设对——查了一圈，发现所有错误日志里只有一行：「Uncaught (in promise) TypeError: Cannot read properties of null (reading 'value')」。而抛出这行的，是个封装了三层的「通用表单处理器」，第一层判断 isMobile，第二层判断 UA，第三层……第三层调用了 document.getElementById('mobile-phone-input').value，可那个 input 的 id，在 Vue 3 的 setup() 里根本没注册进 template ref，因为模板写了 v-if="showPhoneField"，而 showPhoneField 初始为 false，v-show 改成 v-if 是三个月前前端同学为了「提升 SEO」加的——他说「Googlebot 爬的时候不用管」。

　　我盯着屏幕上那个报错，忽然想起上周二下午，快递员站在机房门口，抱着纸箱问：「师傅，你们这‘云服务器’到底在哪？」我说在华东 2。他挠头：「那我能摸摸吗？」我指了指空调外机。他伸手拍了拍铁壳，「哦，挺凉快啊」。现在我也想拍拍自己的脑门：到底什么时候开始，我们把「能摸到的服务器」和「能摸到的交互」，当成同一种「稳定」来迷信？

　　六点四十分，雨停了。我把告警阈值从 CPU > 95% 改成了 > 82%，顺手删掉了监控屏上那条胶布。小陈发来新截图：用户提交成功，跳转到了 404 页面。他问：「路由配置错了吗？」我回：「没配，我们还没做完 SSR」。其实心里清楚——跳 404 不是因为路由，是因为 redirect 跳转用的是 window.location.href = 'https://www.shaguniang.cn/success'，而 '/success' 的静态资源放在 OSS 上，OSS 的 CNAME 解析被运营商劫持，返了个中间页。但这事今天先不说了。明天先把告警阈值调了。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!