建站常識(shí)
關(guān)于WEB登錄注冊(cè)系統(tǒng)的下午茶
2010-12-17 08:28:00
引子
故事發(fā)生在一個(gè)懶散的午后,筆者發(fā)現(xiàn)MSN在登錄界面出現(xiàn)的時(shí)候,不能修改默認(rèn)值——也就是說(shuō)必須完整地輸入登錄郵箱,看似無(wú)可非議的設(shè)計(jì)——真的是無(wú)可非議嗎?
全部輸入太麻煩,還要按SHIFT+2(輸入@),為什么不能讓我選擇下拉呢?
明明默認(rèn)顯示郵箱是hotmail,我也是hotmail啊,為什么不能直接修改前綴呢?
……
讓我們對(duì)比下一個(gè)比較給力的正面案例——新浪微博。當(dāng)用戶輸入第一個(gè)字母的時(shí)候,系統(tǒng)已經(jīng)將可能的郵箱直接推薦過(guò)來(lái),非常方便。即能減少用戶的操作成本,又可以大大降低因錯(cuò)誤輸入導(dǎo)致的無(wú)效反饋,對(duì)系統(tǒng)的底層后臺(tái)無(wú)疑也是件幸事。
宏觀來(lá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ù)必須直觀展示,“賣(mài)點(diǎn)”鮮明
二、讓整個(gè)注冊(cè)/登錄流程玩轉(zhuǎn)起來(lái)更輕松 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)約是一種美德。
#p#2、提示文案要輕松、易懂、準(zhǔn)確,不要出現(xiàn)太過(guò)強(qiáng)烈的祈使句,如“必須……”、“決不能……”,多采用鼓勵(lì)性質(zhì)的文案,引導(dǎo)用戶順利完成注冊(cè)/登錄流程。
3、保留原始數(shù)據(jù),這點(diǎn)在之前的文章《WEB設(shè)計(jì)中的“幫助用戶從錯(cuò)誤中恢復(fù)”》也提過(guò),細(xì)節(jié)決定用戶體驗(yàn)的成敗。
4、如果登錄/注冊(cè)系統(tǒng)本身出現(xiàn)在首頁(yè),那么需要通過(guò)一些小技巧來(lái)制造合理的視覺(jué)中心,強(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 (丫的別問(wèn)哪些沒(méi)有意義的問(wèn)題。)
6、別忘了注冊(cè)成功頁(yè)面的歡迎反饋,這是很容易被忽視的一點(diǎn),精致的產(chǎn)品能通過(guò)親切的歡迎信息(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í)別性無(wú)法保證,扭曲的變形字體無(wú)疑給絕大多數(shù)用戶帶來(lái)極大的識(shí)別成本(有視覺(jué)障礙的用戶)和操作成本(刷新),遺憾的是目前仍沒(méi)有比較好的方法來(lái)解決這種問(wèn)題(例如QQ那種單IP限制注冊(cè)次數(shù)的方式只是用一個(gè)問(wèn)題去解決另一個(gè)問(wèn)題)。
2、新型注冊(cè)系統(tǒng)設(shè)計(jì)
這種設(shè)計(jì)是把注冊(cè)表單直接集成到首頁(yè)上,而非傳統(tǒng)的新頁(yè)面跳轉(zhuǎn),節(jié)省了用戶的操作成本,功能邏輯也更為清晰(如最近很火的Pip.io)。這是否是未來(lái)一段時(shí)間內(nèi)的注冊(cè)系統(tǒng)設(shè)計(jì)趨勢(shì),還有待觀察,至少現(xiàn)在看來(lái)很值得借鑒。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2007-11-21 22:44:00] 交互設(shè)計(jì)的理論普及
- [2009-05-19 11:38:00] 淺談無(wú)結(jié)果頁(yè)面反饋提示交互設(shè)計(jì)
- [2006-04-04 16:21:00] 網(wǎng)站制作流程及界面交互設(shè)計(jì)研究探討
- [2009-10-29 18:26:00] 關(guān)于bing的交互設(shè)計(jì)
- [2009-05-04 08:19:00] 確認(rèn)頁(yè)的設(shè)計(jì)(confirmation alert)(一)
- [2007-05-14 11:53:00] “注冊(cè)”比“登錄”更醒目?
- [2008-01-05 18:04:00] 注冊(cè)登錄界面設(shè)計(jì)的八種錯(cuò)誤表現(xiàn)
- [2010-07-01 08:18:00] 短兵相接勇者勝—緊張項(xiàng)目管理策略
- [2009-07-31 22:54:00] 交互設(shè)計(jì)模式——分頁(yè)
- [2006-12-28 20:11:00] 怎樣設(shè)計(jì)人性化的登錄界面
- [2010-04-10 21:49:00] 創(chuàng)造設(shè)計(jì)中的優(yōu)雅與節(jié)奏
- [2010-11-01 16:39:00] 交互設(shè)計(jì)師五大關(guān)鍵素養(yǎng)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島高端網(wǎng)站設(shè)計(jì)公司哪家好 青島網(wǎng)站建設(shè) 建站常識(shí) 視覺(jué)靈感 力圖 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 網(wǎng)站動(dòng)畫(huà) 互聯(lián)網(wǎng) 網(wǎng)站建設(shè)的步驟有哪些 青島高端網(wǎng)站建設(shè)公司哪家好 青島輪胎網(wǎng)站設(shè)計(jì)公司 青島輪胎網(wǎng)站設(shè)計(jì) 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 良好的導(dǎo)航 H5定制設(shè)計(jì) 網(wǎng)站開(kāi)發(fā) 響應(yīng)式設(shè)計(jì) 海信網(wǎng)絡(luò)科技 搜索引擎蜘蛛 網(wǎng)站設(shè)計(jì) 青島網(wǎng)站建設(shè)公司哪家好 青島IT資訊 營(yíng)銷型網(wǎng)站 網(wǎng)站視覺(jué) 蘋(píng)果系統(tǒng) 網(wǎng)站制作 微官網(wǎng) 外貿(mào)網(wǎng)站建設(shè) 英文網(wǎng)站建設(shè) 青島網(wǎng)頁(yè)制作