3種不友好的注冊(cè)登錄設(shè)計(jì)

28 評(píng)論 44653 瀏覽 535 收藏 8 分鐘

幾乎每個(gè)產(chǎn)品都有注冊(cè)登錄的模塊,然而即使是這么普遍的一個(gè)設(shè)計(jì)模塊,也是需要精雕細(xì)琢的,設(shè)計(jì)師需要根據(jù)不同的產(chǎn)品情境來設(shè)計(jì)不同的流程。比如有些產(chǎn)品不想投入過多的資源來維護(hù)賬號(hào),因此著重強(qiáng)調(diào)第三方登錄甚至只提供第三方登錄,比如medium早期只允許通過twitter登錄,國(guó)外幾乎人人都有twitter賬號(hào),因此這樣不用自己維護(hù)賬號(hào)系統(tǒng),用戶也可以很方便的使用產(chǎn)品。國(guó)內(nèi)有很多的產(chǎn)品特別是創(chuàng)業(yè)公司的產(chǎn)品注冊(cè)登錄流程體驗(yàn)非常不好,這樣無疑會(huì)影響產(chǎn)品的注冊(cè)率。這篇文章我想討論一下國(guó)內(nèi)的應(yīng)用關(guān)于登錄注冊(cè)3種不友好的設(shè)計(jì)方式,在創(chuàng)業(yè)期的公司產(chǎn)品中非常普遍:

1,權(quán)重相同的倆個(gè)注冊(cè)登錄按鈕放到一起

524264-42f98c8c82e98573

試想一下這樣的場(chǎng)景:用戶從上一個(gè)界面點(diǎn)擊登錄到達(dá)這個(gè)界面,如果用戶第一次使用這個(gè)產(chǎn)品,他就知道自己需要先注冊(cè),于是他先在第一個(gè)文本輸入框填了用戶名,接著在下一個(gè)密碼框填了密碼,于是點(diǎn)擊注冊(cè)按鈕期待注冊(cè)成功,可是令用戶沒有想到的是,點(diǎn)擊注冊(cè)會(huì)將他帶到下一個(gè)注冊(cè)頁(yè)面,他所填的信息全部丟失。因?yàn)槭聦?shí)上在這個(gè)頁(yè)面只能登錄,而注冊(cè)按鈕與上面的倆個(gè)文本框沒有任何關(guān)系

問題是用戶怎么知道這個(gè)界面只能登錄呢?注冊(cè)與登錄倆個(gè)按鈕一樣大都并排放在倆個(gè)文本框的下面為什么只有登錄按鈕才響應(yīng)用戶輸入的數(shù)據(jù)呢?用戶認(rèn)為輸入完用戶名和密碼點(diǎn)擊注冊(cè)就能注冊(cè)難道有錯(cuò)嗎?也許有的設(shè)計(jì)師會(huì)說標(biāo)題欄不是寫的很清楚這個(gè)界面是登錄界面嗎,可是既然是登錄界面為什么把注冊(cè)的按鈕做成那么大和登錄放在一起,更何況用戶從來不看標(biāo)題欄。

類似的設(shè)計(jì)樣式在初創(chuàng)產(chǎn)品中經(jīng)常遇到,我想這個(gè)一定會(huì)極大的影響產(chǎn)品的注冊(cè)率吧。

2,保存用戶在輸入框的輸入數(shù)據(jù)

a)不知道大家在注冊(cè)國(guó)內(nèi)的一些論壇時(shí)有沒有想要砸電腦的沖動(dòng),好不容易填完了長(zhǎng)長(zhǎng)的表單結(jié)果某個(gè)輸入框不合規(guī)范需要重填,于是所有的表單數(shù)據(jù)都變?yōu)榭?,再重新來過。如此重復(fù)數(shù)十次想死的心都有了。因此當(dāng)用戶把注冊(cè)表單的某個(gè)輸入框填錯(cuò)時(shí)不要把所有的數(shù)據(jù)都置為空。

b)現(xiàn)在網(wǎng)站太多了,app太多了,用戶的賬號(hào)太多了,密碼太多了,用戶到達(dá)一個(gè)網(wǎng)站可能會(huì)想自己之前好像注冊(cè)過這個(gè)網(wǎng)站,于是在登錄界面輸入用戶名和密碼點(diǎn)擊登錄但提示沒有此賬號(hào),用戶便可能會(huì)點(diǎn)擊注冊(cè)準(zhǔn)備去注冊(cè),此時(shí)如果在注冊(cè)表單自動(dòng)填好用戶剛剛輸入的用戶名(和密碼)用戶一定會(huì)感激你的。(登錄可能會(huì)通過郵箱,手機(jī)號(hào),第三方登錄,手機(jī)號(hào)也可能有多個(gè)手機(jī)號(hào),郵箱也會(huì)有多個(gè)郵箱,這種用戶確實(shí)注冊(cè)過但忘記了具體哪個(gè)賬號(hào)注冊(cè)的情況經(jīng)常存在)

