作者:香港网页集团网页设计团队丨文章审阅:Edwin,营销主管丨最后核实日期:2026年8月26日【文章重点摘要】核心观点:适老化落地页(Landing Page)不等於单纯放大字体,而是针对「长者(自主与尊严)」与「成年子女(比较与代填)」的共同决策流程进行体验优化。
5大设计原则:易读(WCAG 2.2 对比度与无障碍缩放)、
易点(≥44×44px 舒适触摸区域)、
易信(透明收费与符合香港PDPO私隐声明)、
易填(减法表单与明确字段标签)、
易联(电话/WhatsApp/表单多渠道灵活配合)。
成效指针:关注「有效查找率」与「实际咨询质量」,而非仅看表面点击量或流量。
前言:适老化落地页不是单纯放大字体
对安老、医疗、保险及银发服务企业而言,落地页的目的通常不只是介绍服务,而是协助访客完成下一步,例如提交查找、预约电话、下载数据或通过WhatsApp联系团队。
当目标受众包括长者时,页面还需要处理几个额外问题:文本是否容易阅读、按钮是否容易操作、服务是否值得信任、表单是否令人感到安心,以及家人能否协助比较和完成预约。
因此,
适老化落地页设计是以长者的阅读、操作、信任与联系需求为核心,同时照顾成年子女代为搜索、分享或填写的网站页面。它不等于把所有文本放大,也不等于把网站设计成过时的「老人家专用」风格。
本文会从五个方向说明设计方法:
易读、易点、易信、易填及易联。文中的尺寸和流程建议应视乎实际设备、服务类型及用户测试结果调整,而不是视为适用于所有网站的固定答案。
为什么要同时照顾长者与成年子女?
在很多高参与度服务的决策过程中,长者和成年子女可能扮演不同角色。长者可能最关心生活品质、尊严、舒适度和自主性;子女则可能负责搜索数据、比较服务、确认收费,或代父母完成联系流程。
这种「共同决策」不代表每个家庭的流程都一样。有些长者会自行搜索和提交数据,有些由子女先了解服务,再与父母讨论,也有些家庭会直接以电话沟通。因此,落地页不应只设计一条单一转化路径,而应提供清楚、互相补充的选项。
| 用户 |
常见任务 |
页面需要回答的问题 |
| 长者本人 |
了解服务、判断是否可信、直接致电或查找 |
这项服务能否解决我的需要?我看得清楚、按得到吗?数据会如何使用? |
| 成年子女 |
搜索、比较、分享、代为填写或预约 |
服务是否合法及专业?费用和流程是否清楚?怎样替父母取得协助? |
| 家庭共同决策者 |
一起讨论和确认下一步 |
能否轻松把数据转发给家人?是否有电话、表单以外的联系方式? |
网页设计时不要把长者描述成「不懂科技」或「只能由子女照顾的人」。更准确的做法,是把不同网络熟练程度、视力、手部操作能力和家庭分工视为需要被照顾的使用情境。
长者友善落地页最常见的五个流失点
1. 文本太小、对比不足,访客还未了解服务便离开
如果标题、正文和表单提示文本难以阅读,访客可能在理解服务前已经离开页面。除了字体大小,还要注意字体、字重、行距、段落宽度、背景图片和手机屏幕上的实际呈现。
建议使用清晰的正文层级、足够留白和简短段落,并让用户可以放大文本而不会造成文本截断、重叠或功能消失。所有颜色组合都应通过对比度工具检查,而不是只凭设计者的屏幕观感判断。
2. 表单要求太多数据,令人担心或疲倦
当访客只想预约初步咨询,页面却要求地址、预算、性别、身份证数据和详细需求,便可能增加不必要的心理负担。尤其在尚未创建信任之前,要求过多个人数据会令提交意愿下降。
表单字段应按「完成这一步真正需要什么数据」来设计。可以先收集称呼、联系电话和初步需要,再由专人于后续阶段确认其他数据。若某个字段确实必要,应在旁边说明用途,而不是只标示为必填。
3. CTA文本模糊,访客不知道按下去会发生什么
「提交」「了解更多」或「立即查找」未必错误,但它们没有清楚说明访客可以得到什么。更具体的CTA可以是「预约专人电话咨询」「索取安老服务数据」「为父母安排初步评估」或「通过WhatsApp询问服务流程」。
CTA文案应与实际流程一致。如果按钮只是打开联系表单,就不要写成「立即获取完整方案」;如果提交后不会即时收到回复,也不应暗示访客会立即获得结果。
4. 信任数据不足,访客不敢留下电话
对涉及医疗、安老、保险和家庭照顾的服务而言,信任不是页脚的一句口号,而是整个页面都要逐步创建的信息。页面应清楚交代公司名称、服务地区、联系方式、服务流程、收费或报价方式、专业资格,以及个人数据的使用方法。
只有在取得真实授权的前提下,才使用客户照片、姓名和见证。若案例需要匿名,应明确标示为匿名案例,并交代案例背景和数据范围,不要用模糊的「客户一致好评」取代证据。
5. 只写产品好处,没有帮子女完成决策
成年子女通常需要的不只是服务介绍,还包括比较和讨论所需的数据。例如服务适合哪些情况、首次咨询会问什么、是否需要父母在场、费用怎样计算、如何安排后续跟进,以及遇到疑问可以找谁。
加入简单的流程图、服务比较表、常见问题和可分享的重点摘要,往往比增加一段品牌口号更有帮助。
1. 易读:让访客先看得清楚,再理解服务
适老化网页设计的第一步,是令内容在手机、平板和桌面设备上都容易阅读。建议从以下几方面开始:
• 正文使用清楚、易辨识的字体,并以实际设备测试文本大小,不要只在设计稿中判断。
• 让标题、正文、提示和按钮文本有明显层级,避免所有内容都使用相同大小和重量。
• 保持适当行距和段落留白,每段只处理一个主要观点。
• 避免把重要文本放在复杂背景图片上;如必须使用图片,应确保文本与背景对比足够。
• 让用户放大文本后仍能完整阅读和操作。
W3C的WCAG2.2将文本对比度、文本缩放、重排、非文本对比度和焦点状态栏为可测试的成功准则。
[1] 一般文本的最低对比要求通常是4.5:1,但大文本及不同组件有不同条件,应按适用准则逐项检查,而不是把单一比例套用到所有情况。
[2]
2.易点:让按钮清楚、容易按下并且不会误触
长者友善的操作设计,不只是把按钮做大,也包括按钮位置、颜色、间距、焦点状态及交互后的回报。
建议将主要CTA放在访客容易找到的位置,使用清楚的动词和结果描述,并让不同按钮之间有足够间距。比如按钮和输入框可以先以约44px×44px的舒适操作区域作为设计起点,再配合实际测试调整。
WCAG 2.2的AA触摸目标最低准则是24×24 CSS px(并设有例外);44px×44px或更大的尺寸可作为较宽松的可用性方向,但不应误写成WCAG AA的唯一要求。 [3]
× 传统常见误区:按钮太小且紧贴其他链接,误触率高;按钮文本只写「提交」,让人不确定点击后的后果。
√ 适老化优化做法:按钮高度至少44px以上,文本明确写出「预约专人电话解答」,并保持四周足够留白。
不要忘记键盘用户。所有表单和按钮都应能以键盘操作,焦点位置(Focus State)要清晰,浮动WhatsApp按钮也不能遮住主要内容、表单提交按钮或令键盘焦点难以追踪。
3. 易信:在访客提交数据前创建可核对的信任
建议在首屏或早期内容区域清楚提供以下信息:
| 信任内容 |
实际做法 |
| 公司身分 |
显示正式公司名称、服务地区、办公地址或可核实的联系数据 |
| 专业能力 |
列出团队资历、相关训练、牌照或专业合作方,并提供可核对说明 |
| 服务流程 |
说明查找后会发生什么、由谁联系、预计如何跟进 |
| 收费方式 |
说明免费咨询、报价、订金、退款或其他费用条件 |
| 私隐安排 |
说明收集哪些数据、用途、保存方式、第三方工具及查找方法 |
| 客户案例 |
只使用获授权且可核实的案例,交代背景、改动和结果限制 |
私隐声明必须与实际数据流程一致。如果表单数据会进入CRM、分析工具或由WhatsApp处理,便不应使用「绝不向第三方透露」这类可能过度绝对的句子。建议由负责私隐及合规的人员检查页面内容,并链接到完整私隐政策。
4. 易填:只在当下收集真正需要的数据
表单可以采用分阶段设计。第一步只收集完成初步联系所需的最低数据,例如称呼、电话和想了解的服务;第二步才由专人确认更详细的需求。这种做法不代表所有表单都必须限制在三个字段,而是要避免在信任尚未创建时要求过多数据。
表单实作时应注意以下细节:
1) 每个输入框都有清楚、可见的标签,不要只依赖placeholder。
2) 电话字段使用合适的输入类型,让手机可以显示较方便的数字键盘。
3) 错误提示要说明如何修正,不能只显示红色边框或「数据错误」。
4) 在表单旁说明提交后的回复方式、预计时间和数据用途。
5) 让访客可以使用手机的语音输入,但不要假设所有人都会使用这项功能。
6) 提交完成后显示明确的成功消息,并提供返回、致电或继续了解服务的选项。
5. 易联:提供不只一种联系方法
WhatsApp、电话、电邮和表单各有适用情境。WhatsApp适合希望快速提问或转发数据的人;电话对习惯直接沟通或需要即时澄清问题的人可能更方便;表单则有利于企业整理需求和追踪来源。
因此,落地页可以提供:
• WhatsApp查找:显示打开后会发送的缺省文本,避免访客不知道如何开始。
• 一键拨号:在手机版提供清楚的 tel:链接,并标示服务时间。
• 简短表单:只收集初步联系所需数据,并说明后续流程。
• 电邮或其他替代方式:为不使用WhatsApp或不希望即时通信的人提供选择。
不要把WhatsApp当成唯一答案。若服务涉及敏感健康数据或需要正式文件,应提醒访客不要在即时通信中发送不必要的个人数据,并提供更合适的安全联系方式。
一个可运行的适老化落地页页面流程
下面是一个适合安老或健康咨询服务的基本页面结构。企业可按服务内容增减,但每一区都应有明确任务。
第一区:一句话说明服务对象和价值
不要只写「提供全方位优质安老服务方案」。更具体的写法是:
为香港长者及照顾家人提供清晰、可靠的安老服务咨询,先了解需要,再由专人说明合适选择。
标题应说明服务对象、解决的问题和下一步,而不是只使用形容词。
第二区:说明你能协助什么
以三至四个短点说明服务范围,例如照顾需要初步评估、服务选择比较、家人咨询、预约流程或后续跟进。不要把所有服务都塞进首屏,先协助访客判断是否与自己有关。
第三区:展示流程、费用及服务界线
清楚说明「提交查找→专人联系→初步了解→提供下一步建议」的流程。如果服务不是免费,或需要另行报价,应在适当位置说明,不要等到访客提交数据后才揭示重要条件。
第四区:提供双重决策内容
可以分成两张卡片:
• 给长者:我们会先听取你的需要,按你的生活安排和期望说明选择。
• 给子女:你可以先了解服务范围、流程和收费,再与父母一起讨论下一步。
这种写法不是把两类人割裂,而是让每位访客都更容易找到与自己相关的信息。
第五区:展示可信度
加入真实公司数据、团队背景、合作机构、专业资格、已获授权的案例和完整私隐政策。每项数据都应可核对,不能以设计元素代替证据。
第六区:提供三种清楚的联系选项
表单、电话和WhatsApp可以并列,但应显示每种方式适合什么情况,以及提交或联系后会发生什么。主要CTA只保留一个最重要的行动,其他方式作为替代方案。
如何测试改版是否真的有效?
不要只凭「看起来更现代」或「字体变大了」判断改版成功。应在改版前先定义事件和基准,再观察用户是否能更顺利完成任务。
| 测试面向 |
可观察指针 |
建议问题 |
| 阅读 |
首屏理解率、内容滚动、文本放大后的完成度 |
访客能否说出服务对象和下一步? |
| 操作 |
CTA点击、电话点击、WhatsApp点击、键盘完成率 |
是否有人找不到主要按钮或误触其他链接? |
| 表单 |
开始填写率、字段错误率、完成率、有效线索率 |
哪个字段最常造成中途离开? |
| 信任 |
FAQ点击、私隐政策查看、服务流程查看 |
访客在提交前最常查阅哪些信息? |
| 商业结果 |
有效查找率、预约率、每条有效线索成本 |
增加的查找是否真的符合服务对象? |
若进行A/B测试,应记录测试期间、流量来源、样本量、版本差异和成功指针。不要把某次转化率变化直接归因于字体或按钮,因为广告、季节、服务价格、品牌知名度和流量品质都可能同时改变。
关于适老化网页设计的常见问题(FAQ)
Q1:适老化落地页会不会令网站看起来过时?
不会。适老化设计的重点是清晰、可操作和包容,而不是使用特定的「长者风格」。简洁排版、稳定的视觉层级、足够对比和清楚的交互回馈,通常也能改善其他年龄层使用手机时的体验。
Q2:如果主要客户是成年子女,还需要照顾长者吗?
需要。子女可能会把页面分享给父母确认,也可能由父母自行搜索数据。即使最终由子女提交表单,页面仍应让长者能够理解服务内容、辨识品牌和选择合适的联系方式。
Q3:表单是否一定要限制在三个字段内?
不一定。字段数量应取决于完成当前任务所需的数据。初步咨询通常可以先收集最低必要数据;若服务需要较详细的评估,则应说明每个字段的用途,并考虑分阶段收集。
Q4:只提供WhatsApp作为联系方式可以吗?
不建议把单一渠道视为所有人的最佳选择。应按受众习惯、数据敏感度、服务时间和实际客服能力,同时评估电话、表单、电邮或其他替代方式。
Q5:多久可以看到改版后的转化效果?
没有适用于所有网站的固定时间。观察期取决于流量量级、广告来源、服务周期、季节性和测试设计。较可靠的做法是先设置基准,持续观察足够的完整周期,再比较有效线索率和商业结果,而不是预先承诺某个固定提升百分比。
Q6:如何知道网站是否符合无障碍要求?
可先按照WCAG2.2的相关成功准则进行自动检查,再由人工测试键盘操作、文本放大、手机重排、表单错误、焦点状态及实际使用情境。自动化工具只能发现部分问题,不能取代人工和用户测试。
[1]
结语:从「方便理解」开始创建长期信任
适老化落地页的核心,不是把页面做得像某一个年龄层专用,而是让更多人能够清楚理解、安心判断并完成下一步。对香港企业而言,这意味着要同时照顾长者本人的尊严与自主,也要让成年子女能够快速比较、分享和协助处理。
从实务角度来看,最值得先做的三件事是:删除不必要的表单字段、把公司及私隐信息放到访客容易找到的位置,以及用实际测试验证文本、按钮和联系流程是否真的容易使用。
当页面能够做到易读、易点、易信、易填及易联,它改善的不只是某一个年龄层的使用体验,也能让整个家庭更容易理解服务,并在有需要时作出更有信心的决定。
打造专属于香港银发市场的高转化率LandingPage一个真正懂适老化UX的网站,能帮你创建家庭信任、降低获客成本(CPA),并大幅提升有效查找率。我们提供全方位的香港网页设计与转化率优化服务,协助你的品牌精准对接长者与照顾者。
电话:852-3749 9734
电邮:[email protected]WhatsApp:6315 1000
附录:适老化Landing Page转化率检查清单1. 内容与搜索意图☑ H1清楚包含文章或页面的核心主题。
☑ 首段直接回答什么是适老化落地页,以及它解决什么问题。
☑ 文章同时说明长者和成年子女的任务,但没有使用刻板化描述。
☑ 所有建议都有适用条件,没有把实务建议写成绝对规则。
☑ CTA说明实际会发生什么,不作无法兑现的承诺。
2. SEO与页面结构☑ SEO title、meta description、URL、H1和正文主题一致。
☑ H2/H3使用真正的标题层级,而不是只靠粗体或编号。
☑ 主要关键字自然出现,没有为达到固定密度而重复句子。
☑ 相关页面之间有合理内链,外部引用连向原始数据。
☑ 图片有描述性alt,案例照片有合法使用授权。
☑ 表格和表单在手机版可阅读、可操作。
3. EEAT与可信度☑ 有作者姓名、职务、相关经验和作者页。
☑ WCAG、医疗、保险、安老或私隐内容由适当人士审阅。
☑ 有发布日期与最后更新日期。
☑ 公司名称、联系方式、服务地区和商业身分可核对。
☑ 统计、案例和成效数据都有来源、期间、样本或方法。
☑ 不使用没有证据支持的「领先」「专家」「保证提升」等宣称。
4. 无障碍与转化☑ 文本对比度和非文本组件对比度已检查。
☑ 文本放大和手机重排后没有截断、重叠或功能消失。
☑ 所有表单字段有可见标签和清晰错误提示。
☑ 交互元素可用键盘操作,焦点状态清楚。
☑ 主要CTA、电话和WhatsApp都能正确追踪。
☑ 提交后有明确成功消息及下一步指引。
参考数据[1] W3C,Web Content Accessibility Guidelines (WCAG) 2.2
[2] W3C,Understanding Success Criterion 1.4.3: Contrast (Minimum)
[3] W3C,Understanding Success Criterion 2.5.8: Target Size (Minimum)