品牌故事 · 栏目导览

品牌故事|九游体育手机官网

从赛事信息的整理方式讲起,到手机端页面怎么排、栏目怎么分工。这一页把来路说清楚,也把可以验证的做法写明白:内容做什么、入口放哪里、遇到问题找谁。

01 栏目分工明确
02 手机端优先浏览
03 服务入口可追溯
九游体育手机官网品牌故事栏目视觉,展示赛事内容与移动端浏览场景
栏目数量04
内容形态列表 · 图文
主要入口手机端

我们把品牌故事写成三条能对上的事

不用口号解释自己。下面三条对应到具体页面和具体动作,看完可以自己去看一眼,确认是不是这样。

  • 01
    内容先分栏目,再谈更新

    品牌故事、移动产品、赛事资讯、服务支持各自承担一件事,不把内容混在一个列表里,找起来不用翻很多页。

  • 02
    手机端是主要浏览方式

    页面按小屏优先排版,标题、按钮、列表在手机上都能直接点,横向不出现滚动条,长标题也不会被挤成两行乱码。

  • 03
    有问题能走完整条路径

    先看常见问题自查,解决不了再在服务支持页提交表单,提交后保留描述内容,方便后续核对。

四个阶段,一条能读下去的时间线

从最初整理赛事信息,到现在固定的四个栏目,中间做了几次取舍。每一步都对应页面上能看到的改动,而不是写在纸上的规划。

阶段 01

先把赛事信息排清楚

早期只做一件事:把散落的赛程、结果和看点放到同一条时间线上,让阅读顺序稳定下来。

阶段 02

栏目拆开,各管一件事

信息量变大后拆成四个栏目,品牌故事讲来路,移动产品讲入口,赛事资讯讲内容,服务支持讲问题处理。

阶段 03

手机端重排一遍版式

导航改成底部标签,首屏信息压缩到三行,图片按比例裁切,保证在窄屏上也能一屏看完重点。

阶段 04

把反馈通道补全

常见问题整理成可展开的条目,服务支持页配上表单,描述有误的内容可以按条目指出来。

两条并行的事:内容怎么编,页面怎么读

内容和版式互相牵着走。下面两块分别讲编辑时的取舍和浏览时的体验,两边都要过关,页面才算完成。

内容编辑

标题写信息,摘要写差别

列表里的每条内容都要求一件事:只看标题和一行摘要,就能判断这条要不要点开。所以标题不写悬念,摘要不重复标题。

  • 标题控制在一行半以内,避免折行后读不通
  • 摘要写这条内容与同类内容的差别,不复述结论
  • 时间与分类放在卡片固定位置,方便快速扫读
页面体验

手机上先看到重点,再看到补充

窄屏空间有限,页面把标题、要点和按钮放在前面,图片和说明放在后面。滚到哪一段,都知道自己正在看什么。

  • 底部固定五个入口,与顶部导航一一对应
  • 按钮高度统一,手指点击不容易点错
  • 图片统一比例裁切,加载失败时保留底色不塌陷

看完品牌故事,接下来去哪

三个方向对应三种需求:想用手机端就直接进产品页,想看内容就去赛事资讯,想解决问题就去服务支持。

九游体育手机官网移动产品页面展示,手机端浏览入口示意

移动产品

看手机端页面怎么排、入口放在哪里,以及首次打开时先看到哪几块内容。

查看移动产品 →
九游体育手机官网赛事资讯栏目展示,赛程与看点内容排列

赛事资讯

按主题分组的赛程、结果与看点,每条内容都有明确的时间和分类标签。

阅读赛事资讯 →
九游体育手机官网服务支持页面展示,表单与常见问题入口

服务支持

先自查常见问题,仍有疑问可以通过表单提交,把情况描述清楚再等回复。

获取服务支持 →

关于这一页的常见问题

下面几条是浏览品牌故事栏目时最常问到的,点开就能看到答案。

品牌故事栏目通常会更新什么内容?

主要更新三类:栏目分工的调整说明、手机端版式变化的原因、以及服务通道的处理方式。每条内容都会写明改了什么、影响哪些页面,不写笼统的概括。

在手机上从哪里能进到品牌故事?

手机端底部固定有五个入口,第二个就是品牌故事;页面顶部导航在宽屏下也会出现同一项。两边指向同一个页面,只是位置不同。

这一页提到的时间线和首页的栏目划分一致吗?

一致。首页、品牌故事、移动产品、赛事资讯、服务支持共用同一套导航名称,页脚也按同样的顺序排列,不出现两套叫法。

发现页面描述与实际不符,怎么反馈?

到服务支持页填写表单,说明是哪一页、哪一句,并留下可以联系到你的手机号或邮箱。内容核对后会按实际情况调整表述。

手机上打开一次,比看十段介绍更直接

页面结构、内容分组、按钮位置都在移动产品页写清楚了。进入之后可以按自己的习惯先看赛事,也可以先找服务入口。