地址 (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