Design Vocabulary设计词汇 · 样本集 01

VOCABULARY / 词条

开始页

Start Page

加入比较 +

正式流程开始之前的一页说明:这项服务能办什么、是否适用于你、需要准备哪些材料、大概要多久、有没有费用,读完之后只有一个"开始"入口。

示意图 · 编辑插画,尚无可操作示例
一张名为 FIELDNOTES 的虚构服务说明页示意:顶部是一行灰色占位标题条,下方分成"这项服务做什么""是否适用""需要准备什么"三组带项目符号的占位条,页面底部只有一个主要按钮。
一张名为 FIELDNOTES 的虚构服务说明页示意:顶部是一行灰色占位标题条,下方分成"这项服务做什么""是否适用""需要准备什么"三组带项目符号的占位条,页面底部只有一个主要按钮。

识别特征

  • 用一句话说明这项服务办什么
  • 适用条件、所需材料、耗时与费用被明确列出
  • 页面只有一个主要入口,通常是"开始"按钮

概念边界

开始页不是着陆页:着陆页要说服访客选择这个产品,开始页假设用户已经决定要办,只负责让他们判断自己是否适用、是否准备好。它也不是流程的第一步:填写还没有开始,页面上不应出现表单字段。它承担的是"避免用户走到一半才发现缺材料",因此页面上的条件必须是真实且完整的;把关键限制留到流程中间再说,会把成本转嫁给用户。

什么时候考虑它

  • 流程较长或需要预先准备材料,中途退出代价高
  • 并非所有人都适用,需要先给出判断依据
  • 服务由多个入口进入,需要一个统一的说明页

什么时候慎用

  • 流程只有一两步、随时可退出,额外一页只是拖慢
  • 把营销文案塞进开始页,掩盖真实的条件与费用
  • 页面列出的条件并不完整,关键限制留到流程中间才出现

取舍

提前说清条件能减少中途放弃与错误提交,代价是所有用户都要多经过一页;页面越长,已经熟悉流程的人越容易直接略过它。

条件规则 · 编辑建议

当服务有适用条件、费用或时限必须在开始页完整列出,包括不适用的情形与替代办法,而不是只写适用的一面。
当用户可能从搜索结果或站外链接直接进入流程建议让流程的第一步也能回到开始页,并把开始页作为服务的规范入口。

相关词条

分步向导 ↗可以配合 · 开始页之后是一个分步骤的填写流程

开始页交代前提与准备,向导负责把填写拆成步骤;两者一前一后,职责不重叠。

着陆页 ↗条件替代 · 决定这一页是用来说服还是用来准备

着陆页面向尚未决定的访客,开始页面向已经决定要办的用户;把两者合并会让条件被营销语气稀释。

隐瞒成本 ↗条件冲突 · 费用或必备材料没有在开始页写明,直到流程后段才出现

开始页的存在意义就是提前暴露成本;把成本推后会把它变成隐藏费用。

来源与支持范围

GOV.UK Design System · Start using a service ↗

该模式规定服务的起始点应"给用户恰好足够的信息,让他们理解这项服务做什么、是否满足自己的需要",并要求公共服务从 GOV.UK 的内容页开始,以便被搜索与导航找到;本词条的内容清单据此转述,其余取舍属编辑意见。

检索日期:2026-09-16

定义参考以上来源;数字界面示例、选择建议、条件关系及配方由本样例编辑,尚未经用户研究验证。

类型扩展与实现说明

本词条尚无可操作示例;插画为编辑示意,展示这一页的内容分区,不代表已验证的实现。应用到产品前仍须确认页面列出的条件、费用与耗时与流程中的实际要求一致。

