關(guān)于登陸注冊(cè)設(shè)計(jì),你需要注意這7個(gè)要點(diǎn)

15 評(píng)論 11450 瀏覽 148 收藏 16 分鐘

登錄注冊(cè)這件事說(shuō)大也不算大,說(shuō)小也能研究出諸多道理。這個(gè)流程的設(shè)計(jì),也能側(cè)面反應(yīng)出整體產(chǎn)品的認(rèn)真程度。本文從登錄注冊(cè)的流程方式、交互體驗(yàn)、設(shè)計(jì)細(xì)節(jié)等方面,分析登錄注冊(cè)這個(gè)流程的設(shè)計(jì)要點(diǎn)。

一、從最簡(jiǎn)單的部分開(kāi)始

最基本的板塊包括“登錄”、“注冊(cè)”、“密碼找回”這三大功能。其中每一項(xiàng)也包含有多種不同的方法,將我見(jiàn)過(guò)的所有的類型總結(jié)如下:

那么,我的產(chǎn)品要包含哪幾種呢?是不是所有的登錄注冊(cè)方式都要包含,以給用戶最多的選擇?為什么還見(jiàn)到有的產(chǎn)品包含有“郵箱登錄”這種上古時(shí)代的登錄方式?為什么有時(shí)第三方登錄以后卻還要綁定手機(jī)號(hào)?

這些問(wèn)題都沒(méi)有確定的答案,需要根據(jù)產(chǎn)品的各種需求確定:

  • 可能自家產(chǎn)品在pc時(shí)代就出現(xiàn)了,因此很多用戶只有或習(xí)慣用郵箱登錄的賬號(hào),因此為了照顧老用戶提供了郵箱登錄;
  • 可能產(chǎn)品中正好要體現(xiàn)性別、地區(qū)等信息,微信登錄即快捷又能自動(dòng)獲取信息自是大好,要特別突出;
  • 可能產(chǎn)品排斥用戶擁有太多賬號(hào),因此在第三方后邊加了手機(jī)號(hào)綁定,把多個(gè)第三方賬號(hào)結(jié)合在一起。

選用什么方式,設(shè)置什么流程,都是根據(jù)產(chǎn)品的特征和以后的需求確定的,需要仔細(xì)權(quán)衡,做出適合自己的選擇。

下面就從多個(gè)角度,分析這個(gè)過(guò)程中經(jīng)常見(jiàn)到的問(wèn)題,以及可能的優(yōu)化方案。

二、什么時(shí)候登陸?登陸完以后做什么?

那么第一個(gè)問(wèn)題就是,在什么時(shí)刻提示用戶擺脫游客身份去登錄?

概括的來(lái)說(shuō),一些對(duì)用戶ID沒(méi)有要求的內(nèi)容性的功能(例如瀏覽文章、商品等)是游客身份;一些需要定位到某一個(gè)用戶ID才能進(jìn)行的功能(例如收藏、關(guān)注、評(píng)論、發(fā)布內(nèi)容等)需要用戶登錄。

除此以外,運(yùn)營(yíng)需求也對(duì)此有要求。例如游客只開(kāi)放基礎(chǔ)功能,更核心的付費(fèi)功能需要注冊(cè);參與產(chǎn)品活動(dòng)之后領(lǐng)取活動(dòng)獎(jiǎng)勵(lì)到賬號(hào)時(shí),必須注冊(cè)賬號(hào)領(lǐng)取等等。

最后就是細(xì)節(jié)的“時(shí)機(jī)”了——登錄轉(zhuǎn)化應(yīng)該放在一系列連續(xù)過(guò)程的最后/最關(guān)鍵一步,例如用戶瀏覽了很久商品,添加了購(gòu)物車,生成了訂單,在最后準(zhǔn)備付款的時(shí)候,讓用戶去登錄,這里就是最佳時(shí)機(jī)。

利用“沉沒(méi)成本”效應(yīng),用戶前邊付出了那么多步驟,眼看就要成功了,這時(shí)的轉(zhuǎn)化率是最高的。

