101條UX原則 - #49 允許用戶(hù)按他們希望的方式輸入電話(huà)號(hào)碼

電話(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)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,022評(píng)論 4 61
  • 預(yù)期中兆易創(chuàng)新回復(fù)函還沒(méi)那么快,先t掉4手,再做打算; 水晶光電也到了這個(gè)平臺(tái),繼續(xù)再看; 以上兩個(gè)看主力線(xiàn)攻擊性...
    willstar閱讀 424評(píng)論 0 0
  • 子曰:“詩(shī)三百,一言以蔽之,曰“思無(wú)邪”?!? 夫子此處所用“無(wú)邪”,后人多當(dāng)“正誠(chéng)”解。夫子就是夫...
    ztmcom閱讀 319評(píng)論 0 7
  • 醉酒打油詩(shī)更醉, 眼花煩俗不愿隨。 獨(dú)對(duì)書(shū)香情相許, 字里行間愛(ài)上誰(shuí)? 貪杯過(guò)量身先危, 自律適度人自貴。 活命只...
    松風(fēng)入骨閱讀 423評(píng)論 33 37

友情鏈接更多精彩內(nèi)容