同樣的「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%;阿拉伯語用戶需要鏡像佈局,否則會把二維碼當成「往左滑」。  

#walletconnect $WCT @WalletConnect