引子

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

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

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

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

一、給用戶一個(gè)注冊(cè)/登陸的理由 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ù)的社會(huì)活動(dòng)都是基于利益驅(qū)動(dòng)的，所以，我們必須要清晰地告訴用戶，到底能獲得什么（獲得免費(fèi)的郵箱？還是擁有和朋友分享照片的平臺(tái)？）其次，還要告訴用戶，如何去做才能獲得預(yù)期的一切（How），即系統(tǒng)的功能邏輯要明確。

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

二、讓整個(gè)注冊(cè)/登錄流程玩轉(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ì)方式，讓用戶一次只做一件事，簡(jiǎn)約是一種美德。

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

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

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

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

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

下午茶不放糖

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

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

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

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

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