同樣的「Connect Wallet」按鈕,轉化率可以差 3 倍,原因就在 UX 細節。
#WalletConnect 1. 二維碼尺寸
WalletConnect 官方 URI 長度 120~180 字符,用 QR 碼 400×400 px 即可保證 99.9% 手機 3 秒識別;如果小於 240 px,識別率掉到 87%,用戶就會瘋狂點擊刷新。
2. 暗黑適配
官方 SDK 返回的是透明 SVG,深色模式下務必加白底 8 px 圓角,否則二維碼會與背景融爲一體。
3. 過期倒計時
URI 默認 5 分鐘失效,前端要實時倒計時,並在 30 秒內給「複製鏈接」備用按鈕;測試數據顯示,倒計時 + 複製按鈕可把跳出率從 42% 降到 18%。