DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 注冊表單設計的規則
注冊表單設計的規則
編輯:HTML和Xhtml     
《Patterns for Sign Up &Ramp Up》很早就讀完了,之所以今天才寫讀後感,細細讀完了發現,它更為接近吸引注冊、提升活躍度的社區構建引導,是一份社區活躍會員度研究的好資料。
既然答應寫讀後感,就從我的視角來說一點與注冊有關的東西,先把整篇資料的骨架分解一下,然後再結合其中觀點談目前的感受。
注冊其實是個有點枯燥的任務,《Patterns for Sign Up &Ramp Up》裡提到的觀點是:
Give the user good reasons to join
乍看起來有點營銷的味道,事物的本質不變,但人的情緒是可以扭轉的——讓用戶有充分的理由來注冊;
Make the sign-up process feel effortless
改變枯燥令人生厭的感覺,就是我們需要做的努力:讓表單或整個注冊過程變得輕松省力;
Don’t leave new users hanging
這個觀點在整篇資料裡的意義側重於提升活躍度的辦法——用戶不是完成了注冊就完成了使命,了解社區的新事物才是剛剛開始;
Accelerate initial connection-making
如果說活躍度從上一個觀點拉開序幕,那麼這裡就是如何使用戶在社區裡開始生活,建立聯系比如通過自己之前發布的信息來聯系好友,真的體驗海內存知己,天涯若比鄰的感覺。
整篇的骨架結構就是一個循序漸進的行為引導,為facebook的引入會員、維護社區活躍的初始引導,做了詳細的注解和指導,可做手冊查閱。讀後側重工作的總結,梳理幾條注冊表單的規則:
    當表單結構需要多步時,需要注意的是給出清晰的導航 使用進度標尺來告訴用戶當前的位置和整個步驟 強調幾個步驟中的邏輯聯系,比如標明:step1、step2、step3 用有意義的圖片或ICON甚至是標題來解釋各個步驟 使用簡單的語言或第二人稱描述行為動作 邏輯步驟最好限制在3步內 用戶在注冊行為中的提示
      提示信息(tips)盡量在需要幫助或有前後行為銜接的地方出現 對用戶的鼓勵應在進程中體現,如每完成一項輸入提示一個打勾的圖標 盡量避免出現彈出框的警示提醒 ICON的出錯提示避免用警告的表達,使用戶有挫敗感 簡單易識別的ICON來標記提示、成功、出錯的樣式 提交表單時如果有出錯,過長的表單最好將出錯提醒顯示在整表頭部,指引用戶改正
    關於文案 質量重於數量,一針見血地說出亮點,而非平鋪羅列 盡力避免有特殊含義的文案,如果有專屬名詞請一定要解釋清楚,避免用戶的困惑 盡力思考文案表面的亮點,什麼才最吸引用戶,有時“最新”的字樣不一定是用戶最感興趣的 在我們以往的項目中多項數據和實踐強調證明文案真的很重要 表單的布局 盡量使用對齊的字段、等長的輸入框以及一致的視覺樣式來減少視覺干擾 盡量控制在一屏內出現3-6個字段和輸入框(多用於多步驟的情況) 如果有選填和必填時標明差別 為不同概念的信息歸類,盡可能地分開選填和必填

這些表單設計的通用規則,美國Yahoo的LukeW同學對表單做的充分解釋也涵蓋了它們,都是最為常用的,總結一下給同學們參考,活躍度的引導還是有非常多能深挖的點。這裡按下不表,留作後續分解。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved