Panel / 账户中心

面板与账户中心

九博国际CN站把额度汇总、变动明细、版本记录和帮助入口收进同一副框架。查一次额度需要几步、翻一条记录要点几处,下面按栏目逐项写清楚,你对着屏幕就能找到位置。

01 / 结构总览

四块一级区,各管一段路

从进面板到看完一条记录,中间经过的每一层都摆在固定位置。先把四块区认下来,再认栏目,后面就不容易绕远。

A / 概览

进门先看这一屏

额度摘要和最近几条变动放在一起,不用先点进账户中心,也能判断今天要不要细看。

B / 账户中心 · 本页重点

两栏承担主要查询

额度查询一栏看汇总,变动记录一栏看明细。每栏下设 6 组筛选条件与 3 种排序方式。

C / 版本说明

改动都留在这里

96 条功能变更按版本排下来,每条带版本号、变更类型和受影响的页面,界面变了可以对上号。

D / 帮助索引

按现象找答案

常见问题按遇到的现象归类,支持团队每周整理一次高频清单,进来不用逐条翻。

四块面板一级区以细线连接的抽象结构示意,分别标注概览、账户中心、版本说明与帮助索引
四块一级区在面板中的位置关系

02 / 额度查询

三种汇总视图,筛完再挑时间粒度

深色界面中按日、按周、按月三组额度汇总视图切片,等宽数字右对齐成列
三种汇总视图的字段排布一致

同一组筛选条件,换一个时间粒度就能换个看法。选哪个视图,取决于你这次想看多细。

  • DAY

    按日

    颗粒最细的一档,用来确认某一天的具体走动落在哪个日期上。

  • WEEK

    按周

    以自然周为单位,看一周之内分布得是否均匀,比一天一天翻快得多。

  • MONTH

    按月

    整月一次看全,适合固定周期核对一次的人,字段和另外两档完全对得上。

切换视图时,已经勾好的筛选条件会原样保留——不用每换一次粒度就把条件重设一遍。

03 / 变动记录

三类条件叠着用,把列表收窄到一眼看完

带筛选条与密集列表行的变动记录界面切片,每行高度一致、编号等宽对齐
筛选条在上,列表行高统一

记录多的时候,一个一个往下翻最费时间。按下面的顺序叠条件,通常两三次就能收窄到想看的那几条。

  1. 01

    先框时间范围

    把范围收到你确实要看的那一段,后面的条件才有意义。

  2. 02

    再选变更类型

    只看与你这次核对相关的那一类,其他类型一次排除。

  3. 03

    最后用金额区间收口

    两个端点点下去,列表基本就只剩几行了。

单次最多展示 200 条。真超过这个量,收窄条件比一页页翻更快。v3.2.1 把列表密度收紧了一档,同一屏能多看几行,标签配色也一并调过。

04 / 对照评测

一套评分卡,把体验拆到能互相比较的程度

九博国际会员中心对照评测采用 5 个维度、18 项指标的评分卡。下面每一项都配一句实际观察,不只看总分。想了解这套标准由谁维护、评审怎么走,可以翻品牌说明。

16 / 18 18 项指标中 16 项达标,2 项列为可继续优化的点

信息层级

4 / 4

额度查询与变动记录在面板第一层就能点到,不必先摸清二级菜单的结构再动手。

触控适配

3 / 4

主操作区按 44×44 像素的热区设计,手指不精细也点得中;记录行内的小图标热区略窄,偶尔会点偏。

加载反馈

3 / 3

切换汇总视图和翻动记录列表都有即时的位移反馈,不会停在一片空白上等着。

版本标识

3 / 3

版本号常驻右上角,点一下就能复制;版本说明里的条目用的是同一套编号写法,对得上号。

跨端一致性

3 / 4

桌面和平板的两栏字段一一对应,换个设备不用重新学;平板竖屏下金额列偏宽,要横滑一下才能看全。

五组方格矩阵组成的评分卡示意,青碧色表示达标、琥珀金表示待优化
5 个维度、18 项指标的分布示意

05 / 跨端适配

同一套栏目,换设备换的是导航不是内容

在电脑前和在手上,能查到的东西是一样的,不一样的是入口藏在哪儿。切到你要用的那一种看看。

  • 右侧固定「会员中心」入口,琥珀金底配深色文字,进页面就看得见。
  • 往下滚动约 1.5 屏后收成圆形胶囊,悬停再展开成完整按钮。
  • 浮层贴着视口右边,不会压到正文的行宽。
  • 主导航收进左侧抽屉,从左缘 24 像素内往右滑就能唤出。
  • 抽屉展开后遮罩盖住主内容,当前列表停在原位不跳。
  • 入口改成底部固定条,和抽屉不会同时出现。
  • 新版平板改成顶部折叠导航,收拢为 5 个主入口加一个「更多」层。
  • 旧版保留侧边导航,一级入口 7 个——两版差异在版本笔记里有逐项对照。
  • 字段排布与桌面一致,找同一个数字的位置不用重新记。
平板屏幕左缘滑出侧边导航抽屉、主内容保持在原位的界面示意
抽屉展开时,右侧内容不做位移

06 / 标签体系

数字用同一种写法,扫一眼就能对上

版本号、备案号、变更编号和指标值统一用 12–13 像素的等宽字体、拉开字距排列。左对齐的标签、右对齐的数值,列与列之间自然成线。

最小热区 44×44 px 单次展示上限 200 条 变更条目 96 条

同一个编号在变动记录里出现过,切到版本说明里也是这个写法,不用在两套格式之间来回换算。

07 / 上手路径

你属于哪一种,就走哪一条

第一次来

先读版本,再看两栏

花几分钟翻一遍最近几个版本的改动,再进账户中心,对界面为什么长这样心里就有数了。

看版本笔记 →
每天查记录

直接进账户中心

日常核对用按周视图最省事。真遇到筛不出结果的情况,按现象对照排查一遍。

去问题排查 →
要核对标准

看评审怎么做

评分卡上的每一条是怎么定下来的、由谁定期复核,品牌说明里有分工和评审节奏。

了解团队 →

在平板或桌面上看到的界面和这里写的不一样?把版本号、设备类型和页面名称一起发过来,我们对到具体页面。

联系支持团队 先看排查方法