把切換視為一次導覽

語言切換的價值,在於客人轉換後仍能完成同一件事。閱讀中文商品頁的人,可能想查英文商品名稱給同事;填英文查詢表的人,可能需要中文說明。若按下語言選項便被送到另一語言的首頁,原有情境就消失。設計時先找出最相近的對應頁,再核對商品、價格和供應情況是否一致;若沒有對應頁,也須訂明處理方式。W3C 對翻譯頁面的指引建議提供各語言版本連結,讓訪客自行更正自動選擇;Google 的多語網站指引亦提醒,位置和自動推斷可能出錯,宜提供明確連結。這些來源支持清楚可控的路線,卻不能替某家店決定具體文字或頁面配對;店舖須先盤點現有的英文與繁體中文頁。

讓兩種語言的讀者都找得到

語言選項應放在訪客進入頁面後不久便能找到的位置,並在主要頁型維持相同位置。目的語言可直接寫成「English」和「繁體中文」,不要只用旗幟或沒有解釋的兩個字母。旗幟代表地點,不一定代表內容語言;香港讀者也可能選用英文或中文。只有兩個選項時,直接連結通常比需要再打開的選單容易辨認。如必須用選單,現用語言、可選語言與鍵盤操作都須清楚。不要把唯一切換途徑藏在頁尾,令看不懂目前語言的讀者更難尋找。W3C 指出,其他語言版本的連結應容易發現,並以目的語言書寫。應在手機、放大頁面及鍵盤操作下看實際畫面,不能只憑桌面設計稿判斷可見度。

配對內容,不只配對網址

應為重要旅程建立簡單配對表:英文商品甲連到中文商品甲,英文送貨政策連到中文送貨政策,表格每一步也有相應頁。用共同商品識別碼配對,比猜測翻譯後的網址尾段可靠。若內容並不等同,應明說。只寫摘要、漏掉退貨條件的中文頁,不宜當作完整英文政策的對應版本。若其中一種語言暫無該頁,應以目前語言給出短提示及有意識的後備路線,而非悄悄跳到首頁;可保留商品或分類情境時就盡量保留。商品、活動或政策更新後,也要重新核對配對。本文關注客人選語言後看到甚麼;搜尋系統辨識版本及頁內語言標記屬另一項技術工作。驗收時要問:新頁是否仍以所選語言回答同一個客戶問題?

客人的明確選擇應優先

瀏覽器的 Accept-Language 可協助決定首次顯示哪種語言,但它只是一個偏好訊號,未必代表正在閱讀的人。共用裝置可能沿用別人的設定;雙語讀者也可能看技術資料用英文、聯絡客服用中文。W3C 說明,自動語言協商須有可見的手動覆蓋方法,網站也可記住訪客的明確選擇。店舖應決定只在今次瀏覽期間記住,還是更長時間保留,並讓人隨時改回。客人已主動選英文,下一頁不應因 IP 位址顯示香港便自動轉回中文;反過來,長期記住的偏好也不能難以更改。可為團隊寫下優先次序:先看客人的明確選擇,再看已保存的偏好,其後才參考瀏覽器提示,最後使用清楚的預設語言。

表格與結帳進度要如實保留

在靜態文章切換語言較簡單;表格填到一半時則要更小心。應決定目前步驟能否換語言而保留已填資料、驗證訊息能否同步改變,以及敏感欄位是否因真正安全理由需要清空。若無法避免重置,須在切換前說清楚。介面重新載入,不代表草稿已正式提交。結帳時更要保留同一購物籃、送貨選擇、貨幣、稅項與計價邏輯。若另一語言頁其實是不同優惠,應當作另一項商業條件,先向買家說明差別。帳戶或付款流程若經外部服務商跳轉,也要測試返回後仍是客人所選語言,並顯示同一訂單狀態。語言按鈕只改變呈現方式,不可繞過驗證、登入或確認程序。

走一次雙語顧客旅程

假設一位香港買家收到英文商品連結。她先看規格,再轉到繁體中文,預期仍是同一型號、款式及供應狀態;加入購物車後查看送貨說明,返回結帳並填寫地址。她又短暫切回英文,讓同事看訂單摘要。商品、數量、已填地址及運費都不應因此改變。若送貨說明尚未翻譯,網站應指出限制,並提供返回原語言的合理路線。付款後,確認頁宜沿用客人最後選擇的語言;外部付款頁如使用另一語言,亦應清楚處理返回後的狀態。測試還須反方向進行,由中文頁開始,因單向連結錯誤很容易漏看。這是虛構的驗收情境,不是已觀察到的顧客行為,也不表示每個雙語網站都必須有完全一樣的頁面。

把內容對等納入發佈檢查

語言切換功能正常,內容仍可能因其中一版過時而誤導。重要頁面應逐項比較兩種語言實際影響客人決定的資料:商品身分、包含項目、價格基礎、送貨限制、退貨條件、聯絡方法及操作按鈕。只對照標題不足夠。政策改動時,編輯團隊應有明確規則:兩種語言都更新後才把切換連結指向新版;未完成前則清楚標示某版本暫不可用。不要在客人按掣當刻,把未經審核的機器翻譯當作正式條件。記下哪組頁面何時核對過,但未測試的翻譯不可稱為已驗證。Google 對語言專用網址及明確連結的建議有助搜尋發現,卻不能保證兩版商業意思相同;最後仍須由負責商品及兩種文案的人員檢查。

正常與例外路線一起測試

可做一張簡短測試矩陣,列出頁型、起始語言、目的語言和當時狀態。至少包括有對應頁的商品、沒有對應頁的內容、尚未儲存的表格、已選款式的購物籃,以及付款服務返回頁。應在全新瀏覽器和已有語言偏好的瀏覽器各試一次。檢查切換目標確實存在,並能順利切回,沒有重定向來回循環。再測試重新整理、上一頁、分享連結,以及用另一裝置開啟。若網站保存了偏好,也須驗證訪客可在何處更改或清除。無障礙檢查包括鍵盤焦點及可讀標籤;最重要的編輯檢查,則是目的頁是否仍回答原來問題。配對未修好前,不宜宣稱整個網站已有完整雙語體驗。

為每組雙語頁指定負責人

雙語頁配對表除了連結,還需要負責人。商品或政策的基本條件一改,就要有人同步檢查兩種語言,並預先決定其中一版來不及審核時怎樣處理。例如新送貨限制已在英文頁生效,中文結帳仍承諾舊服務,就算語言按鈕正常,也會使客人作錯決定。發佈清單可列出原始條件、兩種客戶可見說法及切換目的頁,再由真正理解條件和兩種語言的人核對。若兩版因某地區不提供服務而有意不同,應在優惠條款標示差別,不要假裝它們只是翻譯。導覽文字要在手機上容易辨認,但不可為了簡短而刪去影響意思的限制。刪除商品、更改活動或移動表格步驟後,亦要重查配對。目標是保留客人的決策情境,不是只讓兩條連結在技術上仍然可以點擊。

進行前先確認

  • 語言連結能否到達同一商品、政策或任務?
  • 客人明確選的語言會否保留,同時仍可輕易改回?
  • 價格、條件及已填資料有否保留;如不能保留,是否事先說明?

資料來源及延伸閱讀