品牌文化 · 关于我们

把入口收在一处,让手机上的每次查找都落得下来

澳门服务主页从 2019 年做到今天,2026 版本是第六次整体升级。这里写下我们在资料整理、小屏访问和服务响应上的实际做法,你可以据此判断,它值不值得长期放在手机书签里。

如果只想先看结论:六个一级栏目,从首屏就能进到每一个,窄到 320px 的手机也不用放大页面。

2019 第一版上线
14 内容团队人数
99.9% 2025 年度可用性
01 出发点

一开始只想省掉来回找入口的麻烦

能让人一次点对,比多收一百条资料更值得先解决。

2019 年上线第一版的时候,我们只做了一件事:把原来散落在不同位置的栏目入口摆到同一页上。当时收到最多的反馈是,用手机打开以后要先放大、再左右拖动,才能点到想看的那个入口。

这件事后来成了每次改版的第一顺位。按钮够不够大、拇指够不够得着、退出详情页以后还回不回得来原来的位置,这些问题排在“再多放几条内容”前面。

2026 版本把六个常用入口固定在首屏,把版本号和更新日期放在标题旁,也是同一个思路:你不必先学会这个站怎么组织,就能直接用。

02 覆盖

你能找到的东西、能用的屏幕、能问到人的时段

谈服务范围与小屏适配,澳门的使用者问得最多的其实是两句话:我要找的东西在不在里面,我这台手机能不能正常打开。下面三块可以直接回答。

找内容

  • 资料库收录 486 条资料,按九个主题分类,每周二与周五各更新一次。
  • 帮助中心 46 篇指引,分五个章节,其中 12 个是可以照着做的分步流程。
  • 内容专栏分城市纹理、栏目导览、适配手册、版本演进四个专题,可以顺着一个主题连着读。

换屏幕

  • 手机:常用入口放首屏,滚动时底部有一条快捷条,单手就能切换栏目。
  • 平板与桌面:保留完整栏目树,长页面左侧常驻章节索引,随时跳到第几节。
  • 弱网:字体与图片都在本地加载,单页首屏在 4G 下平均 1.4 秒渲染完成。

找人问

  • 通勤路上查条目、上班时间比对版本差异,是两条最主要的访问时段。
  • 客服在工作日 9:00–18:00 接收咨询,首次回复平均 4 小时。
  • 一时说不清的问题,可以先从帮助中心的分步流程走一遍,多数情况当场就有答案。
03 小屏

320px 到 480px,我们拆成八段来处理

八个常见宽度会逐个打开检查:320、360、375、390、414、428、460、480。同一套内容在八段里都要能读完,不允许出现只有大屏才看得全的部分。

手机上没有空间把所有东西同时摆出来,所以顺序要定死:先让人进得去,再让人读得下去。

  1. 优先 1 入口与搜索。第一屏必须看见,触控区不小于 44px,点错还能退回原位。
  2. 优先 2 正文与小标题。正文字号 16px 起,行高 1.8,一屏内不出现第四种字号。
  3. 优先 3 表格与信息图。允许横向滚动,但首列固定住,滚到右边也知道自己在看哪一行。
  4. 延后 长清单与附录。默认折叠,需要时展开,不让一整屏都是目录。

这一套共五组三十二项检查点,覆盖布局、字号、触控、图片与加载,每季度修订一次。你在手机上遇到的显示问题,多半能在这份清单里找到对应的那一项。

04 分工

十四个人,分成三个小组各管一段

俯拍的工作台面,摊开的检查清单、铅笔、色卡与便签,暖光照明
内容编辑组每周固定碰一次头,把当周的选题排到具体日子

内容编辑组

负责选题、撰稿和交叉校对。一篇稿子至少经过两个人的眼睛,写的人不负责挑自己的错。

日常产出:资料条目、专题长文、更新说明

适配测试组