第二個(gè)問(wèn)題,在游客去登錄的過(guò)程中需要注意什么?

這個(gè)過(guò)程步步都是轉(zhuǎn)化的關(guān)鍵點(diǎn),流程盡量精簡(jiǎn),盡量偏重用戶體驗(yàn)。

提供隨時(shí)退出的按鈕。在登錄注冊(cè)板塊中,也有流程性比較強(qiáng),分很多頁(yè)的地方(例如密碼找回),這時(shí)要給用戶一鍵跳出此流程的選擇。

因?yàn)橛锌赡苡脩羰屈c(diǎn)擊比較無(wú)關(guān)緊要的功能進(jìn)入了登錄流程,用戶陷入了麻煩不想登錄,就放過(guò)他吧,一層層跳出挺麻煩的。

上面的一條也不是絕對(duì)的,如果產(chǎn)品很想在此處撈一把注冊(cè)數(shù)量,或者這個(gè)功能對(duì)用戶很有吸引力很重要,就要千方百計(jì)把用戶鎖在里面。例如點(diǎn)擊退出登錄時(shí)出現(xiàn)彈窗,詢問(wèn)“真的要放棄注冊(cè)嗎?”。

第三個(gè)問(wèn)題,登錄完之后怎么辦?

首先必須要做到的是,不論是走完了流程還是中途退出流程,都要回到進(jìn)入流程之前的那個(gè)頁(yè)面,讓用戶繼續(xù)之前的任務(wù)。

從游客身份進(jìn)入正式用戶身份后,以游客身份進(jìn)行過(guò)的操作要同步到正式用戶的賬號(hào)中。

例如成為正式用戶后,在“瀏覽記錄”功能下,曾經(jīng)作為游客瀏覽過(guò)的東西還是要顯示出來(lái)的(做法是用戶ID一直不變,只更換一下“未注冊(cè)”和“已注冊(cè)”的標(biāo)簽就好)。

三、“注冊(cè)”還要不要

現(xiàn)在越來(lái)越多的產(chǎn)品沒(méi)有了注冊(cè)流程,我認(rèn)為這樣總體上來(lái)說(shuō)還是優(yōu)大于劣(但還是要根據(jù)業(yè)務(wù)的需求做取舍),原因包括:

  1. 降低用戶對(duì)注冊(cè)的反感,減少注冊(cè)過(guò)程中用戶流失的概率。
  2. 減少了過(guò)程中的步驟,界面更簡(jiǎn)潔流程性更強(qiáng),出錯(cuò)概率降低。
  3. 使用手機(jī)驗(yàn)證碼而不是密碼,企業(yè)和用戶的安全性均更高。
  4. 沒(méi)有了設(shè)置密碼和輸入密碼的過(guò)程,用戶忘記密碼;密碼輸入時(shí)的種種限制和提示;找回密碼流程等全部被精簡(jiǎn),使用和開(kāi)發(fā)都更簡(jiǎn)單。

但是這也會(huì)帶來(lái)一些問(wèn)題,總結(jié)出了下面這些問(wèn)題以及應(yīng)對(duì)措施。

四、“輸入密碼”這個(gè)小過(guò)程

雖然使用密碼登錄已經(jīng)不再是主流方式,但是你想想啊,用戶一旦被逼迫到使用密碼登錄了那很可能是別的途徑走不通被逼無(wú)奈了,這個(gè)時(shí)候若再不帶給用戶便利那真是要把用戶逼走了。

但密碼這個(gè)東西,本身就很容易忘記;為了避免忘記,用戶就使用同一套號(hào)碼,反而又失去了保密的初衷;那你讓用戶設(shè)置一串巨復(fù)雜無(wú)比的密碼并且要定期更改,又被罵太麻煩……下面就總結(jié)了一下目前的優(yōu)化方案。

也不能說(shuō)做到上述優(yōu)化就OK了,體驗(yàn)感和安全性很難兩手抓,需要做出權(quán)衡和犧牲。

