跳至主要内容
BBIN主页 把入口折成一条顺手路径

CATALOG / 内容地图

想找的栏目,两三次点击就能落到

六个一级栏目、十二个二级分组、约 120 条说明,全部铺在同一张目录上。BBIN主页把常走的入口排在前排,你从主题簇进去,再用编号锁定那一条说明,不必从头翻到尾。

  • 4 主题簇
  • 12 二级分组
  • 120 说明条目(约)
  • 6 一级栏目

01 / 目录总览

四块内容,先认方向再动手

刚上手的人从入门路径走,已经在用的多半直奔设备与登录。四块各自管一段事,互相之间有连线和跳转,认准方向再往下点,比在搜索框里反复试词快得多。

深海蓝底上四个主题簇以胶囊和连线组成的抽象内容地图
入门路径、导航与索引、设备与登录、反馈与支持——四块之间用短链互通,从任意一块都能横向切到相邻的一块。

A

入门路径

第一次打开先看哪一屏,怎么用首屏索引直接点到栏目。

  • A01 第一次打开的起手位置
  • A02 三步走到目标栏目
  • A03 首屏索引的读法

3 组 · 约 30 条说明

B

导航与索引

路径带怎么滑、当前栏目怎么认、索引里的每一条通向哪里。

  • B01 路径带的滑动方式
  • B02 当前栏目的高亮状态
  • B03 从索引跳到具体页面

3 组 · 约 30 条说明

C

设备与登录

换手机之后怎么接着看,小屏上排版变了什么,登录状态怎么变。

  • C01 换设备之后继续看
  • C02 小屏上的布局变化
  • C03 登录多久会失效

3 组 · 约 30 条说明

D

反馈与支持

问题从哪儿提、邮件里写什么、提完在哪里看进度。

  • D01 提交问题的入口
  • D02 邮件里带上什么
  • D03 提交之后看到什么

3 组 · 约 30 条说明

同一说明卡片的摘要态与展开态叠放,边缘带青色描边
同一条说明的两种状态:收起时只留标题和一行摘要,展开后才是完整步骤。

先扫一遍,再决定展开哪一条

每条说明都有两层:收起状态给你标题和一句摘要,够判断是否相关;点开之后才出现完整步骤和结果描述。长内容不会一次性铺满一屏,划起来轻,也不会因为找不到重点反复回退。

如果你已经知道自己卡在哪,直接跳到 高频主题 挑对应的一条,比从上往下读省事。

02 / 高频主题

十二组常被点开的内容

把最近被问得最多的十二组抽出来单独摆一行,编号写在卡片左上角,方便你回头引用。每一组都连着入口,点标题就能过去。

A

入门路径

A01

第一次打开的起手位置

首屏给出六个栏目和十二个高频主题,先扫一眼再决定去哪,不用先翻页。

打开首页

A02

三步走到目标栏目

首屏索引点到栏目,栏目页点到分组,再落到说明条目,中间不用回退。

从首页试一遍

A03

栏目索引怎么读

一级栏目从上到下排,每条右边标着什么时候该进这个栏目。

看栏目索引
B

导航与索引

B01

路径带的滑动方式

栏目排在一条横向带上,手机上用手指左右滑,桌面上点两侧的箭头。

回到路径带

B02

当前栏目的高亮状态

正看着的栏目带一圈青色描边,页面滚动时跟着换,不用回头看自己走到哪。

看看效果

B03

从索引跳到具体页面

索引里每一条都能直接点,跳过去再从原路回来也不丢位置。

留在目录里
C

设备与登录

C01

换设备之后继续看

在新设备上重新登录一次,之前看的栏目和位置都还留着,接着往下就行。

看操作步骤

C02

小屏上的布局变化

宽度在 360 到 430 像素之间时卡片改单列,按钮触控区不小于 44 像素。

看完整说明

C03

登录多久会失效

长时间没有操作用户需要重新登录,登完会回到原来那个栏目继续。

