VALUES · 品牌价值

把入口收进画框,每次点击少走一步

快盈3 CN 做的是很具体的一件事:让桌面端面板的版本入口、评测结论和常用工具一直停在你视线里。栏目被挪到页面的四边,换来的是打开面板就能动手,不用先在菜单里找上两层。

  • 2019年起持续运营至今
  • 38人团队分成四个小组
  • 8个华南省区稳定覆盖
四条边框围合内容区的等距视角抽象构成,一条边框为荧光青,内部是错层排布的深蓝色块

FRAME AS NAVIGATION / 边框即导航

01 / 主张

为什么把导航做成画框

入口常驻这件事,代价和收益都很具体。

早期版本的入口散落在几个页面里,你打开面板之后还得再点两次才能落到下载或评测。改版时我们把全部一级栏目挪到页面四边:左侧竖轨是栏目索引,顶轨显示你在哪一栏,右上胶囊负责检索与收藏。从任何一栏出发,最多两跳就能回到主线版本。

代价是内容区被压窄了一截,长表格要滚动,这一点我们认了。找入口的时间原本是被反复消耗的,尤其在你同时比对两三个版本的时候。内容区变窄之后,靠留白和密度顶上来:段落间距拉开、正文行高放到 1.9,对照表还能切紧凑档多看几行。

6个一级栏目全部挂在边框上
3档布局密度,紧凑到舒展
320–1440px 面板可视宽度区间

02 / 原则

四条原则撑住这个画框

每一条都对应你手上会碰到的动作,展开就能看到具体的用法。

01

入口常驻,路径短到一屏之内

竖轨列出全部栏目,顶轨标出当前位置,右上胶囊固定检索与收藏。三边围住内容,你随时知道自己在哪、下一步能去哪,不用退回去重新找。

展开应用场景

常驻的入口最适合“一边确认一边操作”的节奏。

  • 早上先确认主线版本号,顺手把下载入口放进收藏,隔天打开直接点
  • 同事问某个旧版入口在哪儿,把栏目地址发过去,对方落地就能看见竖轨上的全部栏目
  • 用鼠标和用触控板走的是同一条路径,不必记快捷键
02

内容区让位,密度要补回来

边框占了四边的位置,正文区域必然变窄。我们用宽松行距拉开呼吸,同时给出紧凑、标准、舒展三档密度,条目多的对照表切到紧凑档更省翻页。

展开应用场景

同一份内容,换档之后读起来是两种节奏。

  • 在 13 英寸笔记本上读评测,标准档一屏刚好装下一段完整结论
  • 横向比对两个版本时切紧凑档,同一屏能容纳更多行
  • 讲给同事听的时候切舒展档,字大、间距松,投屏也看得清
03

固定栏只在该出现的时候出现

手机端的固定栏在页面滚过一段之后收成窄条,只留检索与收藏两个触点,回到顶部自动展开。正文不会被一条横条长期压住最后几行。

展开应用场景

收纳不是省略,是把空间还给正在读的那几行。

  • 单手翻评测时,拇指够得到的位置留给窄条上的两个按钮
  • 桌面端并排开两个窗口查版本,窄条不再多占一道横向空间
  • 横屏看对照表不会触发收纳,表格保留完整高度
04

检索两字起,收藏留二十格

站内检索输入两个字就返回候选,覆盖全部栏目与评测条目。首页留了 20 个自定义收藏位,条目存在你自己的浏览器里,换一页打开仍在原处。

展开应用场景

记不清全名的时候,这两种方式比翻栏目快。

  • 只记得版本号后两位,输入后直接命中对应的评测记录
  • 把常用的三个版本入口放进收藏,出差换了网络也不用重新找
  • 收藏与检索记录都不离开本机,公共电脑上关掉浏览器就干净了

03 / 界线

什么时候收,什么时候放

边框常驻不等于处处展开。下面两组情况决定了面板在什么时候让位给内容,在什么时候把入口全部摊开。

收起来的时候

  • 正文进入长段落阅读,竖轨收为图标与编号,横向空间让给文字
  • 手机端滚过首屏之后,固定栏收成窄条,只留两个触点
  • 表格需要横向比对,装饰性的光栅纹理与多余留白一并撤掉