如果產(chǎn)品本身不涉及到非常需要保密的信息(例如工具類產(chǎn)品,娛樂(lè)類產(chǎn)品),密碼設(shè)置可以放寬,不必要非常嚴(yán)格的位數(shù)、符號(hào)、大小寫(xiě)組合的規(guī)定,甚至不提供密碼登錄;

至于對(duì)用戶隱私十分重要的產(chǎn)品(金融類、理財(cái)類等),使用強(qiáng)硬的方式保證安全登錄就顯得很重要;至于中間地帶的產(chǎn)品,目前大部分還是使用具有一定格式規(guī)定的的密碼,降低被破解的可能性。

下面用兩種指紋登錄的方式來(lái)舉例說(shuō)明:

1. 京東指紋填入密碼

  • 在初次登錄時(shí)詢問(wèn)是否開(kāi)通指紋輸入密碼;
  • 記住上一次登錄的手機(jī)號(hào),在再次登錄時(shí)自動(dòng)填入手機(jī)號(hào),并詢問(wèn)“是否使用xxxxxx手機(jī)號(hào)對(duì)應(yīng)的密碼”;
  • 點(diǎn)擊確認(rèn)后,使用指紋,自動(dòng)填入密碼(類似開(kāi)啟鎖屏);
  • 若選擇不使用指紋填入密碼,還可以用開(kāi)啟鎖屏的密碼代替指紋輸入(類似開(kāi)啟鎖屏);

這是種用戶體驗(yàn)優(yōu)先的做法,“打開(kāi)手機(jī)和打開(kāi)APP方式的統(tǒng)一”的方式,恰到好處地帶給用戶幫助,甚至有那么點(diǎn)“萬(wàn)物互通一個(gè)身份走天下”的未來(lái)感~~

2. 招商銀行強(qiáng)制指紋登錄

  • 為了保證安全,每次打開(kāi)全部不保留登錄狀態(tài);
  • 然而首頁(yè)基本上全是敏感功能,點(diǎn)啥都要登錄,出現(xiàn)指紋識(shí)別登錄;
  • 識(shí)別指紋登錄;
  • 若選擇了取消指紋識(shí)別,還會(huì)再一次提示指紋登錄;

這個(gè)流程其實(shí)挺討厭的,操作步驟十分復(fù)雜。然而作為資產(chǎn)類的產(chǎn)品,如此用心地保護(hù)用戶安全,甚至給人一種使起來(lái)越復(fù)雜用戶越寬心的受虐感。

上述兩個(gè)例子可以看做“體驗(yàn)”和“安全”的兩個(gè)極端,自家產(chǎn)品要做到什么程度靠實(shí)際狀況權(quán)衡。

五、第三方登錄后要不要綁定手機(jī)

第三方登錄之后,還要綁定手機(jī)號(hào),這種行為從用戶的角度出發(fā)是十分不友好的:“我明明選擇第三方登錄就是為了簡(jiǎn)便快捷,你居然還要我再綁定手機(jī)號(hào)?是在逗我嗎。”

但產(chǎn)品其實(shí)并不是做錯(cuò)了流程,綁定手機(jī)號(hào)是基于以下幾點(diǎn)顧慮:

  1. 政策原因,必須獲得用戶真實(shí)身份信息;
  2. 如果沒(méi)有用戶手機(jī)號(hào),之后的運(yùn)營(yíng)活動(dòng),與用戶的聯(lián)絡(luò)反饋都比較難進(jìn)行;
  3. 如果沒(méi)有手機(jī)號(hào)作為賬號(hào)的綁定聯(lián)結(jié),多次第三方登錄會(huì)產(chǎn)生多個(gè)賬號(hào),出現(xiàn)一人多號(hào)的狀況,后續(xù)運(yùn)營(yíng)上和功能上帶來(lái)一系列麻煩。

