入口与功能

苹果设备进看台,先挑最短的那条路

乐竞看台把收藏入口、首页入口和小屏测试版入口摆在一处,你按手里的设备和当下的时刻挑一条就行:收藏过的从收藏直接落到排名区,第一次来的从首页总览起步,窄屏设备走测试版,底部一直留着回首页的按钮。

  • 1 收藏入口步骤数
  • 2 窄屏测试版步骤数
  • 12 当前索引联赛
四个入口节点分别连向手机、平板与窄屏设备的轮廓,线条以深空蓝为底、荧光绿标出通向排名区的方向
四个入口按设备分流,符号统一指向前方的下一步。

功能地图

四个入口,三种设备,各管一段路

先认清手里这台设备该走哪道门,后面的切换和刷新都会顺。苹果手机和平板走前两条,宽度在 320px 到 430px 之间的窄屏设备优先走测试版,遇到问题再走反馈入口。

  • 01

    收藏入口

    把看台收进浏览器收藏夹,下次从收藏点进来,一步就到排名区。固定在手机上追某几个联赛的人最省事。

    • 苹果手机
    • 平板
  • 02

    首页入口

    从首页进,先看当天的联赛总览,再用顶部下拉换到你要的那一个。第一次来或者想同时看几个联赛,从这里起步更稳。

    • 手机
    • 平板
    • 桌面浏览器
  • 03

    小屏测试版入口

    窄屏设备上打开测试版,下拉标签和排名数字都放大过,返回首页的按钮常驻在页面底部,两步就能进到排名。

    • 320px–430px
    • 窄屏测试
  • 04

    站内反馈入口

    入口挪了位置、路径忽然多了一步,从页面反馈入口留言,写清设备和看到的页面,工作日内有人回你。

    • 任意设备
    • 问题反馈

并排比较

三条路径排开,少一步的那条一眼看得出

这张乐竞苹果入口对比把步骤数、适用设备、刷新提示和返回方式放在同一行里,你只要盯住自己常用的那台设备,横向比一比就知道该收哪个。

三条入口路径步骤数对比的抽象条形图,收藏入口与首页入口各占一段,窄屏测试版占两段,暖橙标出多出的一步
步骤越短,开赛后看到新排名的等待越少。
三条入口路径的步骤、设备与返回方式
入口路径 步骤数 适用设备 刷新提示 返回方式
收藏入口 1 步 苹果手机、平板 排名区出现暖橙脉冲环 收藏栏再点一次
首页入口 1 步 手机、平板、桌面浏览器 排名区出现暖橙脉冲环 顶部导航回首页
小屏测试版入口 2 步 320px–430px 窄屏设备 排名区出现暖橙脉冲环 页面底部固定按钮

表格可左右滑动,键盘用方向键查看右侧列。

窄屏体验

小屏上到底顺不顺,四个维度打分

小屏测试版页面入口评测由站内编辑按四个维度逐项打分,每项满分 5 分,综合 4.3 分。分数低的地方正好是你打开测试版时该留意的位置。

窄屏设备界面特写,顶部联赛下拉标签展开,下方排名数字以等宽字体放大显示
窄屏下联赛标签与排名数字同屏,不用来回缩放。
  • 首屏可见性 4.5

    打开就在首屏看到联赛下拉和前几行排名,不用先滑一段。

  • 下拉切换 4.2

    手指下拉即换联赛,切换后停在原来的排名列位置,不用重新找。

  • 数字可读性 4.4

    名次和积分用等宽数字,行高放宽,一眼扫过去不会串行。

  • 返回路径 4.1

    底部固定返回首页按钮,翻到多深都能一步退回去。

4.3 综合评分(满分 5 分)

打分方式:编辑在 320px 到 430px 宽度设备上逐个入口打开,对每项按实际体验给分,取四项平均。这份评分针对的是看台自己的窄屏页面,看的只是手感好不好用。

联赛与排名

换联赛不丢位置,排名两分钟一换

当前索引覆盖 12 个联赛、38 个杯赛与 6 类积分榜,顶部下拉和联赛索引两个地方都能切。换到别的联赛后,你还停在原来那一列的排名上,不用从头往下翻。

开赛后约两分钟,排名区给出一轮新数字,并亮起暖橙脉冲环。系统里开了减少动效的话,脉冲环会安静下来。

下拉手势与联赛标签的抽象示意,切换中的联赛标签用暖橙高亮,右侧排名列保持原位
下拉选中新联赛,右侧排名列位置不动。
  • 12个联赛
  • 38个杯赛
  • 6类积分榜

入口符号

方框、箭头、绿点,走到哪都认得出

方框圈住入口,箭头指向下一步,绿点点出“从这里进”。这套符号在导航最右、卡片按钮和页脚水印上反复出现,你在任何一屏都能凭它找到该按的地方。

入口符号在大按钮、小图标和页脚水印三种尺寸下的排列对照
  • 01

    鼠标移到入口按钮上,箭头右移 4px,按钮同时上抬一点,告诉你点下去会往前走一步。

  • 02

    顶部导航最右固定保留一个绿色入口按钮,无论你翻到哪一页,它都在同一个位置。

  • 03

    页脚收尾放一个斜切的符号水印,认准这个记号,下次在收藏夹里也不会点错。

按场景选

对上你的时刻,直接走那一条

不用把所有入口都试一遍。看你此刻在做什么,对号入座就行。

01

开赛前,先看看有什么

从看台首页进,当天有哪些联赛、哪个杯赛开打,总览里一次扫完,再下拉挑一个进去。

推荐:首页入口 · 1 步

去首页看看

02

开赛后两分钟,只想看排名

收藏入口点一下就到排名区,暖橙脉冲环亮起时数字已经换过一轮,看完就能关。

推荐:收藏入口 · 1 步

先比对一下

03

窄屏设备,想试试手感

320px 到 430px 宽的设备上走测试版,下拉和数字都放大过,底部留着回首页的固定按钮。

推荐:小屏测试版入口 · 2 步

看测试版记录

继续往下走

选好入口,剩下的交给排名区

收藏一次,下次开赛你只需要点一下。想了解看台是怎么一步步长成现在这个样子的,或者遇到入口相关的具体问题,下面几条路都能走。

回到看台首页