1. 分步注冊(cè)

a鸯檬、分步注冊(cè)適合移動(dòng)端設(shè)計(jì)

移動(dòng)端屏幕小拧篮，加上彈出鍵盤词渤，假設(shè)將多個(gè)輸入項(xiàng)放在一個(gè)頁面，會(huì)給用戶造成擁擠感他托，然而分步注冊(cè)則可較好的解決該問題掖肋。

b、分步注冊(cè)可減少用戶點(diǎn)擊輸入框的次數(shù)

幾乎所有的注冊(cè)關(guān)鍵步驟中都有：輸入手機(jī)號(hào)赏参、獲取驗(yàn)證碼志笼、設(shè)定密碼這3個(gè)步驟。在一個(gè)頁面中時(shí)把篓，需要手動(dòng)逐項(xiàng)呼出鍵盤來填寫纫溃。若遵循分步注冊(cè)，分成3個(gè)頁面的話韧掩，進(jìn)入每個(gè)頁面都會(huì)自動(dòng)置入焦點(diǎn)并彈出鍵盤紊浩，將減少用戶手動(dòng)點(diǎn)擊輸入框的次數(shù)。

c疗锐、分步注冊(cè)在一定程度上可提高轉(zhuǎn)化率

依據(jù)桌面調(diào)研坊谁，多數(shù)分步注冊(cè)APP平均為5步左右，多數(shù)非分步注冊(cè)APP平均為8步左右滑臊。并且Facebook曾針對(duì)分步注冊(cè)與非分步注冊(cè)做過A/B Test口芍，其結(jié)論指出分步注冊(cè)的轉(zhuǎn)化率遠(yuǎn)高于非分步注冊(cè)。由此可見雇卷，非分步注冊(cè)強(qiáng)行減少注冊(cè)頁面鬓椭，不如適當(dāng)拉長戰(zhàn)線，給用戶輕負(fù)荷的操作关划，讓用戶在不知不覺中完成注冊(cè)流程小染。

2. 彈出相對(duì)應(yīng)的輸入鍵盤

點(diǎn)開郵箱輸入框，彈出帶有@的英文輸入鍵盤贮折。

點(diǎn)開手機(jī)號(hào)輸入框裤翩，彈出九宮格數(shù)字輸入鍵盤。

點(diǎn)開密碼輸入框脱货，彈出英文輸入鍵盤岛都。

這是很小的細(xì)節(jié)律姨，雖然用戶可能不知道哪里不對(duì)振峻，但是他能體會(huì)到好不好用臼疫。一個(gè)APP注意了這點(diǎn)，那用戶就會(huì)覺得這個(gè)APP好用扣孟。而另一個(gè)APP沒有做到這點(diǎn)烫堤，無論點(diǎn)擊哪個(gè)輸入框彈出的都是九宮格中文輸入鍵盤，用戶就會(huì)覺得這個(gè)APP不太好用凤价。

3. 對(duì)手機(jī)號(hào)碼進(jìn)行3 4 4的分布

這個(gè)規(guī)則不僅適用于手機(jī)號(hào)碼鸽斟，包括銀行賬號(hào)、轉(zhuǎn)賬金額等等利诺。這是因?yàn)槿说亩唐谟洃浭怯邢薜母恍睿匆淮沃荒苡涀∮邢薜臇|西，如果強(qiáng)制記住很長的東西慢逾，短期記憶就很容易出錯(cuò)立倍。所以將數(shù)字以4或者3為單位分組，有利于用戶閱讀侣滩、編輯口注、校對(duì)手機(jī)號(hào)碼。

4. 登錄時(shí)增加一鍵清空icon

在登錄的時(shí)候偶爾會(huì)出現(xiàn)輸入錯(cuò)誤君珠，如果沒有這個(gè)清除的icon寝志，用戶只能按鍵盤中的清除按鈕，需要一直按住直到輸入框?yàn)榭铡?/p>

5.清晰的錯(cuò)誤反饋

實(shí)時(shí)數(shù)據(jù)驗(yàn)證實(shí)時(shí)驗(yàn)證可以立刻通知用戶數(shù)據(jù)的正確性策添。這種方法允許用戶糾正錯(cuò)誤材部，而無需等待他們點(diǎn)擊提交按鈕才能看到錯(cuò)誤。當(dāng)用戶輸入錯(cuò)誤信息時(shí)唯竹，最好利用臨時(shí)框的形式提示用戶乐导。而不是不做反應(yīng)讓用戶自己去猜到底是怎么回事。

