電話(huà)號(hào)碼的輸入應(yīng)盡可能的輕松,不要試圖驗(yàn)證它們,不要將它們分成組,不要用括號(hào)包起來(lái),不要用你在網(wǎng)絡(luò)上看到的任何其他奇怪的技巧。如果你曾試過(guò)在要求填歐洲手機(jī)號(hào)的表格上填寫(xiě)英國(guó)手機(jī)號(hào),那么你就會(huì)知道這種感覺(jué)有多糟。
我的理論是,這種設(shè)計(jì)模式來(lái)自傳統(tǒng)的紙上填表。設(shè)計(jì)師的任務(wù)是將過(guò)去的紙質(zhì)表格內(nèi)容復(fù)制或重建到公司新做的閃閃亮的網(wǎng)絡(luò)應(yīng)用程序中,但是他們也只是非常簡(jiǎn)單地直接重用了這些內(nèi)容,因此用戶(hù)最終會(huì)有很可怕的體驗(yàn)。
停下來(lái)想想,大多數(shù)注冊(cè)表格是否真的需要電話(huà)號(hào)碼。我討厭使用手機(jī)。 “電話(huà)”這個(gè)應(yīng)用是我手機(jī)上最不喜歡的(我已經(jīng)嘗試刪除它,只可惜刪不掉)。但是我承認(rèn)有些情況下你絕對(duì)需要收集電話(huà)號(hào)碼。
在服務(wù)器端執(zhí)行智能電話(huà)號(hào)碼檢測(cè)和解析,讓用戶(hù)只需輸入他們的電話(huà)號(hào)碼即可。使用 <input type = "tel">? 會(huì)更好,如果在移動(dòng)設(shè)備上,當(dāng)點(diǎn)擊該字段時(shí)會(huì)顯示撥號(hào)鍵盤(pán),現(xiàn)在的智能手機(jī)還會(huì)顯示“自動(dòng)填充”——這意味著用戶(hù)只需輕輕一按就可以添加他們的號(hào)碼。

知識(shí)點(diǎn):
·請(qǐng)勿嘗試在用戶(hù)界面中驗(yàn)證或解析電話(huà)號(hào)碼。
·只需讓用戶(hù)輸入他們的號(hào)碼。
·在移動(dòng)設(shè)備上向用戶(hù)顯示數(shù)字小鍵盤(pán)。