移動(dòng)互聯(lián)網(wǎng)流量紅利時(shí)代已一去不復(fù)返，無(wú)論是通過(guò)一波活動(dòng)，一次營(yíng)銷(xiāo)或是若干個(gè)燒錢(qián)渠道帶來(lái)了不菲的流量的，可是其中卻有不少的流量沒(méi)有轉(zhuǎn)化成真實(shí)的用戶(hù)，一款A(yù)PP，不乏實(shí)現(xiàn)流量增長(zhǎng)的方法，但如何留住他們?我們知道其中一個(gè)登陸注冊(cè)就不知擋住了多少用戶(hù)，基于此，現(xiàn)在就讓我們從APP的登陸注冊(cè)說(shuō)起吧。

注冊(cè)和登錄，是APP產(chǎn)品設(shè)計(jì)中最基本，最重要同時(shí)也是最繁瑣的一環(huán)?？此坪?jiǎn)單，卻與相當(dāng)多的產(chǎn)品功能用戶(hù)使用場(chǎng)景交織在一起，受到產(chǎn)品類(lèi)型、用戶(hù)定位、業(yè)務(wù)邏輯、使用場(chǎng)景、用戶(hù)操作等不同因素影響。絕大多數(shù)的網(wǎng)站已經(jīng)放棄了復(fù)雜、繁復(fù)的注冊(cè)流程，將用戶(hù)可能會(huì)遭遇障礙、引起用戶(hù)反感和煩躁的部分去除，盡可能簡(jiǎn)單的讓用戶(hù)完成注冊(cè)和登錄流程。當(dāng)用戶(hù)完成注冊(cè)之后，可以選擇性地提供額外的信息，而這些信息可能會(huì)給給用戶(hù)帶來(lái)更加定制化的用戶(hù)體驗(yàn)。

常用的6種登錄注冊(cè)模式

      Sign Up Pattern

1手機(jī)號(hào)+密碼注冊(cè)和登錄

優(yōu)勢(shì)：節(jié)省成本，只有注冊(cè)時(shí)獲取一次驗(yàn)證碼，設(shè)置密碼，注冊(cè)成功后再次登錄就無(wú)需獲取驗(yàn)證碼了；

劣勢(shì)：注冊(cè)和登錄各是獨(dú)立的頁(yè)面和功能，容易忘記密碼；

2手機(jī)號(hào)+驗(yàn)證碼注冊(cè)和登錄

優(yōu)勢(shì)：手機(jī)在手，能接收驗(yàn)證碼就能登錄；

劣勢(shì)：注冊(cè)和登錄各是獨(dú)立的頁(yè)面和功能，手機(jī)驗(yàn)證碼量比較大的時(shí)候，成本較高，每條短信4-6分錢(qián)一條；

3微信等第三方注冊(cè)和登錄

優(yōu)勢(shì)：無(wú)需手機(jī)號(hào)，無(wú)需驗(yàn)證碼，點(diǎn)擊即可登錄，登錄和注冊(cè)是同一個(gè)功能，有則登錄，無(wú)則注冊(cè)；

劣勢(shì)：第一次需要先授權(quán)，獲取手機(jī)號(hào)，綁定等操作。可對(duì)接的第三方包含：微信，支付寶，QQ，微博，釘釘，淘寶；

4微手機(jī)運(yùn)營(yíng)商一鍵注冊(cè)和登錄

優(yōu)勢(shì)：點(diǎn)擊一次授權(quán)即可登錄，登錄和注冊(cè)是同一個(gè)功能，有則登錄，無(wú)則注冊(cè)；

劣勢(shì)：挑選運(yùn)營(yíng)商，有成本，每次授權(quán)3-4分錢(qián)，手機(jī)使用WIFI網(wǎng)絡(luò)是無(wú)法登錄，必須使用手機(jī)運(yùn)營(yíng)商網(wǎng)絡(luò)；

5小程序授權(quán)注冊(cè)和登錄

優(yōu)勢(shì)：無(wú)需手機(jī)號(hào)，無(wú)需驗(yàn)證碼，點(diǎn)擊即可登錄，登錄和注冊(cè)是同一個(gè)功能，有則登錄，無(wú)則注冊(cè)；

劣勢(shì)：第一次需要先授權(quán)，獲取手機(jī)號(hào)，綁定等操作；

6郵箱+驗(yàn)證碼注冊(cè)和登錄

優(yōu)勢(shì)：節(jié)省成本，在短信不發(fā)達(dá)地區(qū)可以使用，郵箱普及率高；

劣勢(shì)：郵箱容易忘記，需要打開(kāi)郵箱去查看驗(yàn)證碼，不太方便；