臨時(shí)框也有兩種形式摩窃，一種是下圖左側(cè)的對(duì)話框形式兽叮，這需要用戶點(diǎn)擊確認(rèn)才能進(jìn)行下一步操作。一種是toast的形式猾愿，彈出一兩秒后自動(dòng)消失鹦聪。第一種形式相當(dāng)于強(qiáng)制中斷了用戶的操作，用戶需要點(diǎn)擊確認(rèn)才能回到原來的操作流程蒂秘。而toast則起到了提示的效果泽本，并且沒有打擾到用戶。

下圖右側(cè)的airbnb姻僧，在用戶輸錯(cuò)密碼時(shí)规丽，不光有底部的臨時(shí)框提示蒲牧，還將整個(gè)登錄頁面的背景色油綠色變?yōu)樾涯康某壬@種設(shè)計(jì)在提示用戶的前提下赌莺，還做到了賞心悅目冰抢。

發(fā)生錯(cuò)誤時(shí)，提醒方式艘狭，“請(qǐng)輸入正確的XXX”挎扰，而不是提示“輸入XXX有誤”，更好的引導(dǎo)巢音，把握用戶心理遵倦，用戶在注冊(cè)表格的時(shí)候更加有信心；

6.避免使用隱私警察協(xié)議確認(rèn)的復(fù)選框

而不是復(fù)選框官撼，使用帶有關(guān)于接受條款和政策的鏈接的文本梧躺。

7.名稱按鈕正確

不是使用一般的提交標(biāo)簽，表單按鈕應(yīng)該準(zhǔn)確描述用戶正在執(zhí)行的任務(wù)——?jiǎng)?chuàng)建帳戶或登錄等傲绣。

8.禁用該按鈕掠哥，直到所有必需的輸入已完成

當(dāng)input為空時(shí)，關(guān)聯(lián)按鈕為disabled的狀態(tài)斜筐，這是采用了防錯(cuò)的原則：如當(dāng)使用條件沒有滿足時(shí)龙致，常常通過使功能失效來表示（一般按鈕會(huì)變?yōu)榛疑珶o法點(diǎn)擊），以避免誤按顷链，這是在提交之前的視覺驗(yàn)證輸入的另一種方式目代。

9.正確使用主按鈕和輔助按鈕

如果你有兩個(gè)按鈕——主要和次要的，你應(yīng)該在視覺上區(qū)分它們以減少潛在的錯(cuò)誤嗤练。更重要的是榛了，主按鈕應(yīng)該看起來更加的明顯。

10. 確保界面切換時(shí)煞抬，數(shù)據(jù)被保留

需要前端將用戶已輸入的數(shù)據(jù)保留霜大，在「登錄」與「注冊(cè)」切換時(shí)，自動(dòng)將兩種界面匹配的數(shù)據(jù)轉(zhuǎn)填革答。

且用戶注冊(cè)賬戶后战坤，讓其保持登錄狀態(tài)，常見問題是用戶注冊(cè)賬戶后残拐，又要求用戶立刻登錄途茫。這個(gè)額外的步驟讓用戶感到很困惑。

11. 瀏覽視線

第一版視覺線：寫手機(jī)號(hào)－看一眼驗(yàn)證碼輸入框－點(diǎn)擊驗(yàn)證碼按鈕－回來輸入驗(yàn)證碼－點(diǎn)擊注冊(cè)溪食。在這個(gè)過程中囊卜，驗(yàn)證碼輸入框被2次閱讀；

第二版視覺線：輸入手機(jī)號(hào)－點(diǎn)擊驗(yàn)證碼－輸入驗(yàn)證碼－點(diǎn)擊注冊(cè)，但是從手機(jī)號(hào)到驗(yàn)證碼跳了一行栅组，思路會(huì)突然斷一下雀瓢，再著一按鈕直接沖在最前嗎有點(diǎn)突兀；

第三版視覺線：將驗(yàn)證碼按鈕上移到輸入手機(jī)一行玉掸，這樣在用戶輸完手機(jī)號(hào)碼時(shí)刃麸，看到驗(yàn)證碼很自然就會(huì)點(diǎn)擊，然后輸入完成操作排截。保證視覺線與思路線保持一致嫌蚤。

