索兮网络

软件更新

搜索一个手机型号,顺手就把「你的机器」认出来——配件通近期细节改进盘点

做手机配件这门生意,海外买家最常见的动作只有一个:输入自己的手机型号,找到对应的配件。

所以过去这段时间,我们把力气几乎都花在同一条主线上:让「搜型号 → 看到对应配件 → 确认这就是我的机器」这条路更短、更干净、更少犹豫。

下面这批改进都不算大功能,但都是那种「用过一次就回不去」的细节。

一、搜型号时,顺手把「你的机器」认出来

以前:搜「SM-G950W」,页面给你一串匹配的配件,但机器到底对不对,得你自己判断——尤其是同一款膜兼容多个型号的时候。

现在:搜索型号返回配件列表的同时,系统会再做一次设备精确匹配,命中就在页面顶部展示这台设备的卡片——机型名、设备图、发布时间一眼可见,点一下还能看完整参数。

匹配范围覆盖三种叫法,全部忽略大小写与空格:型号码/别名、设备全名、设备简称(SM-G950W、SM G950W、全角输入都能命中)。目前机型库已收录 70+ 个品牌、3500+ 款机型、8000+ 条型号码别名。

这里有一个我们特意分开的设计:「设备匹配」和「产品匹配」是两套逻辑——产品列表用模糊子串匹配(宽,宁可多给候选),设备卡片用归一化后完全相等(严,不会少打两个字符就认错机器)。一宽一严,既不怕搜不到,也不会认错。

二、设备卡片:只放有用的信息

  • 副标题改成「发布时间」。原来显示屏幕尺寸和电池容量,对「确认是不是我这台」帮助有限;换成发布日期后,一眼就能对上「我这台是 2022 年的那款」。
  • 右侧新增圆形按钮,一键打开设备详情,复用已有弹窗,少一次跳转。
  • 没匹配到设备时卡片隐藏,不留空占位、也不显示上一台残留;清空搜索回到浏览状态时,再把你首次打开时自动识别到的设备恢复出来。

三、界面做减法:该藏的藏起来

  1. 去掉首页「匹配度图例」(精准匹配/部分匹配/未匹配)——匹配度已经体现在结果排序里,图例只是占位置。
  2. 分类数量徽标为 0 时不再显示——以前留一个灰化的「0」,看着像分类坏了;现在只标记真正有结果的分类。

四、搜索排序:先看匹配度,再听运营的

排序从「只看匹配度」升级为:① 匹配度(精确 > 部分 > 未匹配)→ ② 分类权重倒序(后台「产品 → 分类」可调,越大越靠前)→ ③ 箱码、名称。

运营把主推品类权重调高,搜索页前排就是主推品类;同时精确命中依然排最前——排序优先级永远是「用户搜得准」,其次才是「我们想推什么」。

五、部署说明,写在需要它的地方

后台「机型库 → 远程同步 → 定时同步计划」里现在直接带了一套宝塔面板计划任务配置步骤,顺手把两个最容易踩的坑写清楚了:

  • 任务类型必须选 Shell 脚本,不能选「访问 URL」(cron.php 仅允许命令行执行,URL 访问返回 403);
  • 触发频率保持每分钟一次即可,脚本内部按「每周 X 点 X 分」判断是否真正同步,未到点或 5 分钟内跑过会自动跳过;
  • 给了 PHP CLI 绝对路径提示(宝塔 CLI 一般在 /www/server/php/<版本>/bin/php)——宝塔 Shell 任务环境变量很干净,直接写 php 常常找不到。

文档写在用户真正需要它的那个页面里,比写在一份没人翻的手册里有用得多。

技术小记(给同行的部分)

1. 一套归一化规则,前后端必须严格对齐。 型号码走 normSearchCode()(全角转半角 → 小写 → 剔除空格/连字符等符号),设备名走 normSearchName()(去所有空白但保留 + . ( ))。关键是 SQL 侧有等价表达式 sqlNormNameExpr()——PHP 算一套、SQLite 算另一套,就会出现「代码看着对、查出来就是没有」的幽灵问题。

2. 设备识别三级兜底。 Sec-CH-UA-Model(Client Hints)→ UA 解析 → 用户手动选择。必须走 Client Hints 是因为 Chrome 110+ 把 Android UA 降级了,机型被替换成常量 K;服务端用 Accept-CH / Critical-CH 让首访就能拿到型号。

3. 9 种语言 + RTL。 en / zh-CN / vi / th / ms / fr / it / ar / ru,阿拉伯语自动 dir="rtl"。

4. 缓存不折腾用户。 配色或 CSS/JS 变更后资源版本号自动变化,不用手动清缓存。

小结

这批改进没有一个是「大功能」,全是一些用了才会注意到的细节:搜型号时顺手确认机型、卡片只放有用的信息、0 就别显示、排序听运营的、部署说明写在需要它的地方。 做工具的产品,大概就是这样——把用户每次都要多花的那两秒钟,一点一点省掉。

(欢迎交流、试用与合作。)


几点说明:

  • 数据我用的是当前库的快照(73 品牌 / 3531 机型 / 8019 别名),文中做了取整;发之前按实际数字改一下更稳。
  • 结尾的 CTA 我写成了通用版(「欢迎交流、试用与合作」)。如果你的博客是面向终端客户/代理商,建议换成一句明确行动号召(比如引导联系、看案例);如果是面向同行/技术圈,可以把「技术小记」提到前面当主线。
  • 标题也可以更短,例如「搜一个型号,顺手确认机型:配件通近期细节改进」。
  • 需要的话我可以再出英文版(面向海外客户),或压缩成社媒短文/朋友圈文案版本。
← 返回博客列表