所以,如果自家產(chǎn)品真的很看重上面這些點(diǎn),考慮加入用戶手機(jī)號(hào)的綁定,可以嘗試優(yōu)化:

  1. 在第三方登錄后,出現(xiàn)綁定手機(jī)號(hào)的界面,但是可以選擇性跳過(guò),以后再找機(jī)會(huì)引導(dǎo)。
  2. 通過(guò)運(yùn)營(yíng),后期引導(dǎo)用戶綁定,比如綁定后得到什么實(shí)惠啊,運(yùn)營(yíng)一個(gè)活動(dòng)必須先綁定賬號(hào)啊之類的。
  3. 像京東這種“你不綁定手機(jī)號(hào)就別想使用產(chǎn)品,我就是厲害。你現(xiàn)在不想用總會(huì)有一天來(lái)用~”的大廠自信……也就沒(méi)啥話說(shuō)了,直接在第三方登錄頁(yè)之后強(qiáng)制綁定手機(jī)號(hào)就OK。

六、一頁(yè)只做一件事

登錄注冊(cè)過(guò)程的表單其實(shí)并不多,就兩三步,為什么還非要分頁(yè)進(jìn)行?原因可以分為業(yè)務(wù)和體驗(yàn)兩類。

1. 業(yè)務(wù)原因

  • 有的產(chǎn)品先輸入手機(jī)號(hào),判斷這個(gè)手機(jī)號(hào)是否已經(jīng)注冊(cè)過(guò),如果注冊(cè)過(guò)就進(jìn)入輸入驗(yàn)證碼登錄頁(yè)面;如果未注冊(cè)過(guò)就進(jìn)入設(shè)置密碼注冊(cè)頁(yè)面。手機(jī)號(hào)的第一步作為分叉口,因此自己必須獨(dú)占一頁(yè);
  • 分步的流程可以提升轉(zhuǎn)化率,這是經(jīng)過(guò)實(shí)驗(yàn)驗(yàn)證的,相信科學(xué)就是了~

2. 體驗(yàn)原因

  • 如果一頁(yè)中有很多個(gè)輸入框,用戶每次進(jìn)行下一項(xiàng)的輸入就要伸手點(diǎn)擊,鍵盤又在頁(yè)面下方,上上下下的增加了流程上的復(fù)雜。分步輸入可以在進(jìn)入該頁(yè)時(shí)就自動(dòng)獲取焦點(diǎn)彈出鍵盤,減少點(diǎn)擊次數(shù);
  • 有些產(chǎn)品注冊(cè)時(shí)需要提供的信息很多(例如keep在注冊(cè)后跟著一大串體質(zhì)測(cè)試),此時(shí)可以將必要的信息(手機(jī)號(hào)驗(yàn)證碼,可能還有性別之類的)和非必要的信息(愛(ài)好、標(biāo)簽、個(gè)人描述之類的)分開(kāi)頁(yè)面,讓用戶自選填寫(xiě)。

分步式流程的可以分為“拆分輸入框”和“分類大量信息”兩種(名字自己取的),在下面分別舉例說(shuō)明需要注意的tips。

第一個(gè)例子是鯊魚(yú)記賬,是比較典型的“拆分輸入框”的類型。

另一個(gè)是keep,因?yàn)樵谧?cè)以后要填寫(xiě)大量的冷啟動(dòng)信息,因此使用了“分類大量信息”的類型。

七、登錄/注冊(cè)過(guò)程中有哪些錯(cuò)誤和異常處理?

東西比較零碎,直接總結(jié)成表格展示。

有關(guān)錯(cuò)誤提示本身,也有很多需要注意的點(diǎn):

  1. 提示的形式采用toast,并且能自動(dòng)消失。因?yàn)橛脩舻氖≈皇菚簳r(shí)的,產(chǎn)品需要做的是在不打擾用戶任務(wù)進(jìn)行的前提下,提示用戶異常情況,所以如果是彈框的話就太生硬了。(相對(duì)應(yīng)的,如果是任務(wù)完成/成功提示,可以采用彈框,甚至是一整個(gè)頁(yè)面來(lái)展示)
  2. 提示語(yǔ)要溫和、容易理解、簡(jiǎn)短,不要采用生硬的詞匯和專業(yè)詞匯。
  3. 提示語(yǔ)不能只告訴用戶“錯(cuò)了”,還要告知“錯(cuò)在哪里”,以及“該怎么辦”。

