DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 交互設計實例:基本的注冊功能如何設計
交互設計實例:基本的注冊功能如何設計
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:其實注冊作為一個網站基本功能再普通不過,但提供不同產品服務的網站對於注冊的要求不盡相同,也不是每個網站都有一個體驗良好的注冊流程。本座在這裡簡單聊下在不考慮運營指標和商業目的的前提下,基本的注冊功能如何設計。

前幾天光耀童鞋噴了一篇《談網站注冊、登錄過程》,今天我們在與小爬童鞋梳理購買流程的時候也談到了這部分內容。其實注冊作為一個網站基本功能再普通不過,但提供不同產品服務的網站對於注冊的要求不盡相同,也不是每個網站都有一個體驗良好的注冊流程。本座在這裡簡單聊下在不考慮運營指標和商業目的的前提下,基本的注冊功能如何設計。

注冊頁面的信息架構
注冊頁面的信息架構力求清晰簡潔,注冊表單作為信息主體,除了logo,幫助信息以及一些必要的返回鏈接,避免其他一切會干擾注冊的信息,全力保障用戶專心走完注冊流程。

注冊表單的設計
1.注冊不要有門檻。簡單的表單設計讓用戶易於進入,在之後的服務應用中再進一步挖掘用戶信息。
2.用戶名:最好將郵件地址作為登錄名,當然手機號碼更好,方便用戶記憶和找回密碼,也方便網站用來EDM。個別網站需要再次錄入用戶名,或許是為了防止用戶不小心錄入錯誤的用戶名並注冊而無法登錄。
3.密碼:密碼字段需要再次錄入,這個是慣例不做贅述了。
4.驗證碼:幾乎所有的網站都引入驗證碼機制防止惡意注冊。除了常見的圖片驗證碼,還有很多簡易問答驗證碼也不錯。(推薦個很強大的第三方驗證碼服務提供商http://recaptcha.net/)
5.以上是最基本的信息。如果有其他分類的字段,如個人資料,公司信息等,建議分步處理,這樣不會使得表單和頁面顯得過於冗長。當然需要標明注冊分幾步以及當前所處步驟。
6.如果網站的服務對象有所不同,可針對不同對象設計不同字段,合理的引導用戶選擇適合自己身份的表單進行注冊。最常見的就是有些B2B類的網站會區分買家注冊和賣家注冊。
7.能支持openID當然是最好的了。

注冊頁面的交互
1.字段控制提示。不同網站對字段的控制不同,盡可能在當前描述清楚這個字段所支持的情況。
2.及時驗證錄入字段信息的合法性。提示用戶填入的字段正確或錯誤,避免整個表單提交後再提示給用戶帶來的挫折感以及不必要的返回查找。
3.密碼的安全性驗證。這個對於企業服務,金融等高安全要求的網站尤為重要。密碼強度的驗證已是通用做法,而twitter注冊表單的密碼控制就更進一步,他將370個常用組合字母或詞匯禁用,使用這些作為密碼都會被提示為:“Too obvious”(感興趣的童鞋可以翻牆訪問http://twitter.com/signup查看源代碼)
4.驗證碼的圖片或者問題在驗證碼字段輸入框被鼠標觸發後再顯示,避免之前錄入信息消耗了太多時間而引起的驗證碼過期。
5.所有必填項均符合要求後,“提交”按鈕方可點擊,否則為置灰不可選。

當然以上所述都只是最基本,如果考慮運營和商業意圖就會復雜一些。即使復雜也需要與良好的用戶體驗有一個完美的平衡,否則注冊功能會是網站轉化率的G.F.W……

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved