交互設(shè)計(jì):短信驗(yàn)證碼設(shè)計(jì)該注意什么?

6 評(píng)論 17827 瀏覽 95 收藏 10 分鐘

本文筆者將與大家介紹:發(fā)送驗(yàn)證碼的短信內(nèi)容設(shè)置規(guī)則,獲取驗(yàn)證碼的界面設(shè)計(jì),發(fā)送邏輯,核對(duì)短信發(fā)送數(shù)量以及對(duì)接收不到短信的解決方案等,為大家展示驗(yàn)證碼短信從內(nèi)容設(shè)計(jì)到發(fā)送、反饋的一整個(gè)流程。

設(shè)計(jì)驗(yàn)證碼的目的是為了驗(yàn)證是機(jī)器還是人為,也用于校驗(yàn)是否本人操作。早前驗(yàn)證碼有發(fā)郵箱,但現(xiàn)在注冊(cè)體系一般以手機(jī)號(hào)做主體,所以主流還是發(fā)手機(jī)短信驗(yàn)證碼。

一、短驗(yàn)設(shè)計(jì)

短驗(yàn)內(nèi)容:【短信簽名】XXXX,#文本,發(fā)送場(chǎng)景,短驗(yàn)編號(hào),危險(xiǎn)提示#。

如:【APP名字】1234,支付驗(yàn)證碼編號(hào)15,請(qǐng)勿給他人,謹(jǐn)防受騙。

1. 一般把短信簽名放在簽名,用于標(biāo)記該短信是哪個(gè)產(chǎn)品發(fā)出

如果用戶短時(shí)間內(nèi),操作多個(gè)產(chǎn)品的發(fā)短驗(yàn)行為,加上發(fā)送短驗(yàn)有延遲問題,短信簽名放在簽名,能讓人一眼辨認(rèn)出短驗(yàn)隸屬方,以防搞錯(cuò)。當(dāng)然放后面也是常見做法,區(qū)別不大。

2. 短驗(yàn)長(zhǎng)度一般為4或6個(gè)隨機(jī)數(shù)字

至于為什么是4/6,是從系統(tǒng)安全性和人瞬間記憶綜合考量,機(jī)器遍歷4位驗(yàn)證碼要10^4次,遍歷6位驗(yàn)證碼要10^6次,普通機(jī)器遍歷耗時(shí)起碼幾分鐘。4/6長(zhǎng)度對(duì)于人的瞬間記憶來講,體驗(yàn)較好,再長(zhǎng)記憶就有點(diǎn)吃力了。

3. 設(shè)置驗(yàn)證碼有效期

考慮到短驗(yàn)發(fā)送有網(wǎng)絡(luò)堵塞等原因,用戶遲遲未收到,會(huì)短時(shí)間內(nèi)多次獲取,所以一般設(shè)置驗(yàn)證碼有效期。

在有效期內(nèi)且短驗(yàn)未失效時(shí),短驗(yàn)內(nèi)容一致,防止用戶已獲取多次,但收到之前短驗(yàn),校驗(yàn)失敗,如:用戶第一次獲取驗(yàn)證碼(1234),網(wǎng)絡(luò)延遲用戶第二次獲取驗(yàn)證碼(5678)后收到短驗(yàn)1234,校驗(yàn)失敗。

一般做法是:第二次短驗(yàn)仍是1234,那么即使發(fā)送延遲,也能校驗(yàn)成功,這種做法適用于不需要太嚴(yán)謹(jǐn)?shù)膱?chǎng)景。

對(duì)于一些獲取一次就要重新生成短驗(yàn)的做法,可參考銀行做法,在發(fā)送短驗(yàn)界面和短信內(nèi)容寫明短驗(yàn)編號(hào),如下圖:

驗(yàn)證碼

驗(yàn)證碼

4. 短驗(yàn)后面加上詐騙提醒

運(yùn)營(yíng)商/合作商及有些敏感時(shí)期,對(duì)短信文案有要求,一些文案是不能發(fā)送的,所以建議確定短信文案后跟運(yùn)營(yíng)商/合作商報(bào)備下,之前跟某甲方爸爸合作時(shí)就要求在短驗(yàn)后面加上詐騙提醒。

提一句:短信文本超過70個(gè)字(符?)在一些手機(jī)上會(huì)分成2條短信發(fā)送,文案最好能簡(jiǎn)潔至上。

5.?發(fā)送次數(shù)限制

有些不謀好意人會(huì)故意頻繁請(qǐng)求獲取短驗(yàn),影響正常用戶操作,來敲詐。所以一般會(huì)對(duì)同一IP,同一手機(jī)號(hào)等在某段時(shí)間做發(fā)送次數(shù)限制,如:限制同一手機(jī)號(hào)24h內(nèi)最多獲取短驗(yàn)10次,超過次數(shù)提示24h后再試。

6.?價(jià)格

按照之前公司發(fā)送體量,對(duì)接的幾家渠道商,通知類短信價(jià)格一般到0.02-0.04元左右,營(yíng)銷類短信價(jià)格在0.03-0.04元,爸爸級(jí)別的合作商要收0.1+元。

二、交互設(shè)計(jì)

以注冊(cè)驗(yàn)證碼為例,別的場(chǎng)景大同小異。

一般注冊(cè)頁面的手機(jī)號(hào)和驗(yàn)證碼在同一界面顯示,如下圖1。

注意點(diǎn):

  1. 焦點(diǎn)在手機(jī)號(hào)和驗(yàn)證碼輸入框內(nèi),自動(dòng)喚起數(shù)字鍵,支持切換鍵盤(題外話:我這種懶人把卡號(hào),手機(jī)號(hào)等存成常用語,支持切換鍵盤可直接粘貼,不用一字字輸);
  2. 輸入框支持一鍵刪除;
  3. 校驗(yàn)手機(jī)號(hào)長(zhǎng)度,長(zhǎng)度=11位數(shù)字時(shí),獲取驗(yàn)證碼按鈕才點(diǎn)亮;
  4. 純數(shù)字輸入框,不支持輸入數(shù)字外字符;
  5. 獲取驗(yàn)證碼后給予延遲提醒;
  6. 在獲取驗(yàn)證碼請(qǐng)求成功后,將手機(jī)號(hào)置灰,不可修改;
  7. 頁面必填項(xiàng)有空值時(shí),登錄按鈕置灰;
  8. 輸入框不要禁用粘貼功能,支持用戶粘貼不用一個(gè)個(gè)輸入數(shù)字;
  9. 輸入框有默認(rèn)提示文案;(這個(gè)特別適用于千奇百怪的密碼要求,有些網(wǎng)站密碼不支持特殊字符,錯(cuò)誤提示還不寫明原因,可以用默認(rèn)文案告知設(shè)置要求)
  10. 若同一手機(jī)號(hào)短時(shí)間內(nèi)獲取次數(shù)超過閾值,可增加難度,如增加圖文驗(yàn)證碼,圖文校驗(yàn)通過后才能獲取短驗(yàn)。

驗(yàn)證碼

有時(shí),注冊(cè)項(xiàng)太多和增加頻繁獲取驗(yàn)證碼的難度(輸入手機(jī)號(hào)和獲取短驗(yàn)是2個(gè)頁面,多1個(gè)頁面就多個(gè)難度但治標(biāo)不治本)會(huì)設(shè)計(jì)成分頁,如下圖2。

多頁設(shè)計(jì)也適用輸入項(xiàng)太多的場(chǎng)景,一來容錯(cuò)率高防止錯(cuò)一項(xiàng),所有輸入框重填;二來輸入項(xiàng)太多,沒有操作欲望。(如果非要一頁顯示,希望輸入框失去焦點(diǎn)時(shí)能自動(dòng)入庫,用戶下次進(jìn)入頁面能回顯)

多頁設(shè)計(jì)注意點(diǎn):

  • 輸入正確格式的手機(jī)號(hào)后,自動(dòng)獲取驗(yàn)證碼,無需再讓用戶操作;
  • 驗(yàn)證碼獲取頁顯示手機(jī)號(hào),可方便用戶檢查是否填錯(cuò);
  • 若分多頁,告知共有幾頁,當(dāng)前在第一頁,如第一頁,第二頁,第三頁……

驗(yàn)證碼

三、短驗(yàn)的發(fā)送邏輯

驗(yàn)證碼

  • 我們直接跟渠道商對(duì)接:我們告訴渠道商要給某手機(jī)號(hào)發(fā)短驗(yàn),渠道商告訴運(yùn)營(yíng)商,運(yùn)營(yíng)商發(fā)短信到用戶手機(jī),如路徑1。
  • 我們跟合作商對(duì)接:我們告訴合作商要給某手機(jī)號(hào)發(fā)短驗(yàn),合作商在告訴渠道商–>運(yùn)營(yíng)商–>手機(jī),如路徑2。

合作商和“我們的產(chǎn)品”的關(guān)系可理解成集團(tuán)和子公司的關(guān)系。

一來集團(tuán)體量大議價(jià)權(quán)強(qiáng),由集團(tuán)和渠道商合作可談下更低更好的價(jià)格/服務(wù);二來若集團(tuán)有多個(gè)子公司要和渠道商合作,每個(gè)子公司都要對(duì)接流程麻煩,一般合作是:集團(tuán)談合作,子公司適用。

注:驗(yàn)證碼的生成規(guī)則:我方生成或合作商/渠道商生成,并不是短驗(yàn)都是自己程序生成的。

四、對(duì)賬

以路徑1為例:我們告訴渠道商要給10個(gè)手機(jī)號(hào)發(fā)短驗(yàn),渠道商會(huì)立即(同步)反饋我們收到要發(fā)10條的要求【接收請(qǐng)求成功】,10s后(異步)告訴我們他已經(jīng)通知運(yùn)營(yíng)商要發(fā)8條短信了,20s后運(yùn)營(yíng)商告訴渠道商,渠道商告訴我們5條短信已發(fā)送到手機(jī)【發(fā)送短信成功】。

所以,核對(duì)發(fā)送數(shù)量時(shí)要明確核對(duì)的是發(fā)送請(qǐng)求成功數(shù)量,還是發(fā)送短信成功數(shù)量。

一般我們說短信發(fā)送成功,是指我們告訴合作商/渠道商要發(fā)短信成功,并不代表用戶收取驗(yàn)證碼成功。因?yàn)槎舔?yàn)發(fā)送路徑較長(zhǎng),每一步出錯(cuò)都會(huì)導(dǎo)致用戶收不到,并不是收不到短信,就是有bug。

五、短信死活收不到的原因及解決方案

  1. 手機(jī)欠費(fèi),停機(jī)(用戶自行檢查);
  2. 被攔截軟件攔截了(在攔截短信里找);
  3. 信號(hào)不好(換個(gè)信號(hào)好點(diǎn)的地方/手機(jī)唄);
  4. 運(yùn)營(yíng)商黑名單(找渠道商或運(yùn)營(yíng)商核實(shí)后解除黑名單);
  5. 手機(jī)問題(換個(gè)手機(jī)試試);
  6. 遇見鬼了(找程序員解決);
  7. 其他忘了,想起來再加。

六、腹黑謠言時(shí)刻

有時(shí)短驗(yàn)被頻繁獲取,可能是壞壞的渠道商在沖量。短信成本可高可低,回扣水分很大。

 

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. “6在獲取驗(yàn)證碼請(qǐng)求成功后,將手機(jī)號(hào)置灰,不可修改;”這一點(diǎn)要稍微優(yōu)化一下,萬一我手機(jī)號(hào)填錯(cuò)了,等驗(yàn)證碼的時(shí)候才發(fā)現(xiàn)呢對(duì)吧

    來自廣東 回復(fù)
  2. 贊,很詳細(xì)

    回復(fù)
  3. 第五點(diǎn)的6,哈哈哈哈哈哈

    來自上海 回復(fù)
    1. ??

      來自浙江 回復(fù)
  4. 希望繼續(xù)發(fā)表。。。LLL

    來自浙江 回復(fù)