好文: 網站的註冊表單該如何設計

網站的表單(Form)第一個會遇到的, 通常就是註冊的 Form, 這篇文章的作者分析了 105個網站的註冊頁面, 做了歸納整理, 從需不需要使用者註冊, 到 Label 需不需要 ":" ... 等等的資訊都做了討論.

值得推薦的文章: To Sign-up or not to Sign-up -- that's the question (下述 摘錄自此文, 註: 有經過翻譯 + 部份修改整理), 作者: deadpoet

  • 問題數量
    • 用戶註冊是為了享用服務, 不是為了提交個人數據
    • 數量為6的網站最多, 基本上包括ID、Email、密碼、重復密碼、驗證碼和同意服務條款
    • 中文網站的註冊問題數量全部在5個以上, 最多的達到24個, 平均8.4, 問題數量為6個網站最多
    • 非中文網站最少2個註冊問題: Email地址, 密碼, 而最多也達到20個, 算術平均7.8, 問題數量為7個網站最多
  • 為什麼要註冊
    • 建議在註冊頁面要加上為何註冊, 或註冊有何好處等訊息.
  • Label對齊方式
  • 提交按鈕的對齊方式
  • 次級按鈕
  • 要冒号吗?
    • 對中文網站的統計來說似乎是: 要. 從非中文網站來看, 似乎是: 隨你便. 作者的想法: 無論你怎麼選擇, 保持一致性最重要.
  • 星號與必填/選填
    • 過半網站沒有任何提示, 默認全部問題必須回答, 這一點無論中文還是非中文網站基本一致
  • 星號的位置
    • Label和輸入域之間, 這個區域或許是這種提示出現的最好區域
  • 隱私訊息
  • 一半以上註冊都不涉及隱私信息
  • 動態幫助信息與錯誤驗證提示
  • 一些實例 (設計上看到的問題)
    • 請不要忘了 Label 與輸入區域的對齊 => Label 後面是 Input 欄位, 盡量不要偏離.
    • 為什麼認為我是女的? => 不要預設選項, 就空的都不要選取即可.
    • QICQ? => 誰能記得這是 QQ 的乳名... (此區域是要輸入 QICQ 的號碼, 而且是必填)

相關網頁

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料