回访 · 新标签 咨询服务 问题反馈

页面模块 · 三级目录

顺着三层目录
找到能直接用的页面模块

博鱼赛场把桌面端内容收进三层目录——先选业务方向,再进页面模块,最后落到具体功能与内容合集。 这次升级后的桌面端博鱼升级版页面,把案例合集放到了第二个标签页,120+ 个可公开浏览的页面案例可以逐个翻。

可浏览页面案例
120+
栏目 / 专题合集
8 / 36
栏目更新节奏
每周 6–10 条
深海分层地图表现博鱼赛场三级产品分类路径

三层目录,打开就知道往哪点

每往下一层,范围就收窄一次。你在第一层确认方向,第二层看清那一块装了哪些页面,第三层直接点开用。

  • 第一层

    业务方向

    按你当下想干的事分成几大方向:翻内容、看案例、查使用说明。选对方向,后面的分支就少走一半。

  • 第二层

    页面模块

    每个方向下挂着成型的页面模块——列表页、详情页、标签页、对照页,名称和入口在整套目录里保持一致。

  • 第三层

    功能与内容合集

    最里面一层是能直接打开的功能与专题,36 个专题合集铺在 8 个栏目里,栏目每两周补一轮新案例。

分类往下潜

一层一层打开,不会迷路

点开任意一层就能看到它下面装了什么。三层都摊开后,你会拿到一条从方向到具体页面的完整路径。

L1

业务方向

3 个方向
抽象洋流分叉图形表示三个业务方向的分流
  • 内容浏览方向:按周更新的栏目内容集中在这里,适合每天过来翻一翻有没有新东西。
  • 案例参考方向:拿实际页面的样子和结构说话,做方案前先看几眼同类场景。
  • 使用帮助方向:入口在哪、标签怎么显示、新旧版本差在哪,都能在这里找到说明。
L2

页面模块

按方向展开
界面模块拼贴插画展示多个页面模块的排列关系
  • 列表页模块:长列表滚动时左侧导航不跟随消失,适合条目多的栏目。
  • 详情页模块:正文、图注和时间线索分层排布,读完一段再接一段。
  • 标签页模块:同一块区域里放多组内容,切换后原位置重排,不跳走。
  • 对照页模块:旧版与升级版并列摆放,差异一眼能看出来。
L3

功能与内容合集

36 个专题
功能图标与波浪线条组合表示专题合集的构成
  • 专题合集按行业场景归类,同一个话题下的页面集中在一处,不用来回翻。
  • 每个合集里附版本阶段说明,能看出这条内容属于哪一版。
  • 常用合集支持主题筛选,按改版、分类、案例、帮助四类筛出当前想看的那几条。

案例合集

第二个标签页里,全是真实页面

打开产品目录默认停在分类,往右挪一格就是案例合集。120+ 个页面案例按行业场景、页面类型和版本阶段各标了一遍, 下面的按钮可以按你关心的方向先筛一轮。

案例合集第二个标签页切换的抽象界面示意
  • 制造行业 · 列表页

    产品线列表页整版重排

    一级方向固定在左栏,二级模块按点开的顺序往下排,长列表滚动时左栏始终留在视野里。

    • 改版
    • 分类
  • 装备行业 · 详情页

    模块详情页的图文错位排布

    正文与配图左右错开,图注压在图片外侧,读起来不被打断,适合说明性强的模块。

    • 分类
    • 案例
  • 服务商 · 标签页

    案例合集标签页切换

    两个标签页并排推入,切换后内容原地重排,不刷新、不跳转,浏览节奏保持连贯。

    • 案例
  • 通用 · 对照页

    旧版与升级版入口位置对照

    网页端博鱼对照的典型一页:左边旧版、右边升级版,入口移动的差异用珊瑚色标注线连起来。

    • 改版
    • 帮助
  • 通用 · 说明页

    回访标签首次显示说明

    第一次打开时标签落在哪、之后怎么记住常用栏目,一页讲清楚,配步骤勾选。

    • 帮助
  • 跨省合作 · 专题合集

    区域合作机构专题合集

    把同一区域的合作内容收进一个专题,按行业场景交叉标注,方便一次看完全貌。

    • 案例
    • 分类
  • 通用 · 栏目流

    按周更新的栏目流页面

    新条目按周落在列表顶部,时间线索用本周期、上周期这样的相对说法,读起来更顺。

    • 改版
  • 通用 · 折叠结构

    三层分类的展开与折叠

    默认只展开第一层,后面的按需打开,层级多也不会一次糊满整屏。

    • 分类
    • 帮助
  • 通用 · 功能岛

    滚动中的功能岛收起状态

    往下翻过首屏之后,功能岛收紧成胶囊,只留下回访标识与登录入口,不挡内容。

    • 改版
    • 案例

桌面端升级版

在电脑上打开,这几处变化最直接

  • 01

    右侧功能岛常驻

    登录与反馈入口移到右上角,页面往下滚它也不会消失,随时想点就点得到。

  • 02

    回访标签默认展开

    再次访问时,上次停留的常用栏目会自动展开在功能岛里,省掉重新找一遍的时间。

  • 03

    栏目按周往前走

    每周更新 6–10 条内容,产品目录每两周补一轮案例,问题排查跟着版本迭代同步调整。

  • 04

    打开就能读

    主流桌面浏览器都能正常渲染,首屏平均 1.8 秒左右出内容,移动端与桌面端共用同一套内容库。

从哪开始

不确定先进哪一层,按你的情况挑

第一次来,想找模块

从第一层往下点

先确认你要的是内容、案例还是说明,再顺着第二层挑页面模块。路径一次点到底,不用来回试。

进入三层分类

带着方案来对照

直接翻案例合集

第二个标签页里的页面案例都带了版本阶段标注,拿现成的布局当参照,比从零画草图快很多。

查看案例合集

用久了碰上问题

去排查页对一下

入口找不到、标签没显示、两版看着不一样,排查页按现象分了条目,对照着走一遍基本能定位。

打开问题排查

挑好了模块,剩下的事可以交给团队

分类看不懂、案例想找同类、合作想聊聊怎么落地,都可以直接联系站点团队。内容更新的来龙去脉记在内容笔记里, 品牌这几年的做法写在品牌总览里。