摊开来的时候

  • 进入下载与版本对照,四边导航全部展开,入口一眼可见
  • 站内检索聚焦后铺开为浮层,栏目与条款页都能直接跳过去
  • 收藏位排满之后按双列铺开,常用入口仍在一屏之内点完
紧凑与舒展两种面板密度的几何对比示意,只用矩形色块和不同间距表达
同一屏的两种密度:左侧紧凑,右侧舒展
窄屏上固定栏会不会把表格挡住?

不会长期挡。固定栏滚动后收纳成窄条,高度只够放下检索与收藏两个触点;表格切紧凑档时,横向滚动条与窄条之间仍留着可点的区域。横屏平板上收纳会推迟,表格优先保留完整高度。

04 / 演进

十二次迭代,一条线走下来

从首版到当前主线,这里只挑你能直接感觉到的变化。点开任意一段看它当时解决了什么问题。

看更新动态
  1. 首版下载、评测与常用工具第一次并排放在一屏

    在此之前它们分散在三个页面里,看一个版本要在标签间来回切。首版把入口并到同一屏,路径第一次短到两次点击。

  2. 版本 2—4检索挪到右上角,输入两个字就有候选

    版本号、栏目名和评测标题都能命中,不用先想清楚自己要搜的是一条评测还是一个栏目。

  3. 版本 5—7手机上滚过一段,固定栏自动收成窄条

    窄条只保留检索与收藏两个触点,正文区域不再被顶栏长期压住;回到顶部时固定栏恢复完整高度。

  4. 版本 8—10三档密度上线,收藏位扩到 20 个

    紧凑、标准、舒展按阅读场景切换;收藏条目保存在本地浏览器,同一台设备上打开就还在。

  5. 版本 11旧版进入的问题反馈统一收到页脚

    折叠成一行说明,需要时展开填写。提交后由用户支持组在工作日跟进,一个工作日内给出处理进展。

  6. 版本 12 · v3.6左侧竖轨成为栏目索引,画框结构定型

    六个一级栏目固定在竖轨上,顶轨标出当前栏目与最近更新。主线版本走到 v3.6,评测栏目保持每周一篇对比记录。

05 / 团队

谁在维护这套导航

38 个人分成四个小组,各管一段。你要找的入口能不能两步点到,是四组一起的结果。

  • 01

    产品组

    决定栏目挂在哪条边框、哪个版本进主线,以及旧入口什么时候让位。

  • 02

    前端工程

    把 320px 到 1440px 的适配、收纳阈值与三档密度落到真实渲染里。

  • 03

    内容评测

    逐项打分并加权出综合分,结论要能被同事复跑验证。

  • 04

    用户支持

    工作日 9:00–18:00 人工响应,需要时提供远程协助,平均首次响应约 25 分钟。

  1. STEP 01

    实测

    在标准与紧凑两档密度下各跑一遍常用入口,记录实际点击步数。

  2. STEP 02

    打分

    导航效率、面板稳定性、检索命中率、版本迁移成本四项各满分 10 分,加权得出综合分。

  3. STEP 03

    复核

    换一位同事重跑关键路径,分数偏差过大就退回重测。

  4. STEP 04

    发布

    结论与版本号一并归档,累进 260 余篇版本说明与使用记录。

广西喀斯特峰林与河流的俯视极简线稿,青色描边,无文字标注

06 / 覆盖

从南宁出发,覆盖华南八个省区

快盈3 CN 的服务范围以广西为核心,同时覆盖华南八个省区。自 2019 年持续运营,累计服务超过 12 万名访问用户:多数是自行确认版本入口的个人使用者,另一部分是负责团队内版本统一的管理员。

  • 广西服务核心区域,本地支持请求最集中,问题多在工作日内闭环
  • 华南八省区跨省用户访问同一套入口、同一版评测结论,不受地域影响
  • 12 万+累计接待的访问用户,个人使用与团队统一两类需求并存
联系我们

先看面板,再决定要不要长期用

版本入口、评测结论和版本对照都在同一套界面里。你可以先挑一个版本试,遇到旧版进不去的情况,页脚的反馈入口会有人接。