品牌历程 · 2016 至今
从第一版面板到 V2.0,
我们把同一件事做了十年
2016 年,超凡国际把第一版面板放到线上。十年里,功能版本累计发布 26 次,服务的企业与团队客户扩展到四千二百多家。每一次版本决定的背后都有一个具体的问题,下面这六个节点,就是问题被发现、被解决的过程。
版本足迹
六个节点,看清这套面板是怎么长起来的
改动从来不是为了显得新。每一次结构调整,都对应一批用户反复提到的问题。把光标停在节点上,能看到当时做这个决定的理由。
-
第一版面板上线
最早的一版只解决一个问题:把分散的栏目收进同一套结构里。团队当时规模不大,选择先把层级定稳,功能后面再补。
起步时定下的顺序:结构优先,功能随后。
-
V1.0 正式版发布
第一个正式版把栏目与目录的关系固定下来,对外也有了稳定的入口。此后三年,新功能都在这套骨架里生长。
骨架定稳,后面的每一次更新才有地方落脚。
-
移动端完成适配
竖屏从 360px 宽度起可以完整浏览,在手机上查栏目、找页面不再依赖桌面。小屏体验从那一年起进入每次版本的检查清单。
从这年起,小屏是默认场景,不再是补充。
-
V2.0 进入内测
一级栏目增长到旧结构难以承载的规模,我们选择重新划分层级,而不是继续往上叠加。内测阶段先让一部分团队使用,边用边调整。
改动越大,越要小范围先跑通。
-
全面切换完成
新版把一级栏目收敛到 12 个,二级目录整理为 86 个。切换后内容目录在 10 分钟内完成同步,原栏目与新栏目之间的对应关系保留了下来。
切换不是重来,原来的入口大多还找得到位置。
-
进入稳定迭代
每季度一次功能更新,每 18 个月一次大版本升级。节奏固定之后,合作方可以提前安排自己的培训与文档更新时间。
节奏可预期,配合起来才不费劲。
为什么会有 V2.0
旧结构装不下新栏目,才有了新版
面板用久了,栏目会一个一个加上去。到 V2.0 之前,一级栏目已经挤在一起,二级目录彼此交叉,同一个入口里常常能看到三四类不相干的内容。继续往上叠只会更乱,所以我们选择把层级重新划一遍:一级栏目收敛到 12 个,每个二级目录只负责一类内容。
这次调整的难点不在加,而在减。合并与移走的栏目,我们保留了原栏目与新栏目之间的对应关系,切换后内容目录在 10 分钟内完成同步,你之前常用的入口大多还在原来的位置。
在工具中心把两个版本的栏目对着看一遍,差异会比你预想的少。
团队
谁在做这套面板
三支队伍加起来 66 人。每次版本上线前,他们会坐到一起过一遍清单:功能是否影响栏目结构、帮助文档有没有跟上、常见问题的说明是否需要更新。任何一项没过,版本就往后排。
客户结构
我们的客户长什么样
四千二百多家企业及团队客户分布在 28 个省级区域,每月面板访问量约 63 万次,工作日高峰集中在 9:00-11:00 与 14:00-17:00。内容运营团队、渠道与代理服务商、多地协作型企业三类合计占八成,他们用面板的方式差别不小。
-
01
内容运营团队
栏目一动,旧链接还能不能对上,是他们最先要确认的事。切换之后,他们要的是一份能直接拿去和同事对齐的差异视图。
-
02
渠道与代理服务商
对照结果要交给下游客户,图片和表格两种格式都用得上,还得说清每一条差异落在哪个目录。
-
03
多地协作型企业
成员分散,设备与浏览器版本各不相同。手机上的常用页收藏、打不开时的本地排查,是他们每天都会碰到的两块。
迭代节奏
版本是怎么定下来的
功能更新按季度走,大版本升级每 18 个月一次。这个节奏是反复权衡的结果:再快,合作方来不及跟上;再慢,结构性的问题会积压。累计到现在,功能版本发布 26 个,其中 5 个是大版本。
按季度排期。影响面小的功能进季度更新,涉及栏目结构的改动会并入下一个大版本,避免频繁调整打乱你已经养成的使用习惯。
重大栏目调整会在切换前通过版本公告栏发布预告,同时在版本说明里列出改动过的栏目与新旧对应关系。每年发布 4 期版本说明与 12 期运营月报。
太短,合作方的培训与内部文档跟不上;太长,栏目会重新挤在一起。18 个月是一个既能收拾结构问题、也留得住适应时间的长度。
长期使用面板的团队、渠道服务商,以及内部的客户成功同事都会参与讨论。反馈汇总之后进入版本评审,影响面大的意见会直接改变排期。
每年两次全量安全巡检,外加一次第三方渗透测试,检查范围包括面板本身与内容目录的访问路径。
设计语言
草原的起伏与云纹的卷曲,落在界面的边角
界面上那些细线不是随手画的。品牌从内蒙古起步,草原起伏的弧线和卷曲的云纹被拆成 2px 的线条,放在区块的角落与分隔处,旁边留出空白让它不抢内容。做得克制,是因为装饰的作用是让页面有呼吸,而不是让人分心。
颜色上同样收着用:深海绿、酒红与靛紫只在特定场景出现,其余交给深空蓝和一条霓虹青描边。长时间看对照表也不觉得累,是这套配色最基本的出发点。