c)記住用戶是一種特別懶惰的生物,大段的小段的文字都不會(huì)看,標(biāo)題欄不會(huì)看,甚至按鈕上的文字都不會(huì)認(rèn)真看,用戶經(jīng)常把注冊(cè)界面當(dāng)成登錄于是輸入完賬戶名和密碼準(zhǔn)備登錄才發(fā)現(xiàn)自己填的是注冊(cè)表單。此時(shí)用戶會(huì)再去登錄表單,這時(shí)系統(tǒng)就應(yīng)該把用戶剛剛在注冊(cè)表單填寫的用戶名和密碼自動(dòng)在登錄界面填寫好。

524264-9cc35d4c8ae12f73

在電腦上安裝好大象筆記第一次打開的是這個(gè)界面,于是會(huì)有部分已注冊(cè)的用戶見到倆個(gè)輸入框就填寫用戶名和密碼準(zhǔn)備登錄,會(huì)認(rèn)為這就是登錄界面(這個(gè)在心理學(xué)上可以這樣解釋:我們想要什么,大腦就盡力把我們實(shí)際看到的解釋成我們想要的不惜欺騙,當(dāng)然你可以用理智壓倒大腦),注意此時(shí)“注冊(cè)”也是灰色的看不清楚,等填寫完才發(fā)現(xiàn)這是注冊(cè)界面。于是又得切換到登錄界面登錄,好在畢竟是曾經(jīng)的獨(dú)角獸企業(yè),當(dāng)你切換到登錄界面時(shí)默認(rèn)已經(jīng)填好了你剛剛輸入的用戶名和密碼。

3,關(guān)于第三方登錄

第三方登錄誕生之初我想是為了方便用戶登錄的,可是畢竟中國(guó)什么都有特色,有不少應(yīng)用采用下面的流程(流程從左到右一一進(jìn)行):

524264-66cd35c3aaf8700b

想在該網(wǎng)站進(jìn)行一個(gè)操作讓我登錄,看到下面有第三方登錄甚喜,于是點(diǎn)擊扣扣登錄到達(dá)第二個(gè)界面,我想此時(shí)點(diǎn)擊綠色的登錄按鈕就應(yīng)該登錄成功了,誰知又到達(dá)第三個(gè)界面問我關(guān)聯(lián)新賬號(hào)還是已有賬號(hào),用第三方登錄當(dāng)然沒有已有賬號(hào)啊,于是點(diǎn)擊了關(guān)聯(lián)新賬號(hào),看到接下來的第四個(gè)界面讓我差點(diǎn)用錘子把我的錘子手機(jī)給砸了……

既然自始至終都要用戶的手機(jī)號(hào)注冊(cè)為什么還提供第三方登錄??!產(chǎn)品經(jīng)理為了自己的小心思置用戶的智商于不顧這樣真的好嗎?要是讓用戶提供一些第三方賬號(hào)給不了的數(shù)據(jù)還可以理解,但是這樣還真不能理解。

其實(shí)采用這種手段的產(chǎn)品真的挺多的,不知道他們是覺得自己聰明還是覺得用戶真的傻瓜!

總結(jié):

上面是自己在使用產(chǎn)品中覺得注冊(cè)登錄模塊一些不友好的設(shè)計(jì)模式,并且在國(guó)內(nèi)應(yīng)用大肆流傳,希望負(fù)責(zé)產(chǎn)品的產(chǎn)品經(jīng)理和設(shè)計(jì)師們?cè)谠O(shè)計(jì)時(shí)能注意到那些問題。推薦閱讀:《6個(gè)輸入框,47個(gè)設(shè)計(jì)點(diǎn)》,講的是作者對(duì)一個(gè)注冊(cè)流程的思考:

http://22none.com/pmd/182496.html

#專欄作家#

