簡(jiǎn)單的事情往往卻很難做好做細(xì)，就像一份炒飯，卻值得周星馳為其拍了一部《食神》，卻值得哈林為其唱了一首《蛋炒飯》。登錄和注冊(cè)大概是所有線上平臺(tái)都擁有的功能模塊，也是用戶最早能夠接觸到的平臺(tái)功能，不僅業(yè)務(wù)流程簡(jiǎn)約，而且模塊功能單一，甚至設(shè)計(jì)的頁(yè)面也不會(huì)超過5個(gè)。但是你一定會(huì)發(fā)現(xiàn)，就是這么簡(jiǎn)單的登錄和注冊(cè)，有的網(wǎng)站做的行云流水和如絲般順滑，有的網(wǎng)站做的溝溝坎坎和雷坑遍布。

為什么會(huì)有這么大的差異？我認(rèn)為在于思路的混亂和不一致。只有掌握了嚴(yán)謹(jǐn)和邏輯的設(shè)計(jì)思路，不僅簡(jiǎn)單的登錄和注冊(cè)會(huì)給用戶留下良好的第一印象，也會(huì)讓你在其他業(yè)務(wù)模塊的產(chǎn)品設(shè)計(jì)中行云流水。

下面就跟隨磊叔來一次登錄和注冊(cè)的產(chǎn)品設(shè)計(jì)之旅。磊叔拿工資向你保證，這將是你人生中最精彩的旅行之一。

1. 萬(wàn)事第一問：為什么

5W思維工具的第一個(gè)W即是WHY，為什么。

產(chǎn)品經(jīng)理接到需求的本能反應(yīng)應(yīng)該是問一句：為什么要做這個(gè)需求？搞清楚需求的前世今生和來龍去脈，再加上“知己知彼百戰(zhàn)不殆”的指導(dǎo)思想，對(duì)于接下來的需求分析、業(yè)務(wù)實(shí)現(xiàn)、功能落地都有莫大的好處。

為什么要做登錄和注冊(cè)？

登錄和注冊(cè)的需求來源部門或許有著五花八門的回答，也許是建立用戶體系的需要，也許是收集用戶信息的需要，也許是用戶運(yùn)營(yíng)的需要，很多也許。多不要緊，但至少我們知道了實(shí)現(xiàn)“登錄和注冊(cè)”對(duì)于業(yè)務(wù)有著至關(guān)重要的作用，且會(huì)對(duì)很多業(yè)務(wù)功能產(chǎn)生重大影響，需要產(chǎn)品經(jīng)理認(rèn)真、慎重的進(jìn)行設(shè)計(jì)。

到此為止，即可。

2. 抽絲剝繭：搞定主要矛盾先

搞清楚了來龍去脈，明確了重要性，現(xiàn)在就來點(diǎn)實(shí)用知識(shí)，開始進(jìn)入實(shí)際操作，從登錄和注冊(cè)的最核心業(yè)務(wù)開始分析。

很明顯，登錄和注冊(cè)的主要矛盾就是完成兩件事：用戶登錄和用戶注冊(cè)。

登錄，就是提供給用戶某種user interface，簡(jiǎn)稱UI，即用戶接口，讓用戶填入某些標(biāo)識(shí)信息來與系統(tǒng)中已有數(shù)據(jù)進(jìn)行身份驗(yàn)證匹配，并賦予用戶某些特殊功能使用權(quán)限的過程。

聽上去很復(fù)雜，實(shí)際上登錄的主要矛盾就是：

讓用戶能夠輸入某種專有信息，例如獨(dú)特的字符串、電話、身份證、電子信箱等等，總之能唯一表明這個(gè)用戶的身份信息即可

為了解決這個(gè)主要矛盾，我們就設(shè)計(jì)兩個(gè)輸入接口：

• 身份標(biāo)識(shí)：暫定用戶名、手機(jī)、電子郵箱三者選一
• 密 碼：暫定6位字符

注冊(cè)，就是將用戶的信息保存在系統(tǒng)中，用以日后的登錄匹配信息之用。

實(shí)際上注冊(cè)的主要矛盾就是：你到底要保存用戶的哪些信息？

為了解決這個(gè)主要矛盾，我們就設(shè)計(jì)采集并保存以下用戶信息：

• 身份標(biāo)識(shí)：暫定用戶名、手機(jī)、電子郵箱三者選一
• 密 碼：暫定6位字符

沒錯(cuò)，和登錄一模一樣，為什么？

注冊(cè)的目的是滿足登錄信息匹配之用，最最基礎(chǔ)的匹配就必然要求登錄和注冊(cè)的所需字段必須一模一樣，就好像兩個(gè)齒輪一樣必須嚙合。

聽上去是廢話？不，我就見過很多初入門的產(chǎn)品經(jīng)理將登錄所用字段和注冊(cè)所用字段設(shè)計(jì)的不一致，被研發(fā)劈頭蓋臉的痛罵。