其實(shí)文章內(nèi)容寫(xiě)的都比較概括,很多板塊單獨(dú)拿出來(lái)就能寫(xiě)一篇文章了~后續(xù)會(huì)找機(jī)會(huì)寫(xiě)更加深度的分析的,給自己加個(gè)油。

筆者目前還處于自主學(xué)習(xí)階段,文章中一些觀點(diǎn)若有差錯(cuò),感謝各位前輩多多指點(diǎn)。

 

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

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. “分步的流程可以提升轉(zhuǎn)化率,這是經(jīng)過(guò)實(shí)驗(yàn)驗(yàn)證的,相信科學(xué)就是了~”
    請(qǐng)問(wèn)是什么實(shí)驗(yàn),能否說(shuō)明一下?

    來(lái)自上海 回復(fù)
  2. 獲取位置

    回復(fù)
  3. 很好的干貨,對(duì)現(xiàn)有注冊(cè)登錄框架有了一個(gè)整體認(rèn)識(shí),收藏了,回頭好好研讀

    回復(fù)
  4. 您好,看了您的文章受益匪淺,但有一個(gè)疑惑。例如瀏覽設(shè)計(jì)類APP會(huì)收藏大量的圖片,如果使用手機(jī)號(hào)注冊(cè)登錄,換手機(jī)號(hào)之后之前收藏的圖片會(huì)歸零。針對(duì)這種情況是是不是使用第三方登錄和郵箱更好一些。

    回復(fù)
    1. 您好,我思考了一下這個(gè)問(wèn)題,是這樣想的:您說(shuō)的這個(gè)需求點(diǎn)是正確的,單獨(dú)拿同步圖片這個(gè)需求講,的確第三方登錄要更佳。但是考慮全部產(chǎn)品則不然?!盀g覽設(shè)計(jì)類APP”的話,以站酷舉例,會(huì)一直保持賬號(hào)登錄狀態(tài),換手機(jī)號(hào)、卸載重裝這種需要重新登錄的狀況很少見(jiàn)。相對(duì)應(yīng)的,它們會(huì)十分想拿到用戶手機(jī)號(hào),為了舉辦活動(dòng),推銷網(wǎng)課之類的需求。這就帶來(lái)兩個(gè)矛盾的需求”為方便用戶同步圖片,而使用第三方登錄“和”為方便聯(lián)系用戶,而推薦手機(jī)號(hào)登錄“。考慮到需求的頻次,收益等因素,站酷還是選了后者。那么為了解決前者的困難,站酷提供了”密碼登錄“、”第三方登錄“等解決方案。所以說(shuō),需求的確定考慮因素很多,在這里有利在另一邊就不利,都是最終權(quán)衡的結(jié)果~不知我的這種解釋方式您是否認(rèn)可 ??

      來(lái)自北京 回復(fù)
    2. 謝謝解答,受益匪淺 ??

      來(lái)自浙江 回復(fù)
  5. tql!

    回復(fù)
  6. 還有一種登錄方式可以加在登錄和注冊(cè)環(huán)節(jié)

    來(lái)自北京 回復(fù)
    1. 請(qǐng)問(wèn)是哪一種呢?我考慮的還不太全面… ??

      來(lái)自北京 回復(fù)
  7. 很詳細(xì)的基礎(chǔ)技能,拜讀了

    回復(fù)
    1. 你回復(fù)的也很好哦

      來(lái)自上海 回復(fù)
  8. 4,5,6 老哥你最好,繼續(xù)努力鴨

    來(lái)自上海 回復(fù)
  9. 1,2,3 老哥你最棒

    來(lái)自上海 回復(fù)
  10. 說(shuō)的很好 支持一個(gè) 希望你再接再離 謝謝優(yōu)美作品

    來(lái)自上海 回復(fù)
    1. 謝謝~會(huì)繼續(xù)努力學(xué)習(xí)進(jìn)步的 ??

      來(lái)自北京 回復(fù)