{
  "states": [
    "idle",
    "started"
  ],
  "a11y": [
    "开始入口是链接或按钮,名称说明它会开始什么",
    "条件与材料用真正的列表标记,便于读屏逐项浏览"
  ],
  "motion": "无动效"
}
完整 Agent 条目 JSON
{
  "id": "start-page",
  "type": "layout",
  "name": {
    "zh": "开始页",
    "en": "Start Page"
  },
  "aliases": [
    "Start Point",
    "Service Start Page",
    "服务起始页",
    "开始使用页"
  ],
  "granularity": "page",
  "intents": [
    "organize-content",
    "reduce-complexity"
  ],
  "tags": [
    "服务入口",
    "适用条件",
    "准备材料",
    "政务",
    "开始按钮"
  ],
  "definition": "正式流程开始之前的一页说明:这项服务能办什么、是否适用于你、需要准备哪些材料、大概要多久、有没有费用,读完之后只有一个\"开始\"入口。",
  "boundary": "开始页不是着陆页:着陆页要说服访客选择这个产品,开始页假设用户已经决定要办,只负责让他们判断自己是否适用、是否准备好。它也不是流程的第一步:填写还没有开始,页面上不应出现表单字段。它承担的是\"避免用户走到一半才发现缺材料\",因此页面上的条件必须是真实且完整的;把关键限制留到流程中间再说,会把成本转嫁给用户。",
  "signature": [
    "用一句话说明这项服务办什么",
    "适用条件、所需材料、耗时与费用被明确列出",
    "页面只有一个主要入口,通常是\"开始\"按钮"
  ],
  "when": [
    "流程较长或需要预先准备材料,中途退出代价高",
    "并非所有人都适用,需要先给出判断依据",
    "服务由多个入口进入,需要一个统一的说明页"
  ],
  "when_not": [
    "流程只有一两步、随时可退出,额外一页只是拖慢",
    "把营销文案塞进开始页,掩盖真实的条件与费用",
    "页面列出的条件并不完整,关键限制留到流程中间才出现"
  ],
  "tradeoff": "提前说清条件能减少中途放弃与错误提交,代价是所有用户都要多经过一页;页面越长,已经熟悉流程的人越容易直接略过它。",
  "comparison": {
    "focus": "让用户在开始前判断自己是否适用、是否准备好",
    "mechanism": "一页说明加单一的开始入口,没有表单字段",
    "cost": "所有人都要多经过一页"
  },
  "sources": [
    {
      "id": "start-govuk",
      "title": "GOV.UK Design System · Start using a service",
      "url": "https://design-system.service.gov.uk/patterns/start-using-a-service/",
      "claim": "该模式规定服务的起始点应\"给用户恰好足够的信息,让他们理解这项服务做什么、是否满足自己的需要\",并要求公共服务从 GOV.UK 的内容页开始,以便被搜索与导航找到;本词条的内容清单据此转述,其余取舍属编辑意见。",
      "checkedAt": "2026-09-16",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260916*/https://design-system.service.gov.uk/patterns/start-using-a-service/",
        "status": "available",
        "checkedAt": "2026-09-16T13:25:34.531Z",
        "jobId": "spn2-48f93b0a3d733d60133d014ef13a0ae0373ebca4",
        "url": "https://web.archive.org/web/20260916132652/https://design-system.service.gov.uk/patterns/start-using-a-service/",
        "timestamp": "20260916132652"
      }
    }
  ],
  "relations": [
    {
      "target": "wizard",
      "kind": "composes_with",
      "condition": "开始页之后是一个分步骤的填写流程",
      "reason": "开始页交代前提与准备,向导负责把填写拆成步骤;两者一前一后,职责不重叠。",
      "basis": "editorial"
    },
    {
      "target": "landing-page",
      "kind": "alternative",
      "condition": "决定这一页是用来说服还是用来准备",
      "reason": "着陆页面向尚未决定的访客,开始页面向已经决定要办的用户;把两者合并会让条件被营销语气稀释。",
      "basis": "editorial"
    },
    {
      "target": "hidden-costs",
      "kind": "conflicts_when",
      "condition": "费用或必备材料没有在开始页写明,直到流程后段才出现",
      "reason": "开始页的存在意义就是提前暴露成本;把成本推后会把它变成隐藏费用。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "服务有适用条件、费用或时限",
      "instruction": "在开始页完整列出,包括不适用的情形与替代办法,而不是只写适用的一面。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "用户可能从搜索结果或站外链接直接进入流程",
      "instruction": "让流程的第一步也能回到开始页,并把开始页作为服务的规范入口。",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "behavior": {
    "states": [
      "idle",
      "started"
    ],
    "a11y": [
      "开始入口是链接或按钮,名称说明它会开始什么",
      "条件与材料用真正的列表标记,便于读屏逐项浏览"
    ],
    "motion": "无动效"
  },
  "demo": null,
  "version": "0.1.0",
  "editorialStatus": "drafted",
  "requirements": [],
  "demoCapabilities": [],
  "implementationNote": "本词条尚无可操作示例;插画为编辑示意,展示这一页的内容分区,不代表已验证的实现。应用到产品前仍须确认页面列出的条件、费用与耗时与流程中的实际要求一致。",
  "image": {
    "src": "/images/start-page.webp",
    "alt": "一张名为 FIELDNOTES 的虚构服务说明页示意:顶部是一行灰色占位标题条,下方分成\"这项服务做什么\"\"是否适用\"\"需要准备什么\"三组带项目符号的占位条,页面底部只有一个主要按钮。"
  },
  "searchTerms": [
    "service entry",
    "eligibility",
    "what you need",
    "public service",
    "start button"
  ]
}