多語系網站的設計與常見問題

不同語言的排版問題比想像中多

多語系網站最常見的視覺問題，是版型只為中文設計，換成其他語言就撐不住。

這在設計階段就要納入考量，事後補救的成本高得多。

字數長度的落差

同樣的意思，不同語言的長度差異很大：

• 中文最精簡——四個字可以講完的事，英文可能要十幾個字母
• 英文通常比中文長
• 德文、俄文的單字特別長，常常撐破按鈕
• 日文有漢字與假名混排，長度介於中英之間

會出問題的地方

• 選單——中文剛好排滿一列，英文就換行或超出
• 按鈕——文字撐破按鈕框
• 表格標題——欄位擠在一起
• 卡片式版面——各張卡片高度不一致，排列變得凌亂
• 圖片上的疊字——文字變長後蓋住主體

設計階段的做法

• 用最長的語言測試版面，而不是用中文
• 按鈕與選單保留伸縮空間，不要用固定寬度
• 卡片式版面設定統一高度或對齊方式
• 設計稿階段就把真實的外語文字套進去看

字型的處理

中文字型檔案大、英文字型檔案小，兩者的設計風格也不同。

• 不要用同一套字型硬撐所有語言——中文字型內建的英文字母通常不好看
• 各語言可以各自指定合適的字型
• 注意載入負擔——中文字型可能達數 MB，是效能的隱形殺手
• 確認字型支援該語言的所有字元——日文的假名、韓文、東南亞語系的特殊字元

字型與效能的關係見網站慢的常見原因。

格式的在地習慣

其中日期最容易出事——同一組數字在不同地區可能被讀成不同的日期，用在活動或交期上會造成實際糾紛。建議直接用月份名稱而非純數字。

語言切換介面

• 放在容易找到的位置——通常是頁首右上角
• 用該語言本身的寫法標示——例如用 English 而不是「英文」，讓看不懂中文的人也找得到
• 不要只用國旗代表語言——語言與國家不是一對一的關係，同一種語言可能有多個國家使用，用國旗容易造成誤解
• 切換後要停在對應的那一頁，不是回到首頁
• 手機版也要容易找到，不要藏在選單最深處

表單與互動的細節

• 欄位標籤與錯誤訊息要翻譯——常見的漏網之魚
• 驗證規則要放寬——外國的電話號碼位數、郵遞區號格式與台灣不同，寫死台灣格式會讓外國客戶無法送出
• 姓名欄位——不要強制分成姓與名，或至少不要限定順序
• 地址欄位——台灣的縣市鄉鎮結構不適用於其他國家
• 自動回覆信要有對應語言的版本

表單的設計原則見網站表單有哪些類型。

右至左書寫的語言

如果要做阿拉伯文或希伯來文版本，整個版面的方向要鏡像翻轉——選單、圖示、進度指示、甚至箭頭方向都要調整。

這不是換個語言就好，等於重做一套版面。 有這類需求時務必在規劃階段就提出，並反映在報價與時程中。

常被忽略的幾件事

• 時區——營業時間、活動時間要標明時區
• 客服能力——外語版本吸引來的詢問，公司有人能回覆嗎？這是最實際的問題
• 後續聯繫——報價單、合約、發票是否也需要外語版本
• 付款與配送——海外訂單的金流與物流是否已備妥

第二項最常被忽略。 做了英文網站卻沒有人能用英文回覆詢問，等於把客戶帶到門口卻沒有人開門。

上線前的檢查

1. 每個語言版本都用實機看過，包含手機
2. 選單、按鈕沒有破版或文字溢出
3. 語言切換能停在對應頁面
4. 表單能用當地格式的資料成功送出
5. 通知信與自動回覆是對應語言
6. 沒有殘留未翻譯的中文

最後一項建議請懂該語言的人整站看過一次——殘留的中文字，自己往往看不出來，因為看到中文並不覺得突兀。