勢(shì)：郵箱容易忘記，需要打開(kāi)郵箱去查看驗(yàn)證碼，不太方便

郵箱驗(yàn)證碼基本使用在國(guó)外項(xiàng)目中，國(guó)內(nèi)很少采用；

一般咱們開(kāi)發(fā)時(shí)會(huì)選擇2種以上的模式組合，例如最常用的組合是第一種+第二種+第三種，還可以第四種+第三種，第二種+第三種等組合。

登錄注冊(cè)模式的設(shè)計(jì)

   Sign Up Design

文從登錄注冊(cè)的流程方式、交互體驗(yàn)、設(shè)計(jì)細(xì)節(jié)等方面，分析登錄注冊(cè)這個(gè)流程的設(shè)計(jì)要點(diǎn)。最基本的板塊包括“登錄”、“注冊(cè)”、“密碼找回”這三大功能。其中每一項(xiàng)也包含有多種不同的方法。今天我們就著重說(shuō)一下第三方登錄的流程和要注意的事項(xiàng)。

1. 登錄注冊(cè)賬號(hào)

賬號(hào)有無(wú)格式的要求，如果只是手機(jī)號(hào)碼，前端是否需要驗(yàn)證手機(jī)號(hào)碼的有效性？

手機(jī)號(hào)碼為純數(shù)字，是否彈出純數(shù)字鍵盤(pán)方便用戶(hù)快速填寫(xiě)及避免用戶(hù)來(lái)回切換？

手機(jī)號(hào)碼的數(shù)字如何呈現(xiàn)？哪種格式？

2. 登錄注冊(cè)驗(yàn)證碼

驗(yàn)證碼的格式，是四/六位數(shù)字驗(yàn)證碼，還是英文+數(shù)字驗(yàn)證碼，英文是否區(qū)分大小寫(xiě)？

按鈕默認(rèn)顯示狀態(tài)、用戶(hù)輸入信息后按鈕顏色變化效果，該如何設(shè)計(jì)比較好？

倒計(jì)時(shí)如何設(shè)置？button還是label ？用哪個(gè)好？為什么好（好在哪里）？如何設(shè)計(jì)？

驗(yàn)證碼的倒計(jì)時(shí)一般默認(rèn)采用60秒的居多，但是一般驗(yàn)證碼的有效期為5分鐘。之所以設(shè)置60秒是因?yàn)樵诮^大多數(shù)情況下，60秒內(nèi)驗(yàn)證碼是能夠發(fā)出的，如獲取不到，讓用戶(hù)所等待的時(shí)間又不至于太長(zhǎng)，降低用戶(hù)焦慮，提升體驗(yàn)。

3. 登錄注冊(cè)密碼

最少和最多字符設(shè)置，提示文字為“位”還是“字符”？如“請(qǐng)輸入6-16位字母或數(shù)字”；密碼是否要限制特殊字符？如“空格”、“/”等，為什么要限制？有沒(méi)有安全方面的考慮？密碼設(shè)置好后，注冊(cè)按鈕如何變化？點(diǎn)擊“注冊(cè)”后，在網(wǎng)絡(luò)較慢的情況下，頁(yè)面和按鈕如何響應(yīng)，是否要加鎖屏浮層+緩沖提示語(yǔ)？

登錄注冊(cè)設(shè)計(jì)細(xì)節(jié)

  Sign Up Details

1、用戶(hù)體驗(yàn)方面

將郵箱和手機(jī)號(hào)輸入框整合成一個(gè)，節(jié)省了空間提升了美觀性，還減少了用戶(hù)的操作步驟；

用戶(hù)名密碼這些必填項(xiàng)未輸入時(shí)，登錄按鈕為不可用狀態(tài)，避免誤操作帶來(lái)的麻煩；

輸入框中顯示提示信息的方式進(jìn)一步釋放了畫(huà)面空間，讓整個(gè)畫(huà)面更加簡(jiǎn)潔。但是注意輸入框和提示文字的灰度要把握好，太淺了灰難以察看；

畫(huà)面中核心流程按鈕突出顯示，其它按鈕最小化顯示，根據(jù)重要程度可以將顏色加以區(qū)別；

輸入框的獲得焦點(diǎn)時(shí)突出顯示，以便在多個(gè)輸入框時(shí)辨別焦點(diǎn)所處的位置；

錯(cuò)誤提示直接顯示在畫(huà)面中，不以彈出對(duì)話框的形式或toast的形式實(shí)現(xiàn)。彈出對(duì)話框體驗(yàn)差，toast顯示時(shí)間過(guò)短的話用戶(hù)可能沒(méi)看清；