2016 — 4.2 系列 · 上海

四轮改版,把两端入口收进同一扇门

2016 年第一张入口页上线时,桌面端和手机端各走各的路线:大屏访客要在栏目之间反复翻找,窄屏访客常常在跳转里迷路。四轮改版之后,BET9登录口把两端入口收进了同一处,大屏保留完整栏目,手机两步就能走完。

这四轮改版分别发生在什么阶段、每一版解决了谁的麻烦、背后是谁在维护——往下看就有答案。

01

改版主线

从一张入口页,走到跨设备门厅

  1. 2016 · 起步期

    先把入口做稳

    第一版只做一件事:让访客能顺利抵达。那时两端地址各自为政,同一套内容在大屏和手机上要分别摸索,中途刷新或后退就得从头再来。起步期的入口页把落点固定下来,断链和回退明显减少,回来的人依然认得原来的路。

    • 两端落点收拢到同一个地址,不必各找一遍
    • 页面骨架保持稳定,刷新与后退不会丢掉当前位置
    • 只留最必要的栏目,先保证打开就能用
  2. 整合期 · 栏目合并

    把栏目收进一处

    栏目分散的时候,换一台设备就等于重新认路:在手机上找到的入口,坐到桌面前还得再找一次。整合期把原本各自排布的栏目合并进同一套结构,两端共用一份栏目清单,跳转层级也比上一版减少了两级。

    • 桌面端与移动端共用同一份栏目清单
    • 跳转层级减少两级,找到目标更快
    • 换设备之后不必重新摸索一遍
  3. 2023 · 两步成形

    窄屏上只留两步

    窄屏的难点不在于栏目多,而在于每一步都容易被打断。2023 年完成的移动端改造把流程压到两步:选择设备形态、确认进入,全程单手可完成,窄屏首屏加载时间中位数降到 1.2 秒。

    桌面端的取舍正好相反——大屏的价值在于同时看见更多内容,所以完整栏目入口被保留下来,适合多栏目并行浏览。

    • 手机两步走完:选择设备形态 → 确认进入
    • 窄屏首屏加载时间中位数 1.2 秒
    • 大屏保留完整栏目,便于并行操作
  4. 4.2 系列 · 当前

    跨设备门厅成形

    当前版本把两端入口、栏目索引与切换指引收进同一处。上一个季度栏目结构又做了一轮调整,新增栏目索引与切换指南两个条目,跨设备时不必再回头找路;设备切换使用指南也放在页脚的固定位置,任何页面都能随手查到。

    • 一个入口同时服务大屏与小屏
    • 新增栏目索引与切换指南两个条目
    • 切换流程在页脚固定位置长期可查
02

版本与节奏

四轮改版,每轮只解决一件事

由四个发光节点串联的纵向时间轴,依次标注 2016 起步、栏目整合、2023 两步流程与 4.2 系列当前版本
改版时间轴 · 2016 → 4.2 系列

v1.0

2016 · 首张入口页

把两端地址合并成一个稳定落点,解决访问中途断链、回头找不到原路的问题。

v2.x

整合期 · 栏目合并

两端共用一份栏目清单,跳转层级减少两级,换设备后不必重新找一遍。

v3.x

2023 · 两步流程

窄屏压到两步走完,首屏加载时间中位数从改造前的水平降到 1.2 秒。

v4.2

当下 · 跨设备门厅

一个入口覆盖大屏与小屏,新增栏目索引与切换指南,跨设备路径更短。

03

运营分工

24 个人,分三块盯着这扇门

内容编辑:让每次回来都有新东西看

内容编辑负责栏目清单、页面文字与更新节奏。品牌博客按每周两到三篇的速度发布,分成版本更新、栏目观察、切换手记、安全与合规四个分类,改版一落地就会有对应的说明跟上。

  • 每周两到三篇内容更新,四个分类长期连载
  • 改版发布后同步补充版本说明与栏目调整记录
  • 栏目文字与版本号保持同一套说法

体验评测:新版本先替访客走一遍

体验评测组负责上线前的实机验证,覆盖桌面显示器、笔记本、平板与手机四类设备形态,重点检查栏目是否齐全、切换是否顺畅、窄屏首屏能不能快速呈现出来。

  • 四类设备的入口逐一实测,问题在上线前清掉
  • 每年两次全站体验评审,形成固定的复核节奏
  • 评审产出栏目调整清单与切换流程优化清单

客服支持:找不到入口时有人在

客服支持组负责回应入口与切换方面的疑问。客服邮箱在工作日 9:00-18:00 由专人回复,非工作时间提交的问题会在下一个工作日处理;支持中心已经整理了 68 条常见问题,覆盖入口、设备、浏览器与账号访问四大类。

  • 工作日 9:00-18:00 专人回复客服邮箱
  • 非工作时间提交的问题顺延到下一个工作日
  • 68 条常见问题按四类场景归档,多数情况可以自助解决
多层半透明界面相互叠放的抽象渲染,表现内容编辑与体验评测团队的协作过程
协作视图 · 内容 / 体验 / 客服
04

覆盖与分布

31 个省级行政区的访客,从两种屏幕进来

夜色中的上海天际线剪影,覆有蓝色坐标网格与数据刻度线
主体所在城市 · 上海
31

省级行政区

站点服务覆盖中国大陆 31 个省级行政区,华东与华南两地的访客最为集中,访问高峰多出现在晚间时段。

2

主力屏幕

访问来源以桌面显示器与手机为主,笔记本和平板次之。大屏看栏目、小屏走两步,两种习惯我们都在入口上做了对应安排。

4

类设备形态

跨设备访问的记录用于统计设备类型与浏览器分布,帮助判断入口该放在哪、该怎么排,让更多人一次就找对地方。

05

协作与评审

12 家伙伴,和我们一起把栏目维护下去

内容协作

伙伴参与栏目选题、版本说明与专题系列的撰写,让版本更新、栏目观察这类内容在改版当天就能跟上,访客不用等太久才知道变了什么。

技术协作

技术方向的伙伴协助完成浏览器与设备兼容验证,把新版本在各类屏幕上的显示问题尽量在上线前发现,减少访客遇到空白页或排版错位的概率。

每年两次全站体验评审

评审由运营团队与协作伙伴共同参与,逐屏走查栏目排布、切换路径与窄屏表现,最后汇总成两份清单:一份是栏目调整,一份是切换流程优化。下一次改版就按这两份清单推进,改了什么、为什么改,都能对上号。