101条UX原则 - #49 允许用户按他们希望的方式输入电话号
2019-01-24 本文已影响1人
Tomi_Wong
电话号码的输入应尽可能的轻松,不要试图验证它们,不要将它们分成组,不要用括号包起来,不要用你在网络上看到的任何其他奇怪的技巧。如果你曾试过在要求填欧洲手机号的表格上填写英国手机号,那么你就会知道这种感觉有多糟。
我的理论是,这种设计模式来自传统的纸上填表。设计师的任务是将过去的纸质表格内容复制或重建到公司新做的闪闪亮的网络应用程序中,但是他们也只是非常简单地直接重用了这些内容,因此用户最终会有很可怕的体验。
停下来想想,大多数注册表格是否真的需要电话号码。我讨厌使用手机。 “电话”这个应用是我手机上最不喜欢的(我已经尝试删除它,只可惜删不掉)。但是我承认有些情况下你绝对需要收集电话号码。
在服务器端执行智能电话号码检测和解析,让用户只需输入他们的电话号码即可。使用 <input type = "tel"> 会更好,如果在移动设备上,当点击该字段时会显示拨号键盘,现在的智能手机还会显示“自动填充”——这意味着用户只需轻轻一按就可以添加他们的号码。
知识点:
·请勿尝试在用户界面中验证或解析电话号码。
·只需让用户输入他们的号码。
·在移动设备上向用户显示数字小键盘。