GDS Digital Service Manual 中文翻譯網站 (beta)
by HPX-GOV 英國政府數位服務研究小組 GDS Study Group

地址 (Addresses)

如果你要在表單中詢問使用者填寫地址,你必須思考地址是來自哪個地理區域?以何種格式出現?以及你要利用這項地址資訊做什麼。

本頁內容:

  1. 多行輸入框
  2. 多輸入欄位
  3. 地址搜尋器

1. 多行輸入框

使用多行自由輸入框,允許使用者書寫所有他想寫的資訊。

單一的多行地址欄位的例子

優點:

  • 它可以處理任何可能的地址格式
  • 人們可以從剪貼簿 (clipboard) 複製和貼上地址
  • 人們不必計算思考地址的分段輸入

缺點:

  • 將地址資料剖析 (parsing) 為子項目(例如區 / 街 / 路等) 是很難的技術,幾乎不可能做到 100% 準確
  • 許多傳統後端系統能接受的地址資料必須是多欄位的格式

指導

當你預期未來這個地址資料格式可能會很多元時,或者你不需要使用特定的子項地址資料時,可以採用多行輸入框。


2. 多輸入欄位

把地址輸入分解成多個欄位。以一般的英國地址為例:

多個地址欄位的例子

優點:

  • 你可以很容易地提取地址的子項,加以處理或分析
  • 可以單獨驗證地址的子項,給予使用者貼切的輸入輔助說明
  • 若與具有自動完成 (auto-complete) 功能的瀏覽器搭配的話,輸入地址就很方便

缺點:

  • 很難找到一個適合多元地址的單一格式
  • 不保證人們如你預想的方式來輸入該欄位需要的格式
  • 不易從剪貼簿複製貼上地址

指導

如果你知道地址資料會來自哪些地區,以及找到一種輸入格式可以涵蓋上述地址格式,這時候才可以使用多輸入欄位的作法。

英國地址:
(#1:英國郵遞區域編號格式規則)

  • ‘郵遞區域編號 postcode’ 是一個字
  • 允許人們輸入帶空格或不帶空格的郵遞區域編碼
  • 避免強制輸入單一欄位(但要提示使用者,如果任何欄位都沒填寫的話)
  • 英國皇家郵政 (Royal Mail) 不需要填寫縣名,只要鎮名與郵政區碼就夠了
  • 提供包括縣名的輸入欄位,讓那些不知道郵遞區號的人仍能寫出有效的地址資料
  • 長度合適的地址欄位有助於人們理解地址格式。

3. 地址搜尋器

有時也被稱為「郵遞區號查詢器」。
「地址搜尋器」讓使用者輸入郵遞區號(以及可選的街道名稱或號碼),並從清單中挑出一個英國地址。

以下是這個設計模式的動態呈現Lasting Power of Attorney的服務。

一個地址查找的例子

優點:

  • 直接預設英國的地址,人們不必輸入多餘的資訊
  • 減少打錯英國地址的機會

缺點:

  • 需要更大的開發設計心力

指導

  • 必須說明清楚地址搜尋只適用於英國的地址
  • 應提供手動輸入的選擇。例如針對國際地址的輸入,或在英國皇家郵政 (Royal Mail) 資料庫中缺失或資料不全地址。


譯注:
#1 英國郵遞區域編號 (postcode) 由英文字母及數字混用組成,比起國內的 3+2 碼格式,英國的格式規則複雜很多。
其郵區編號可以是下列六種格式之一
AN NAA
ANN NAA
AAN NAA
AANN NAA
ANA NAA
AANA NAA
格式中 A 表示英文字母 (A-Z),N 則是數字 (0-9)。
最少五個字加一空白,最多七個字加一空白。
(資料來源: http://tw.youbianku.com/UK)

翻譯:陳韻婷
校稿:Richard, Amy Hsu, James Chu
原始出處:https://www.gov.uk/service-manual/user-centred-design/resources/patterns/addresses

請留言

你的email信箱不會被發布出來. Required fields are marked *

*

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料