
同樣的「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%。
4. 錯誤提示
用戶拒絕簽名時,DApp 必須給出「您已拒絕,請重新掃碼」浮層,而非靜默寫控制檯。拒絕率高於 15% 的產品,80% 是因爲用戶不知道自己點錯了。
5. 連接成功動畫
綠燈圖標出現後,0.8 秒內自動收起彈窗並刷新頁面餘額;超過 1 秒用戶就會手動下拉刷新,造成重複連接。
6. 多語言
WalletConnect 的 URI 是英文域名,但彈窗文案必須本地化。日語用戶看到「接続」比「Connect」轉化率提升 12%;阿拉伯語用戶需要鏡像佈局,否則會把二維碼當成「往左滑」。