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