法海,微信公眾號(hào):uxd_design。人人都是產(chǎn)品經(jīng)理專欄作家。熱愛交互設(shè)計(jì),熱愛用戶體驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 那如果換一下順序是不是體驗(yàn)就更好呢,就是開始用戶只能用手機(jī)注冊(cè),完成以后,彈出選擇需要綁定的第三方的彈窗,該彈窗給一條提示:綁定以后下次可以直接用(比如)微信登錄哦,這樣如何呢

    來自浙江 回復(fù)
  2. 第三種真的很讓人抓狂,我每次都有砸手機(jī)的沖動(dòng),很煩躁

    來自廣東 回復(fù)
  3. 第三種用社交帳號(hào)登錄 再手機(jī)驗(yàn)證我可能真的做不到不這樣 因?yàn)椴皇羌兇獾纳缃籥pp涉及支付的怎么解決

    來自河南 回復(fù)
  4. 第三條的都是注冊(cè)也必須是手機(jī)號(hào)注冊(cè)的,,用戶下意識(shí)不希望用手機(jī)號(hào)注冊(cè)而選擇第三方登錄,遇到這樣的偽第三方登錄,真的會(huì)很生氣而放棄注冊(cè)的。

    來自菲律賓 回復(fù)
  5. 學(xué)習(xí)了

    回復(fù)
  6. 第三條做過,系統(tǒng)要求必須要有手機(jī)號(hào)碼,也存在第三方登錄和手機(jī)號(hào)已注冊(cè)賬號(hào)統(tǒng)一的問題,我的做法是根據(jù)手機(jī)號(hào)直接匹配已注冊(cè)的用戶,存在則更新用戶,不存在新增用戶。

    來自廣東 回復(fù)
  7. 如果一定要綁定手機(jī)號(hào)碼的話,第三種有沒有更優(yōu)的解決辦法。

    來自福建 回復(fù)
  8. 曾經(jīng)犯錯(cuò)過。??

    回復(fù)
  9. 第三種正在做,不要罵我,業(yè)務(wù)的需求,已跟總監(jiān)撕過N次落敗。

    來自江蘇 回復(fù)
    1. 原因1:避免黃牛,這個(gè)最重要,避免1個(gè)用戶多個(gè)賬戶,因?yàn)槲覀兪欠e分制,等級(jí)越高優(yōu)惠還是很多的。
      原因2:有了手機(jī)號(hào)碼,利于會(huì)員部門信息維護(hù),已經(jīng)各種運(yùn)營(yíng)需求,你們懂得
      原因3:要的就是逼格,并不在乎用戶流失–這個(gè)不代表我的觀點(diǎn)

      來自江蘇 回復(fù)
  10. 為什么需要選擇『關(guān)聯(lián)新賬號(hào)』還是『已有賬號(hào)』?
    因?yàn)槭褂玫谌劫~號(hào)登陸需要同自有系統(tǒng)賬號(hào)做綁定關(guān)系,如果在自有體系中沒有賬號(hào)則會(huì)自動(dòng)創(chuàng)建一個(gè)
    所以如果你本身有賬號(hào)但為了不想每次輸密碼所以使用第三方賬號(hào)登陸的情況下 如果不選擇同『已有賬號(hào)』綁定那登陸后的歷史信息(訂單、地址、發(fā)表的內(nèi)容)就都不存在了 這難道是一種更優(yōu)秀的體驗(yàn)嗎?
    為什么在『關(guān)聯(lián)新賬號(hào)』時(shí)還需要用戶再填一次注冊(cè)信息?
    部分的業(yè)務(wù)場(chǎng)景需要的用戶信息第三方賬號(hào)并不能完全提供,主要是手機(jī)號(hào),所以需要用戶登錄時(shí)必須綁定/輸入
    當(dāng)然這個(gè)流程也可以嵌入在業(yè)務(wù)流程中,哪種方式更好就要視具體的場(chǎng)景而定了

    來自上海 回復(fù)
  11. 第三種 第三種 第三種

    來自北京 回復(fù)
  12. 都碰過,但是最最討厭第三種,所以現(xiàn)在基本不會(huì)用第三方登錄,寧愿重新申請(qǐng)

    來自廣東 回復(fù)
  13. 第三條碰到好幾次 真心無語

    來自浙江 回復(fù)
    1. 非常痛恨第三種

      來自北京 回復(fù)
  14. :mrgreen: :mrgreen: :mrgreen:

    來自北京 回復(fù)
  15. 感覺有的網(wǎng)站出現(xiàn)第三種情況,似乎是吃準(zhǔn)了用戶就算再憋悶也還是會(huì)為了成為用戶而去搞個(gè)賬號(hào)的。
    另外給本站提個(gè)建議,我為了回復(fù)需要登錄,登錄之后能不能跳回登錄前頁(yè)面啊

    來自北京 回復(fù)
    1. 你這個(gè)想法我也早就想說了,握手!

      來自安徽 回復(fù)
    2. 我剛剛就是這個(gè)被郁悶了一下

      來自北京 回復(fù)
    3. +1

      來自北京 回復(fù)
    4. 這個(gè)需求,平臺(tái)的產(chǎn)品經(jīng)理都知道的

      回復(fù)
  16. 最后那種是最無語的?。?!媽的

    來自四川 回復(fù)
  17. 我差點(diǎn)用蘋果把我的蘋果手機(jī)給砸了……

    來自北京 回復(fù)
  18. ?? 23333,第三種情況我做過。。沒辦法,上級(jí)有這種需求。

    來自廣東 回復(fù)
  19. 這幾種情況都特別氣人

    來自北京 回復(fù)
  20. 常遇到這樣的情況,難道他們不試用一下自己設(shè)計(jì)的產(chǎn)品么?

    來自北京 回復(fù)
  21. 第三條,我也遇到過,真的無語。。。。

    來自湖北 回復(fù)
  22. 寫的挺好

    來自北京 回復(fù)