返回部落格
更新ux設計擴充緊湊設計發送交易國際化
Zelf 擴充 v2.0.57：用戶體驗大改版、緊湊設計和更流暢的發送流程
最新的 Zelf 擴充更新涉及 78 個檔案：緊湊設計代幣、重新設計的發送和接收流程、改進的帳戶管理、13 種語言支援和更好的深色模式。以下是變更內容。
Miguel Treviño•
重點摘要：
- 78 個檔案變更，覆蓋 Zelf 擴充：廣泛的用戶體驗和設計刷新，而非單一功能。
- 緊湊設計系統： 新的 CSS 自訂屬性
--zns-font-scale和--zns-space-scale讓 UI 可以縮放。60 多個元件 使用響應式尺寸；全螢幕模式更緊湊，彈出窗口保持舒適。所有內容都能在標準筆記型電腦螢幕上顯示，無需無盡捲動。 - 首頁和帳戶管理： 錢包操作從過大的 3x2 網格移至 緊湊的 3 欄分組佈局。操作分為 ZelfProof（下載、助記詞、Zelf 連結）和 應用程式（錢包、Zelf Keys、認證）。被截斷的標籤在滑鼠懸停時有 即時 CSS 提示。管理標籤 按鈕縮小至約 80% 以獲得更好的比例。
- 發送流程： 找到地址 預覽現在是緊湊的一行（頭像、名稱、截斷地址）。最近地址 不再重複「找到地址」卡片。點擊取消選擇 最近地址；再次點擊清除。從地址選擇到確認的路徑更順暢。
- 接收流程： 新的 了解更多 風險模態框，帶有代幣安全 輪播卡片（例如「不要將 ETH 發送到 Solana 地址」）。接收畫面之間的 滑動動畫。
- 安全和入門： 深色模式 修復，安全選項使用正確的主題顏色。密碼 vs PIN 檢測顯示正確的解鎖提示。臉部未置中 錯誤顯示友善訊息。Enter 鍵 在最後一位數觸發 PIN 驗證。
- 13 種語言： en, es, fr, ja, ko, zh, ar, pt-BR, hi, ur, th, ru, ph 的新增和更新字串——緊湊標籤、風險模態框、PIN 複製、錯誤訊息。
緊湊設計系統
我們引入了 設計代幣，讓擴充可以適應不同的上下文而無需複製佈局邏輯：
--zns-font-scale和--zns-space-scale控制排版和間距。在 全螢幕模式 中，我們使用緊湊值，讓完整的 UI 可以在典型筆記型電腦上顯示而無需捲動。在 彈出模式 中，我們保持舒適的尺寸以進行快速操作。- 60 多個元件 已遷移使用這些代幣。按鈕、卡片、輸入框和列表現在一致地縮放。結果：一套程式碼庫，兩種調優的體驗（彈出 vs 全螢幕）。
如果你在全螢幕模式中使用 Zelf 進行投資組合和發送流程，你應該會注意到更多內容在首屏之上，混亂更少。
首頁：帳戶和錢包操作
首頁是你在錢包、Zelf Keys、認證和 ZelfProof 操作之間選擇的地方。之前，操作位於一個佔用大量空間的大型 3x2 網格中。
新佈局：
- 3 欄分組佈局 取代 3x2。操作按用途分組。
- ZelfProof 組： 下載、助記詞、Zelf 連結——與你的身份和備份相關的一切。
- 應用程式組： 錢包、Zelf Keys、認證——你的日常工具。
- 過長的 標籤 被截斷，滑鼠懸停時有 即時 CSS 提示 讓你仍然能看到完整文字。
- 管理標籤 按鈕縮小到約 80% 大小，與其他操作有更好的視覺平衡。
你在更少的空間中獲得相同的操作，且分組更清晰。
發送交易：地址選擇和確認
發送代幣是最常用的流程之一。我們端對端地收緊了它：
- 找到地址預覽： 當你輸入名稱或貼上地址並且我們解析時，預覽現在是 緊湊的一行：頭像、名稱和截斷地址。不再有佔據螢幕的過大卡片。
- 最近地址 單獨列出且 不再重複 「找到地址」卡片。所以你不會看到同一個收件人兩次。
- 取消選擇行為： 點擊最近地址選擇它。再次點擊取消選擇。再點一次清除選擇，讓你輸入新的收件人。更清晰的心智模型。
- 流程： 從地址選擇經過金額到確認，過渡和佈局更流暢，讓你能更快完成發送。
接收：風險和教育
安全接收代幣意味著避免錯誤網路發送和詐騙代幣。我們添加了：
- 了解更多 入口，打開帶有 輪播 短提示的 風險模態框——例如「不要將 ETH 發送到 Solana 地址」，以及其他鏈特定的警告。
- 主接收畫面和模態框之間（以及輪播卡片之間）的 滑動動畫。流程感覺更精緻，鼓勵快速閱讀提示。
安全和入門優化
- 深色模式： 安全和解鎖選項現在尊重活動主題。深色模式中不再有不匹配的顏色。
- 密碼 vs PIN： 擴充偵測你的錢包是用 密碼 還是 PIN 解鎖的。解鎖畫面顯示 正確的提示（例如「輸入 PIN」vs「輸入密碼」），不會造成混淆。
- 臉部驗證： 如果你的臉不在畫面中央，錯誤訊息是 用戶友善的 而非技術性的。
- PIN 輸入： 在你的 PIN 的最後一位數，按 Enter 立即提交 PIN——不需要點擊單獨的按鈕。
小細節，但它們減少摩擦並支援正確使用。
13 種語言支援
我們擴展和更新了 國際化，讓新的 UI 完全本地化：
- 語言： 英文、西班牙文、法文、日文、韓文、中文、阿拉伯文、葡萄牙文（巴西）、印地文、烏爾都文、泰文、俄文、菲律賓文。
- 新增/更新的鍵 涵蓋：緊湊標籤、風險模態框文字、PIN 解鎖文案、臉部錯誤訊息，以及此版本引入的其他字串。
如果你使用非英文語系的 Zelf，你應該在新的緊湊佈局、發送流程和接收流程中看到一致的翻譯。
總結
v2.0.57 是一次 用戶體驗大改版：緊湊設計代幣、重新組織的首頁、更乾淨的發送流程與更智能的地址處理、帶有風險輪播的更安全接收流程，以及淺色和深色模式中的安全/入門修復。外加開箱即用支援 13 種語言。
從 Zelf 更新到最新版本，在彈出窗口和全螢幕中嘗試新佈局——一切應該感覺更緊湊、更清晰、更易用。