在八个宽度断点上逐个打开页面,看首屏入口、图片裁切、表格滚动和键盘焦点顺序。

每季度:清单修订 + 全站回归检查

客户服务组

把工单按访问与显示、资料查找、版本差异、记录与账号、其他五类分流,高频问题回流成新的帮助条目。

工作日 9:00–18:00 在线,首次回复平均 4 小时

三组之间没有转交单:客服遇到的显示问题直接进测试组的回归清单,测试组发现的文案歧义直接退回编辑组改稿。你提的一次问题,可能在两周后变成帮助中心里的一条流程。

05 生产

一篇内容从选题走到上线,平均两天半

你在站内看到的每一条资料,都要走完下面四步。点开任意一步,可以看到那一步具体在查什么。

  1. 01 选题 从重复出现的提问里挑

    先翻最近两周的工单,同一个问题出现三次以上,才值得单独写一条。一条资料只回答一个问题,角度定不下来就不动手。

  2. 02 交叉校对 第二个人重新过一遍

    写的人交稿,另一位同事对照原始材料逐段看。数字、版本号、栏目名这三样单独拎出来再走一遍,任何一处对不上就退回重写。

  3. 03 适配复测 八个宽度逐个打开

    在 320px 到 480px 的八个断点上逐个打开页面,检查首屏入口、图片裁切、表格横向滚动,以及只用键盘能不能走到每一个可点的地方。

  4. 04 发布 上线后再看一天

    上线后 24 小时内回看访问与工单。如果同类问题集中冒出来,第二天就回修,并把改动写进更新说明里。

四节点流程示意,编号与珊瑚红色折线相连,每个节点内是一个抽象的页面方格
四步走完平均 2.5 个工作日,遇到需要重写的稿子会更久
06 历程

一路改过来的几个节点

蓝白瓷砖重复图案的局部特写,光线柔和,边缘略微虚化
城市纹理是四个专栏专题之一,也是全站配色最初的来源
  1. 2019

    第一版上线

    六个入口摆在同一页上,先解决“点不到”这件事,内容量很少。

  2. 2024

    加上无障碍与键盘操作检查

    从那年起,每次上线都要走一遍焦点顺序与对比度检查,累计修复 137 处焦点与对比度问题。

  3. 2025

    移动端成为主入口

    全年 62 万人次访问,其中移动端占 71%;计划内维护 6 次,单次不超过 20 分钟。

  4. 2026

    第六次整体升级

    栏目定型为六个一级栏目加两个页脚页面,也是第一个支持清单勾选进度本地保存的版本。

  5. 每季 / 每年

    固定的更新节奏

    适配清单每季度修订一次,栏目体系每年升级一次,中间穿插内容专栏的连载更新。

07 标准

我们对内容提出的六条具体要求

下面每一条都对应一个看得见的做法,你可以拿它来检验我们写得好不好。

  1. 01

    数字要指得回原处

    每篇内容里的数字都能找到对应的原始材料;数值变了,同一篇里所有出现的地方一起改。

  2. 02

    一段只说一件事

    超过四行的段落改成列表或分步;读者扫一眼就能判断这段跟自己有没有关系。

  3. 03

    先给动作,再给说明

    操作类内容的第一句就是“点哪里”,第二句才解释为什么;顺序颠倒的稿子会被退回。

  4. 04

    手机上先能用

    任何一篇都要在 320px 宽度下读完一遍再发布;在手机上读不通的段落,回到稿子里重写。

  5. 05

    键盘也能走完全程

    焦点顺序跟视觉顺序一致,焦点环始终可见,2px 珊瑚实线加 2px 偏移,不会被背景吃掉。

  6. 06

    错了就改,改完写清楚

    更正会在更新说明里写明改了哪一处,看过的旧版本可以对得上号,不必重新读一遍全篇。

如果你正在比对手上的某一版栏目结构,或者想确认自己的使用场景我们覆盖不覆盖,直接把问题发过来就好。