到這一步，我們?yōu)榈卿浐妥?cè)增加了第一批的兩個(gè)頁(yè)面：登錄頁(yè)和注冊(cè)頁(yè)。

3. 深入一點(diǎn)：業(yè)務(wù)要閉環(huán)

有了兩個(gè)最基礎(chǔ)頁(yè)面還不算完，在流程圖上還是兩個(gè)獨(dú)立的點(diǎn)，因?yàn)闃I(yè)務(wù)流程沒有閉環(huán)。這個(gè)時(shí)候就要問自己幾個(gè)問題：

• 登錄成功去哪里？
• 登錄失敗又去哪里？
• 注冊(cè)成功去哪里？
• 注冊(cè)失敗又去哪里？

為了完成這個(gè)業(yè)務(wù)流程的閉環(huán)，我們就需要增加幾個(gè)頁(yè)面：

• 登錄成功頁(yè)：通常是跳轉(zhuǎn)到首頁(yè)，或者個(gè)人相關(guān)的頁(yè)面，或者其他有特殊需要的頁(yè)面。
• 登錄失敗頁(yè)：通常是跳轉(zhuǎn)到登錄失敗頁(yè)，告訴用戶登錄失敗的原因。
• 注冊(cè)成功頁(yè)：通常跳轉(zhuǎn)到有特殊需要的頁(yè)面。
• 注冊(cè)失敗頁(yè)：通常是跳轉(zhuǎn)到注冊(cè)失敗頁(yè)，告訴用戶注冊(cè)失敗的原因。

到這一步，我們完成了登錄和注冊(cè)的業(yè)務(wù)閉環(huán)，登錄和注冊(cè)的業(yè)務(wù)可以打包為獨(dú)立的業(yè)務(wù)模塊，至此增加了四個(gè)輔助頁(yè)面：登錄成功頁(yè)、登錄失敗頁(yè)、注冊(cè)成功頁(yè)和注冊(cè)失敗頁(yè)，總計(jì)六個(gè)頁(yè)面。

4. 再深入一點(diǎn)：將業(yè)務(wù)嵌入使用場(chǎng)景

登錄和注冊(cè)的業(yè)務(wù)流程已經(jīng)閉環(huán)，且已被打包為獨(dú)立的業(yè)務(wù)模塊，接下里就要做有很強(qiáng)代入感和參與感的產(chǎn)品使用場(chǎng)景分析，然后把登錄和注冊(cè)塞進(jìn)需要的流程中。
因?yàn)橹挥腥谌霕I(yè)務(wù)流程的產(chǎn)品設(shè)計(jì)才能體現(xiàn)出價(jià)值，否則，和咸魚有什么區(qū)別。

那么問題來了，有哪些使用場(chǎng)景呢？

首頁(yè)或著陸頁(yè)：用戶看到平臺(tái)的第一頁(yè)，也是最容易聯(lián)想到的頁(yè)面。

涉及需要用戶身份驗(yàn)證的頁(yè)面：例如支付、發(fā)布內(nèi)容、查看特殊權(quán)限的內(nèi)容等。

那么問題又來了，如何將登錄和注冊(cè)嵌入呢？

對(duì)于首頁(yè)和著陸頁(yè)，我們?cè)陧?yè)面上明顯位置增加登錄和注冊(cè)按鈕或超鏈接，盡可能的引導(dǎo)用戶完成登錄和注冊(cè)。

對(duì)于需要用戶身份驗(yàn)證的頁(yè)面，在需要的按鈕或超鏈接上（例如支付、發(fā)布、回復(fù)、下載等）判斷當(dāng)前用戶身份，非認(rèn)證用戶即轉(zhuǎn)入登錄和注冊(cè)流程。

到這一步，我們將登錄和注冊(cè)嵌入到了平臺(tái)的業(yè)務(wù)流程中。至此，登錄和注冊(cè)的產(chǎn)品功能和業(yè)務(wù)設(shè)計(jì)基本上完成了。

5. 琢玉成器：用戶體驗(yàn)是需要手工打磨的

且慢，產(chǎn)品功能和業(yè)務(wù)設(shè)計(jì)只完成了50%，還有50%就是前端產(chǎn)品經(jīng)理常常掛在嘴邊的用戶體驗(yàn)。
用戶體驗(yàn)這回事比較虛，也比較主觀，這里就拋磚引玉幾個(gè)思考點(diǎn)吧：

