产品与设备 · 三条产品线

屏幕不同,
会馆同一座

在手机上查到的标签,换到平板还是同一个位置;几个月前看过的那版说明,回头也翻得到。博发真人馆把分类、规则与版本记录放在同一种操作习惯里,iOS 客户端目前是 v3.2。

BoFa 真人 iOS 设备 · 主流 iPhone 与 iPad

01 / 三条产品线

标签管看什么,客户端管在哪看

标签决定您能看到什么,客户端决定您在哪儿看,版本记录决定看完之后还能不能回去翻。三样凑齐,日常使用才顺。

A

分类标签

活动与规则两大分区,12 个一级标签下挂着 46 个二级标签。想找"最近有什么",从活动进;想弄懂"怎么参与",从规则进。

12 个一级 · 46 个二级

B

iOS 客户端

v3.2 版本在主流 iPhone 与 iPad 型号上运行,标签切换、长列表滚动与折叠面板都按手指操作调过尺寸,一只手也能翻完。

v3.2 · 主流 iPhone 与 iPad

C

版本记录

从 v1.0 到 v3.2 的 9 个公开节点全部留在原处,旧的说明折叠收纳。想对照早前的条款怎么写的,展开就能看。

9 个公开版本节点

iPhone 与 iPad 屏幕上展开的标签界面局部,暖金色光从设备边缘掠过
设备端界面:顶部胶囊条切换活动与规则,下方为标签列表。

02 / 设备端

BoFa 真人 iOS 设备端走到 v3.2

打开就是熟悉的左侧标签、右侧内容。切换分区时界面不会整屏重绘,长列表滚到底也不回弹;条款和旧版说明点开即展,收起后位置留在原处。

  • 兼容机型 主流 iPhone 与 iPad 型号
  • 分区切换 活动与规则在顶部胶囊条内切换,当前分区一眼可见
  • 折叠面板 条款、旧版说明点开即展,单手可开合
  • 跨设备 与桌面端共用同一套分区位置,换设备不必重新熟悉
设备问题去支持中心

03 / 分类标签

两大分区,十二个一级标签

博发真人分类标签分成活动与规则两片:活动分区回答"最近有什么值得参与",规则分区回答"参与需要满足什么"。每个一级标签旁的数字,是它下面挂着的二级标签数量。

活动分区 · 6 个一级标签 · 22 个二级标签

  • 新客首站4
  • 每周专场4
  • 节日专题3
  • 回馈活动4
  • 邀请同行4
  • 活动回顾3

规则分区 · 6 个一级标签 · 24 个二级标签

  • 参与条件4
  • 时间节点4
  • 资料填写4
  • 设备绑定4
  • 结果查询4
  • 条款说明4

04 / 版本记录

九个版本,一路可以往回翻

每次调整都留在一个节点上,旧的没有删掉,只是折起来放在原处。想对照"以前那条规则是怎么写的",从下面任意一条展开就行。

纵向排布的版本时间线示意,暖铜金节点串联九个折叠档案卡片
九个公开节点按先后排列,均可展开查看当时的改动说明。
  1. 01 v1.0 会馆初版,活动与规则分开排列

    标签第一次分成活动与规则两栏,结构还只有一层,找一个条目需要往下翻。

  2. 02 v1.2 一级标签下加出二级标签

    查找从"翻页"变成"点两层",同一类内容被收进同一个入口,列表明显变短。

  3. 03 v1.5 长条款改为折叠展开

    篇幅长的说明默认收起,需要时点开。页面整体变短,滚动距离随之减少。

  4. 04 v2.0 iPhone 竖屏单独排了一版

    按钮与标签的可点区域按手指尺寸放大,竖屏下一屏能看完的信息量重新算过。

  5. 05 v2.3 iPad 横屏回到左右分栏

    横屏下恢复左侧标签、右侧内容的位置关系,与桌面端一致,切换设备不用重新找。

  6. 06 v2.6 旧版说明折进档案

    不再删除过时说明,统一折进版本档案里。需要对照时展开,不需要时不占位置。

  7. 07 v2.8 键盘操作补齐焦点外环

    用 Tab 走一遍时,当前焦点始终可见,顺序与屏幕上看到的顺序对齐。

  8. 08 v3.0 两端分区结构统一

    同一个标签在手机上和平板上落在同一位置,跨设备使用时不必重新建立方向感。

  9. 09 v3.2 当前版本,兼容主流 iPhone 与 iPad

    标签切换与长列表滚动进一步稳住,折叠面板的开合也更跟手。遇到具体设备问题,可从支持中心提交。

05 / 适配与阅读

换屏幕,不换位置

手机上是左侧标签、右侧内容,桌面上也是左侧标签、右侧内容,位置关系不变,只是栏宽不同。竖屏时标签收成顶部胶囊条,横屏与桌面端恢复成侧栏。

正文字号与行距按长段阅读留出余量,段落之间不挤在一起;按钮和标签的可点区域比文字本身更大,手指落下去不用瞄准。

移动端与桌面端并排的界面线框,左侧标签列与右侧内容区各自标注
同一套分区在窄屏与宽屏上的位置对应关系。

字号与行距

长段落保持宽松行距,滚动时眼睛有落点,连续读几屏也不容易串行。

触控与手势

标签与按钮的可点区域按手指习惯放大,单手滑动、点开折叠面板都够得着。

键盘与焦点

用键盘操作时,当前焦点带珊瑚色外环,走位顺序与屏幕上看到的顺序一致。

06 / 典型场景

三种人,三条进来的路

第一次进站,还不熟悉分区

先跟着五步路径走一遍:认活动与规则两个分区、学会用标签找条目、把常用设备准备好,再按自己的节奏往下看。

第一次进站板块指南

用了一段时间,想找回早前的说明

从版本记录往回翻,九个节点按先后排列,展开任意一条就能看到当时的改动,不必凭记忆拼。

回到版本记录

活动期间,要确认参与条件

进规则分区看参与条件、时间节点与资料填写要求;条款里没讲清的地方,把版本号和设备型号一起发给客服,回复会快很多。

去支持中心提问
设备轮廓与拱廊线条组成的抽象几何图,铜金色光线穿过其中
会馆的拱廊、展签与设备轮廓,构成同一套视觉语言。