3種不友好的注冊登錄設計

28 評論 44639 瀏覽 535 收藏 8 分鐘

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

1,權重相同的倆個注冊登錄按鈕放到一起

524264-42f98c8c82e98573

試想一下這樣的場景:用戶從上一個界面點擊登錄到達這個界面,如果用戶第一次使用這個產品,他就知道自己需要先注冊,于是他先在第一個文本輸入框填了用戶名,接著在下一個密碼框填了密碼,于是點擊注冊按鈕期待注冊成功,可是令用戶沒有想到的是,點擊注冊會將他帶到下一個注冊頁面,他所填的信息全部丟失。因為事實上在這個頁面只能登錄,而注冊按鈕與上面的倆個文本框沒有任何關系。

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

類似的設計樣式在初創(chuàng)產品中經常遇到,我想這個一定會極大的影響產品的注冊率吧。

2,保存用戶在輸入框的輸入數據

a)不知道大家在注冊國內的一些論壇時有沒有想要砸電腦的沖動,好不容易填完了長長的表單結果某個輸入框不合規(guī)范需要重填,于是所有的表單數據都變?yōu)榭眨僦匦聛磉^。如此重復數十次想死的心都有了。因此當用戶把注冊表單的某個輸入框填錯時不要把所有的數據都置為空。

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

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

524264-9cc35d4c8ae12f73

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

3,關于第三方登錄

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

524264-66cd35c3aaf8700b

想在該網站進行一個操作讓我登錄,看到下面有第三方登錄甚喜,于是點擊扣扣登錄到達第二個界面,我想此時點擊綠色的登錄按鈕就應該登錄成功了,誰知又到達第三個界面問我關聯新賬號還是已有賬號,用第三方登錄當然沒有已有賬號啊,于是點擊了關聯新賬號,看到接下來的第四個界面讓我差點用錘子把我的錘子手機給砸了……

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

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

總結:

上面是自己在使用產品中覺得注冊登錄模塊一些不友好的設計模式,并且在國內應用大肆流傳,希望負責產品的產品經理和設計師們在設計時能注意到那些問題。推薦閱讀:《6個輸入框,47個設計點》,講的是作者對一個注冊流程的思考:

http://theventurebank.com/pmd/182496.html

#專欄作家#

法海,微信公眾號:uxd_design。人人都是產品經理專欄作家。熱愛交互設計,熱愛用戶體驗。

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

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

    來自浙江 回復
  2. 第三種真的很讓人抓狂,我每次都有砸手機的沖動,很煩躁

    來自廣東 回復
  3. 第三種用社交帳號登錄 再手機驗證我可能真的做不到不這樣 因為不是純粹的社交app涉及支付的怎么解決

    來自河南 回復
  4. 第三條的都是注冊也必須是手機號注冊的,,用戶下意識不希望用手機號注冊而選擇第三方登錄,遇到這樣的偽第三方登錄,真的會很生氣而放棄注冊的。

    來自菲律賓 回復
  5. 學習了

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

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

    來自福建 回復
  8. 曾經犯錯過。??

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

    來自江蘇 回復
    1. 原因1:避免黃牛,這個最重要,避免1個用戶多個賬戶,因為我們是積分制,等級越高優(yōu)惠還是很多的。
      原因2:有了手機號碼,利于會員部門信息維護,已經各種運營需求,你們懂得
      原因3:要的就是逼格,并不在乎用戶流失–這個不代表我的觀點

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

    來自上海 回復
  11. 第三種 第三種 第三種

    來自北京 回復
  12. 都碰過,但是最最討厭第三種,所以現在基本不會用第三方登錄,寧愿重新申請

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

    來自浙江 回復
    1. 非常痛恨第三種

      來自北京 回復
  14. :mrgreen: :mrgreen: :mrgreen:

    來自北京 回復
  15. 感覺有的網站出現第三種情況,似乎是吃準了用戶就算再憋悶也還是會為了成為用戶而去搞個賬號的。
    另外給本站提個建議,我為了回復需要登錄,登錄之后能不能跳回登錄前頁面啊

    來自北京 回復
    1. 你這個想法我也早就想說了,握手!

      來自安徽 回復
    2. 我剛剛就是這個被郁悶了一下

      來自北京 回復
    3. +1

      來自北京 回復
    4. 這個需求,平臺的產品經理都知道的

      回復
  16. 最后那種是最無語的!??!媽的

    來自四川 回復
  17. 我差點用蘋果把我的蘋果手機給砸了……

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

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

    來自北京 回復
  20. 常遇到這樣的情況,難道他們不試用一下自己設計的產品么?

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

    來自湖北 回復
  22. 寫的挺好

    來自北京 回復