引子

故事發(fā)生在一個懶散的午后，筆者發(fā)現(xiàn)MSN在登錄界面出現(xiàn)的時候，不能修改默認(rèn)值——也就是說必須完整地輸入登錄郵箱，看似無可非議的設(shè)計(jì)——真的是無可非議嗎？

全部輸入太麻煩，還要按SHIFT+2（輸入@），為什么不能讓我選擇下拉呢？
明明默認(rèn)顯示郵箱是hotmail，我也是hotmail啊，為什么不能直接修改前綴呢？
……

讓我們對比下一個比較給力的正面案例——新浪微博。當(dāng)用戶輸入第一個字母的時候，系統(tǒng)已經(jīng)將可能的郵箱直接推薦過來，非常方便。即能減少用戶的操作成本，又可以大大降低因錯誤輸入導(dǎo)致的無效反饋，對系統(tǒng)的底層后臺無疑也是件幸事。

宏觀來看，登錄&注冊系統(tǒng)是WEB產(chǎn)品對于用戶的第一印象，滿意度的高低直接決定了產(chǎn)品的競爭力，尤其是在功能邏輯愈發(fā)同質(zhì)化的市場環(huán)境中。那么，如何才能設(shè)計(jì)一款出色的注冊/登錄系統(tǒng)呢？

一、給用戶一個注冊/登陸的理由 Give the user good reasons to join

Psychological and economic theories suggest that humans seek to minimize cost and maximize gains.Increasing the perceived benefit/cost ratio increases a person's motivation to engage in the behavior. – B.J.Fogg

首先，在設(shè)計(jì)系統(tǒng)之初，必須要明確產(chǎn)品本身的價(jià)值點(diǎn)（What）。人類大多數(shù)的社會活動都是基于利益驅(qū)動的，所以，我們必須要清晰地告訴用戶，到底能獲得什么（獲得免費(fèi)的郵箱？還是擁有和朋友分享照片的平臺？）其次，還要告訴用戶，如何去做才能獲得預(yù)期的一切（How），即系統(tǒng)的功能邏輯要明確。

產(chǎn)品能夠提供給用戶的服務(wù)必須直觀展示，“賣點(diǎn)”鮮明

二、讓整個注冊/登錄流程玩轉(zhuǎn)起來更輕松 Make the sign－up process feel effortless

落實(shí)到具體設(shè)計(jì)上，可歸納為以下幾點(diǎn)：

1、明晰的流程提示（如進(jìn)度條等），強(qiáng)化引導(dǎo)文案，能讓用戶知道正在進(jìn)行的操作流，心中有數(shù)。此外，推薦“三步走”流程設(shè)計(jì)方式，讓用戶一次只做一件事，簡約是一種美德。

2、提示文案要輕松、易懂、準(zhǔn)確，不要出現(xiàn)太過強(qiáng)烈的祈使句，如“必須……”、“決不能……”，多采用鼓勵性質(zhì)的文案，引導(dǎo)用戶順利完成注冊/登錄流程。

3、保留原始數(shù)據(jù)，這點(diǎn)在之前的文章《WEB設(shè)計(jì)中的“幫助用戶從錯誤中恢復(fù)”》也提過，細(xì)節(jié)決定用戶體驗(yàn)的成敗。

4、如果登錄/注冊系統(tǒng)本身出現(xiàn)在首頁，那么需要通過一些小技巧來制造合理的視覺中心，強(qiáng)化系統(tǒng)在信息架構(gòu)中的比重，賺點(diǎn)擊，提高使用轉(zhuǎn)化率。

5、表單設(shè)計(jì)方面應(yīng)當(dāng)簡潔清爽（尤其是在設(shè)計(jì)高級注冊信息表單的時候），一屏范圍內(nèi)保持3-6個控件即可，即：Don't ask any question that make users think （丫的別問哪些沒有意義的問題。）

6、別忘了注冊成功頁面的歡迎反饋，這是很容易被忽視的一點(diǎn)，精致的產(chǎn)品能通過親切的歡迎信息（Welcome）極大地提升用戶體驗(yàn)。

下午茶不放糖

除了以上幾點(diǎn)，還有兩點(diǎn)值得分享，望拋磚引玉。

1、關(guān)于驗(yàn)證碼

可能是為了防止用戶惡意注冊（批量級別），國內(nèi)大多數(shù)產(chǎn)品均采用了“驗(yàn)證碼”機(jī)制，這種方式最惱人的一點(diǎn)就是驗(yàn)證信息的識別性無法保證，扭曲的變形字體無疑給絕大多數(shù)用戶帶來極大的識別成本(有視覺障礙的用戶)和操作成本（刷新），遺憾的是目前仍沒有比較好的方法來解決這種問題（例如QQ那種單IP限制注冊次數(shù)的方式只是用一個問題去解決另一個問題）。

2、新型注冊系統(tǒng)設(shè)計(jì)

這種設(shè)計(jì)是把注冊表單直接集成到首頁上，而非傳統(tǒng)的新頁面跳轉(zhuǎn)，節(jié)省了用戶的操作成本，功能邏輯也更為清晰（如最近很火的Pip.io）。這是否是未來一段時間內(nèi)的注冊系統(tǒng)設(shè)計(jì)趨勢，還有待觀察，至少現(xiàn)在看來很值得借鑒。