网页端
坐下来读
完整栏目一览、版本对照、长文说明，适合需要通读或做对比的场景。
品牌故事 / BRAND STORY
四年七次迭代
我们把品牌站
做进设备之间
BG 电子品牌站服务的是这样一群人：他们用平板或手机打开站点，常常同时对着新旧两个版本确认栏目位置。我们把这件事当作整站的设计起点——同一套栏目、同一个账号，网页端、平板端与移动端说同一种话。
- 当前主版本
- V3
- 连续运营
- 4 年
- 累计迭代
- 7 次
- 三端内容同步
- <24h
01 — 起点与定位
先解决"设备不一样，入口就找不到"
品牌站最初的版本只有一个网页端。访客能看内容，但一旦换成平板或者手机，栏目位置就变了样，想找的东西要重新翻一遍。我们把这个问题当成主线，而不是当成一个可有可无的附加功能。
从那以后，品牌站就没有为不同设备准备两套内容。网页端、平板端与移动端共用同一套栏目，账号在三种设备上调用同一份资料。平板端的设备切换能力，让同一台设备就能并排查看新旧两版的界面与栏目差异，不必换机器，也不必来回切换标签页。
-
第一次打开的人
还没弄清栏目结构，需要一个明确的起点，而不是在导航里反复试探。
-
已经在用旧版的人
想对照新旧两版的界面与栏目差异，确认自己熟悉的入口还在不在。
-
内容与渠道合作方
希望了解版本节奏与内容方向，判断能不能长期对接。
02 — 版本演进脉络
七次迭代，每一次都对上一个具体的麻烦
三次大版本升级、四次常规迭代，构成了品牌站从初版走到 V3 的路径。下面这条带子从左往右读，每一格是一个阶段，鼠标悬停或用键盘方向键停下来时，会展开当时处理的问题。
-
01
初版上线
建立统一的栏目框架，网页端先行。
把品牌介绍、内容索引与帮助说明收进同一套结构，结束早期零散页面的状态。
-
02
内容分层
资讯与帮助按主题归集。
原本散落的条目按使用场景重新归类，查找从"翻页"变成"直奔主题"。
-
03
设备适配
平板端加入横屏与竖屏浏览支持。
横屏适合对照细节，竖屏适合随手翻看，两种姿态下栏目位置都保持一致。
-
04
版本对照
平板端上线设备切换。
同一台设备即可并排查看新旧两版的界面与栏目差异，过渡期的用户不必另找一台机器。
-
05
账号打通
三种设备共用同一套资料。
完成注册后，网页端、平板端与移动端调用同一份账号资料，切换设备不必重新设置。
-
06
同步提速
移动端与网页端的内容同步时间差压到 24 小时以内。
栏目更新之后，移动端不再落后一整轮，看更新记录与看网页端基本上是同一天的事。
-
07 / V3
首页重构
首次访问引导、版本下载与内容索引合并进首屏。
首次到访的人顺着首屏往下走就能完成从了解到下载，不必先猜栏目在哪里。
↔ 横向滚动查看全部七个阶段
初版到 V3 的路径里，设备与版本两条线始终并行推进：一条解决"在哪看"，一条解决"看的是哪一版"。
03 — 首页结构与栏目变化
把"该从哪开始"直接写进第一屏
V3 重新梳理了首页结构，把首次访问引导、版本下载与内容索引放进同一个首屏序列。第一次来访的人不需要先猜栏目在哪，顺着首屏往下走，就能从了解走到下载。
栏目层面也做了重新分工。下载中心承担安装包获取与新旧两版对照；资讯中心按版本动态、设备适配、注册指引与内容更新四类标签组织条目；常见问题则按注册、下载、设备切换与反馈四类归集了 40 余条自助解答。旧版栏目入口在新版上线后保留了 12 个月，供仍在过渡期的用户对照使用。
04 — 内容团队与更新节奏
四个角色，按周往前推
内容维护团队由选题、撰写、校对与前端实现四类角色组成。单个版本周期内产出 20 至 30 条内容，日常则按周滚动维护，最近一周的栏目内容已完成补全。
这样安排的原因很直接：版本节奏快的时候，光靠一个人写不过来；节奏慢下来的时候，又容易断档。四类角色拆开之后，选题和撰写可以提前跑，校对和前端实现卡在最后一道，内容上线时不会漏掉步骤或版本号。
-
选题
依据用户反馈与版本节奏确定每期主题，优先覆盖注册、下载、设备切换这几类高频问题。
-
撰写
面向具体操作场景写清楚步骤与注意事项，句子尽量短，让人边看边做。
-
校对
核对版本号、适配系统范围与步骤先后顺序，避免同一操作在不同页面出现两种说法。
-
前端实现
把内容落到栏目的实际位置上，处理索引、标签与页面之间的跳转关系。
近一年，站点收到并处理的用户反馈约 1,800 条，其中注册与设备切换两类占比最高——这两类也恰好是内容团队每期必写的位置。
05 — 设备与场景覆盖
同一个栏目，落在三块屏幕上都在同一个位置
网页端适合坐下来慢慢读，对照新旧两版差异时视野更宽；平板端横屏用来并排比较，竖屏用来随手翻更新记录；移动端则承担随时查栏目、收版本提醒的角色。三种姿态下，栏目位置保持一致，切换完成后不会因为设备改变而重新寻找入口。
移动端安装包适配 Android 10 及以上与 iOS 14 及以上系统。装好 V3 之后，移动端与网页端看到的是同一套栏目内容，更新记录也在同一处；平板端的设备切换在横屏与竖屏下都可用。
平板端
并排着看
横屏做新旧两版界面与栏目的并排对照，竖屏随手翻看栏目结构与更新记录。
移动端
随时查
查栏目、看更新、跟进版本动态，和网页端内容同步时间差在 24 小时以内。