了解原因
D

反馈与支持

D01

提交问题的入口

右下角的橙色按钮一直在,滑到哪一屏都能点到,点开就是反馈表单。

去提交

D02

邮件里带上什么

写上设备型号和出错的那一屏截图,能省掉来回确认的几轮沟通。

准备材料

D03

提交之后看到什么

页面内出现一条状态提示,工作时间内由客服邮箱跟进回复。

看回复时段

03 / 一级栏目

六个栏目,各管一段事

不确定该进哪一个,就看下面每张签条上那句「什么时候来」。看完还拿不准,直接从最接近的那个进去,站内的横向路径能带你换到旁边。

  1. 01 首页

    首屏索引、路径带和全部高频入口都在这一屏,是绝大多数人落地的第一站。

    什么时候来:刚打开站,或者换了手机想从头走一遍。

  2. 02 品牌历程

    六个公开版本怎么一步步改过来,每一版调整了哪条路径,读下来能看清节奏。

    什么时候来:想知道这个站做了多久、稳定性怎么样。

  3. 03 内容目录

    四个主题簇、十二个二级分组和说明条目的编号,都在这一屏摊开。

    什么时候来:已经有明确要找的分类或条目编号。

  4. 04 更新动态

    版本迭代、使用技巧、资料库更新和反馈摘要四类内容,按时间倒序排。

    什么时候来:想看看最近改了什么,有没有新技巧。

  5. 05 帮助中心

    小屏显示、登录、换设备、反馈提交这几类问题,按问题—步骤—结果写完整。

    什么时候来:已经卡住了,需要照着一步步做。

  6. 06 联系我们

    客服邮箱、电话、地址和反馈表单,提交后会看到一条状态提示。

    什么时候来:目录里翻不到,或者要直接跟人说清楚。

04 / 条目编号

报编号,比描述半天管用

每条说明都有一个短编号,由主题字母加两位序号组成:A 到 D 对应四个主题簇,序号从 01 起往后排。比如 C02 是设备与登录簇下的第二条,讲的是小屏宽度下的排版变化。

提交反馈时把编号写在邮件里,我们能直接翻到那一条,不用你先描述在哪个页面、点了什么。编号在每张卡片左上角,长按就能选中。

C主题簇字母 02两位序号 C02小屏上的布局变化
多张带主题字母和两位序号标签的说明卡错位排列
同一主题簇下的卡片共用字母,序号决定先后,找位次不用数页码。
手机屏幕局部显示横向可滑动路径带和选中高亮,画面中没有真实个人信息
手机上顶部只留品牌和一条路径带,正文全部改成单列。

05 / 小屏路径

手机上三个组件接力,一屏一件事

在手机里打开,页面会切成移动端页面导航版,顶部保留品牌和可左右滑动的路径带,正文收成单列,右下角一直挂着橙色反馈按钮。三样东西各接一段路,走起来不用来回找。

  1. 01

    先在路径带上滑到栏目

    六个栏目排成一条横向带,拇指左右滑,选中的那个带青色描边,点一下直接进。

  2. 02

    长说明默认收起

    条目只露出标题和一行摘要,点开才展开步骤。看两眼就知道这条跟自己有没有关系。

  3. 03

    到底部还有固定操作区

    回上一个栏目、提反馈、回到顶部,都留在拇指够得到的位置,不用一路划回顶上。

06 / 找不到就开口

目录里翻不到,直接说一声

十二组高频主题之外,资料库里还有更多条目按主题簇排着。真碰上翻遍也找不到的情况,把页码或看到的那一屏截图发过来,比继续试词快。

  • 邮箱 info@spark-bbin.com.cn
  • 电话 18368200796
  • 地址 四川省成都市武侯区天府大道北段1700号
  • 时段 工作日 9:00–18:00 内回复
橙色反馈按钮从深蓝目录卡边缘浮出的抽象示意
反馈按钮跟着你走,看目录看到哪一屏都能按下。
反馈问题