ブログに戻る
updateuxdesignextensioncompact-designsend-transactioni18n
Zelf Extension v2.0.57：UX刷新、コンパクトデザイン、スムーズな送金フロー
最新のZelf Extension更新は78ファイルに及ぶ：コンパクトデザイントークン、再設計された送受信フロー、改善されたアカウント管理、13言語サポート、改良されたダークモード。変更点を解説。
Miguel Treviño•
要約：
- Zelf Extension全体で78ファイルが変更：単一の機能ではなく、広範なUXとデザインのリフレッシュ。
- コンパクトデザインシステム： 新しいCSSカスタムプロパティ
--zns-font-scaleと--zns-space-scaleでUIがスケール。60以上のコンポーネントがレスポンシブサイジングを使用；フルスクリーンモードはコンパクト、ポップアップは快適に。標準的なラップトップ画面で無限スクロールなしですべてが収まる。 - ホームとアカウント管理： ウォレットアクションが大型の3x2グリッドからコンパクトな3列グループレイアウトに移動。アクションはZelfProof（ダウンロード、ニーモニック、Zelfリンク）とアプリ（ウォレット、Zelf Keys、Auth）に分割。切り詰められたラベルにはホバーで即時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、Auth、ZelfProofのアクションを選択する場所です。以前はアクションが大きな3x2グリッドに配置され、多くのスペースを消費していました。
新レイアウト：
- 3x2の代わりに3列グループレイアウト。アクションは目的ごとにグループ化。
- ZelfProofグループ： ダウンロード、ニーモニック、Zelfリンク—アイデンティティとバックアップに関連するすべて。
- アプリグループ： ウォレット、Zelf Keys、Auth—日常のツール。
- 長すぎるラベルは切り詰められ、ホバーで即時CSSツールチップにより全文が表示。
- タグ管理ボタンは他のアクションとの視覚的バランスのために約**80%**サイズに縮小。
より少ないスペースで、より明確なグループ分けで同じアクションが得られます。
送金トランザクション：アドレス選択と確認
トークンの送金は最も使用されるフローの一つです。端から端まで改善しました：
- アドレス発見プレビュー： 名前を入力またはアドレスを貼り付けて解決されると、プレビューがコンパクトな行に：アバター、名前、切り詰められたアドレス。画面を食い尽くす大きなカードはもうありません。
- 最近のアドレスは別に一覧表示され、アドレス発見カードを重複しなくなりました。同じ受取人を二度見ることがなくなります。
- 選択解除動作： 最近のアドレスをクリックで選択。もう一度クリックで選択解除。もう一度クリックで選択をクリアし、新しい受取人を入力可能。より明確なメンタルモデル。
- フロー： アドレス選択から金額と確認まで、遷移とレイアウトがスムーズになり、送金をより速く完了可能。
受信：リスクと教育
トークンを安全に受信するには、間違ったネットワークへの送信やスキャムトークンを避ける必要があります。追加しました：
- トークンの安全性に関する短いヒントのカルーセル付きリスクモーダルを開く詳しく知るエントリーポイント—例：「ETHをSolanaアドレスに送らないでください」とその他のチェーン固有の警告。
- メインの受信画面とモーダル間（およびカルーセルカード間）のスライドアニメーション。フローがより洗練され、ヒントを簡単に読む気にさせます。
セキュリティとオンボーディングの改善
- ダークモード： セキュリティとアンロックオプションがアクティブなテーマを尊重するように。ダークモードでの色の不一致がなくなりました。
- パスワード vs PIN： 拡張機能がウォレットのアンロックがパスワードかPINかを検出。アンロック画面が正しいプロンプトを表示（例：「PINを入力」vs「パスワードを入力」）し混乱を解消。
- 顔認証： 顔がフレームの中心にない場合、エラーメッセージが技術的ではなくユーザーフレンドリーに。
- PIN入力： PINの最後の桁でEnterキーを押すと即座にPINが送信—別のボタンをタップする必要なし。
小さなタッチですが、摩擦を減らし正しい使用をサポートします。
13言語サポート
新しいUIが完全にローカライズされるようi18nを拡張・更新しました：
- 言語： 英語、スペイン語、フランス語、日本語、韓国語、中国語、アラビア語、ポルトガル語（ブラジル）、ヒンディー語、ウルドゥー語、タイ語、ロシア語、フィリピノ語。
- 新規/更新キー：コンパクトラベル、リスクモーダルテキスト、PINアンロックコピー、顔エラーメッセージ、その他このリリースで導入された文字列をカバー。
英語以外のロケールでZelfを使用している場合、新しいコンパクトレイアウト、送金フロー、受信フロー全体で一貫した翻訳が表示されるはずです。
まとめ
v2.0.57はUX刷新です：コンパクトデザイントークン、再編成されたホーム画面、スマートなアドレス処理を備えたクリーンな送金フロー、リスクカルーセル付きのより安全な受信フロー、ライトとダークモード両方でのセキュリティ/オンボーディング修正。さらに13言語を標準サポート。
Zelfから最新バージョンに更新し、ポップアップとフルスクリーンの両方で新しいレイアウトを試してみてください—すべてがより引き締まり、明確に、使いやすく感じるはずです。