入口 · 屏幕 · 指标

两块屏幕两条入口

手机在手里,就直奔联赛排名;坐到电脑前,就摊开一整张数据面板。狗威看台把排名单独放在 V3 通道,主站留着全部栏目,两边随时换,路径都短。

01 / 入口

排名直奔,还是全栏目慢慢逛

页头下层并排站着两个入口,位置固定,不用记路线。V3 通道专门承载联赛排名,点开先看到第 27 轮的积分排列;主站首页保留完整栏目,战报、球队资料、答疑都在里面。想看名次走左边,想找内容走右边。

V3 通道

进去先看排名

落点就是本轮积分榜,往下接着是升降箭头和近五轮走势。看完名次想读比赛过程,顺着链接进战报,回头再核对也没问题。

  • 联赛排名单独成一层,不混在栏目列表里
  • 与主站导航并列常驻,手机和电脑同一个位置
  • 排名按轮次结算,切换轮次即换榜单
看本轮战报目录
主站首页

全部栏目都在这

战报、球队资料、答疑、联络都在这一层展开,从哪个方向进来都能找到出口。想顺手看一眼射手数据,首屏也留着位置。

  • 完整栏目导航,适合坐下来慢慢翻
  • 首屏速览与入口并列,不互相挤占
  • 收藏之后可一步回到战报栏目
回到看台首页
两条并行的入口线路示意,其中一条标着联赛排名的图标
一条线路直通排名,一条保留全部栏目,两条从页头同时出发。

02 / 手机

第一屏,够你连着看两场

周末两场之间那几分钟,你想知道的其实就两件事:名次有没有动,谁又进球了。手机版把这两件事压在第一屏,往下才是新内容。

  1. 1
    当前轮次条

    第 27 轮摆在最上面,点开能换轮次,也能回到往季看当时的排名。

  2. 2
    排名前四

    积分、已赛场次与净胜关系排成一行,一眼看清前四名的距离。

  3. 3
    射手榜前三

    进球、出场、点球三列对齐,等宽数字不会因为位数不同而错行。

  4. 4
    球队资料入口

    18 支球队都在这里,点进去能看阵容位置分布、主客场战绩与近五轮走势。

手机查联赛排名最省事的做法:收藏一次,下次从收藏夹打开,首屏就是排名。

抽象的手机界面示意图,深绿底色上排列着积分位次与射手数据的色块
首屏自上而下:轮次条、前四名、射手前三、球队资料入口。

03 / 桌面

坐下来,十二项指标铺成一张面板

宽屏上的数据面板按比赛的进行顺序排:先看谁控着球,再看球被送到哪里,最后看谁把进攻拦下来。十二项指标左右对齐,同一场比赛在手机和平板上看到的是同一组数字。

控球与推进

  • 控球率谁在掌握节奏
  • 传球次数整场出球总量
  • 传球成功率传到队友脚下的比例
  • 传中次数从边路送进禁区的球

进攻产出

  • 射门全场出手次数
  • 射正打在门框范围内
  • 角球两侧角旗区的机会
  • 越位前插时机是否踩线

防守与对抗

  • 抢断就地反抢得手
  • 拦截半路截下对方传球
  • 犯规打断进攻的代价
  • 扑救门将挡出的射门
抽象数据面板示意图,多列指标与条形图并列排布,暗色底上带荧光高亮
同一场比赛的十二项指标在一屏内左右对照,条形长度让差距更直观。

面板上的数字跟着轮次走,比赛结束后由两人分别核对再放出,赛程密集的日子会晚一些。

04 / 演进

入口是怎么一步步变短的

从只能整页跳转,到手机首屏直接看到排名,路径被砍掉了好几刀。点开任一阶段,能看到当时想解决的问题。

V1单一导航

所有内容挂在同一层菜单下,看排名要先进首页再往下找。好处是结构简单,难处在比赛日来回切换时手指要多点几次。

V2手机首屏改版

射手榜与球队资料整体上移到首屏,排名模块同步压缩。连续看两场的人不用再为了看一眼进球数而翻页。

V3双入口并列

联赛排名从栏目列表里被单独拎出来,成为与主站并列的一条通道。想直查看排名的人少走一层,想浏览全站的人仍从主站进。

V3.2收藏直达与轮次常驻

收藏后的落点固定到战报栏目,轮次状态条常驻页头。看完排名直接读战报,不必再回到首页重走一遍。

05 / 收藏

收藏一次,下次少走三步

收藏夹是缩短路径最省力的办法。手机和电脑各两步,做完之后打开就是战报栏目,排名和比分都在上面。

手机端

  1. 1
    打开任意一页

    首页、通道页、战报页都可以,收藏后落点一致。

  2. 2
    点分享或星标

    Safari 在分享菜单里找“添加到个人收藏”,Chrome 与 Edge 用底部或右上角的星标。

  3. 3
    改名方便认

    把名称改成“狗威看台”或“狗威看台战报”,收藏夹里一眼就能挑出来。

电脑端

  1. 1
    点地址栏星标

    Chrome、Edge、Firefox 的星标都在地址栏右侧,点一下即可。

  2. 2
    放进书签栏

    文件夹选择“书签栏”,之后一栏就能点开,不用进收藏夹翻。

不同浏览器的收藏位置略有差别,找不到时在设置里搜索“书签”通常就能定位。

书签图形与层叠页面构成的抽象构图,暖白底色配荧光黄绿强调
收藏的落点固定,打开即到战报栏目。

06 / 适配

三种屏幕,同一组数字

手机、平板、电脑各有一套布局,指标的定义、榜单的排序、更新的时点都一致。换个设备接着看,不会出现两套说法。

不同设备上的呈现方式
设备布局先看到什么小提示
手机单列堆叠轮次条、前四名、射手前三竖屏即可,不需要横过来
平板双列并排排名与射手榜左右展开横屏时数据面板更舒展
桌面多列面板十二项指标一次铺开窗口拉到最宽时对齐最清楚
手机、平板与桌面三种尺寸屏幕的抽象并排示意,同一组数据块随屏幕缩放
同一场数据在三块屏幕上重新排布,内容不增不减。

显示发虚或排版错位时,先把页面刷新一次;仍然不对,带上设备型号和截图发到客服邮箱,处理更快。

还有想弄清楚的地方?

通道怎么选、收藏掉没掉、面板上的数字怎么读,都能在这里继续问下去。