12. 及時(shí)反饋

在用戶每次操作過程中辐益，都需要能給予用戶正確引導(dǎo)断傲，幫助用戶進(jìn)行抉擇和判斷的反饋設(shè)計(jì)，做到『操作時(shí)有反饋』智政，且需要做到反饋及時(shí)準(zhǔn)確认罩，幫助用戶建立信心和對(duì)資金的掌控感。在交互設(shè)計(jì)中续捂，有『正反饋』和『負(fù)反饋』之分垦垂。

所謂正反饋，就是指用戶行為獲得成功后給予用戶的反饋牙瓢，比如用戶充值成功后劫拗，通知用戶充值成功。

所謂負(fù)反饋矾克，指用戶行為出現(xiàn)問題時(shí)出現(xiàn)页慷，比如投資金額小于最低可投金額，或者密碼不正確等等胁附。雖然負(fù)反饋在產(chǎn)品交互設(shè)計(jì)中對(duì)于警示用戶不該做的行為或者是該行為會(huì)導(dǎo)致不良后果的可能時(shí)起到了不可或缺的作用酒繁。但是顯然更多的時(shí)候人們不愿意收到負(fù)反饋，任何用戶在得到負(fù)反饋的時(shí)候都會(huì)感到沮喪控妻，因此盡量減少通過特定的反饋頁面來進(jìn)行負(fù)反饋州袒。

對(duì)于正反饋，我們一般采用跳轉(zhuǎn)反饋頁面或者采用Dialog這種相對(duì)重的反饋方式來處理弓候，而對(duì)于負(fù)反饋郎哭，我們一般采用Toast這種輕量化的反饋來弱化。

13. 安全注冊(cè)

a菇存、讓用戶感覺注冊(cè)對(duì)我來說代價(jià)很小夸研，人畜無害。

時(shí)間：大多數(shù)注冊(cè)流程能夠在一個(gè)頁面中完成–輸入手機(jī)撰筷、輸入驗(yàn)證碼陈惰、填寫密碼、點(diǎn)擊下一步。此類注冊(cè)流程可以通過告知用戶注冊(cè)當(dāng)前處于注冊(cè)流程的哪一步來緩解用戶對(duì)未知的焦慮抬闯。

建立向?qū)Ь荆層脩魧?duì)注冊(cè)流程一目了然，用戶自己以主宰者的姿態(tài)掌控整個(gè)注冊(cè)

b溶握、讓用戶知道注冊(cè)很安全杯缺，不用擔(dān)心。

在注冊(cè)中以友好的方式告知用戶隱私會(huì)得到尊重睡榆，會(huì)讓注冊(cè)流程開啟的更加容易萍肆。在這方面，國外的產(chǎn)品做的相對(duì)比國內(nèi)好一些胀屿，可能是因?yàn)閲飧幼⒅乇Ｗo(hù)隱私塘揣。在注冊(cè)中讓用戶打消顧慮，Twitter和tinder是兩個(gè)很好的榜樣宿崭。

tinder使用Facebook賬戶登錄亲铡，這里強(qiáng)調(diào)tinder不會(huì)向Facebook發(fā)布任何內(nèi)容，打消用戶的顧慮葡兑。

14. 其它

在輸入框中奖蔓，提示你所需要輸入內(nèi)容；

能夠自動(dòng)判斷手機(jī)（帳號(hào)）的格式讹堤，在輸入11位數(shù)字之后無法再輸入吆鹤；

60秒重發(fā)，且所收到的驗(yàn)證碼固定時(shí)間內(nèi)有效（在未驗(yàn)證前洲守，且后臺(tái)沒有退出）疑务。如果操作頻繁，將提示“已超出限制次數(shù)”岖沛；

讓用戶密碼可視化：使用“顯示密碼”復(fù)選框方式去預(yù)防用戶輸入錯(cuò)誤密碼暑始；

當(dāng)圖形驗(yàn)證碼正確時(shí)，自動(dòng)發(fā)送短信驗(yàn)證碼婴削，減少用戶點(diǎn)擊次數(shù)廊镜。

最近做APP，所以看了二十幾篇關(guān)于APP注冊(cè)的文章唉俗，把那些觀點(diǎn)歸納整理了一下嗤朴，如果侵權(quán)，立刪虫溜！