• 如果用戶名使用電子信箱，如何讓用戶能夠快速完成電子信箱的錄入？
• 如何設(shè)計(jì)良好的登錄頁(yè)錯(cuò)誤提示？
• 是否需要記住密碼？還是需要2周內(nèi)不用登錄？
• 能否不用鼠標(biāo)來切換用戶名和密碼框？
• 能否用回車鍵來替代鼠標(biāo)完成登錄或提交的操作？
• 如何讓用戶快速完成注冊(cè)頁(yè)的各種字段錄入？
• 如何限定注冊(cè)頁(yè)的必填字段？
• 如何設(shè)計(jì)密碼強(qiáng)度的提示？
• 如何設(shè)計(jì)良好的注冊(cè)頁(yè)錯(cuò)誤提示？
• 如果注冊(cè)頁(yè)有用戶頭像，是否需要鎖定頭像比例？是否提供在線裁剪？
• 是否需要給用戶設(shè)置默認(rèn)頭像？
• 如何快速切換注冊(cè)頁(yè)的各個(gè)字段輸入框？
• 注冊(cè)頁(yè)各個(gè)字段的填寫提示是否簡(jiǎn)潔清晰無歧義？
• 其實(shí)還會(huì)有很多很多問題，需要我們慢慢打磨、細(xì)化。

6. 豐滿羽翼：加持業(yè)務(wù)部門的需求

截至目前，登錄和注冊(cè)既實(shí)現(xiàn)了功能和業(yè)務(wù)，也優(yōu)化了用戶體驗(yàn)，照理說可以打完收工了。不過，建議此時(shí)的產(chǎn)品經(jīng)理主動(dòng)出擊，去了解、收集其他業(yè)務(wù)部門的需求。

什么需求？

運(yùn)營(yíng)部會(huì)說，登錄頁(yè)沒法運(yùn)營(yíng)；注冊(cè)頁(yè)也沒辦法運(yùn)營(yíng)。

市場(chǎng)部會(huì)說，登錄頁(yè)沒有體現(xiàn)出我們平臺(tái)的定位；注冊(cè)頁(yè)也沒有體現(xiàn)我們平臺(tái)的定位。

blablabla…當(dāng)然，有道理的需求可以接受，開始加持業(yè)務(wù)部門的需求：

• 登錄頁(yè)背景圖改為廣告位和內(nèi)容推薦位，滿足運(yùn)營(yíng)的需求。
• 登錄頁(yè)設(shè)計(jì)平臺(tái)Slogan展示位，給每一次登錄的用戶洗一次腦。
• 注冊(cè)頁(yè)增加廣告位和內(nèi)容推薦位，吸引用戶完成注冊(cè)。
• 注冊(cè)頁(yè)設(shè)計(jì)平臺(tái)Slogan展示位，給每一個(gè)正在注冊(cè)的用戶洗一次腦。

截至目前，你已經(jīng)超越99%產(chǎn)品經(jīng)理的設(shè)計(jì)，可以喝口茶喘口氣，簡(jiǎn)單的小結(jié)回顧一下：

• 梳理核心業(yè)務(wù)需求，解決主要矛盾
• 將業(yè)務(wù)閉環(huán)，保證可用
• 嵌入其他業(yè)務(wù)流程
• 打磨用戶體驗(yàn)
• 加持業(yè)務(wù)部門的需求

不過！我們還能做點(diǎn)什么呢？

7. 玩出花：還能做點(diǎn)什么呢？

這里拋磚引玉說幾個(gè)：

（1）用戶訪問熱點(diǎn)和行為監(jiān)控

這個(gè)絕對(duì)是核彈級(jí)別的增值功能，雖然對(duì)于用戶不可見，但是對(duì)于產(chǎn)品經(jīng)理了解無法見面用戶的使用行為是一個(gè)必不可少的功能。通過采集用戶在頁(yè)面上的各種行為，產(chǎn)品經(jīng)理可以獲取到用戶的瀏覽習(xí)慣，作為優(yōu)化產(chǎn)品的重要數(shù)據(jù)支撐。

（2）第三方登錄

前文已經(jīng)提到過，登錄和注冊(cè)是任何平臺(tái)阻礙用戶的一座大山，如何能夠降低登錄和注冊(cè)的難度，如何能夠減少登錄和注冊(cè)的步驟，如何能夠提高登錄和注冊(cè)的效率，值得仔細(xì)思考。
幸運(yùn)的是，現(xiàn)在各大流量入口平臺(tái)逐步開放，紛紛提供了第三方登錄的接入，可以幫助用戶快速的翻過注冊(cè)的大山來享用我們提供的服務(wù)。

（3）重置密碼或者找回密碼

這個(gè)功能則是為用戶登錄時(shí)可能存在的遺忘密碼提供了一個(gè)處理渠道。不要小看這個(gè)功能，在嚴(yán)謹(jǐn)?shù)臉I(yè)務(wù)流程中留出一個(gè)異常處理天窗，不會(huì)讓用戶在使用業(yè)務(wù)功能時(shí)掉入死胡同或者“功能黑洞”。

8. 結(jié)論

簡(jiǎn)單的登錄和注冊(cè)，也需要嚴(yán)謹(jǐn)、邏輯和科學(xué)的思路。

作者：磊叔，非資深互聯(lián)網(wǎng)產(chǎn)品經(jīng)理，視產(chǎn)品如己出，堅(jiān)定不移的傳播產(chǎn)品是打磨出來的，崇尚“認(rèn)真”和“尊重”的撕逼；一年不讓我旅游一次還不如殺了我吧。

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