香港適老化落地頁設計指南：如何讓長者與子女更容易理解、信任並留下聯絡資料？

作者：香港網頁集團網頁設計團隊丨文章審閱：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)