本文译者@C7210 移动应用的设计师们一直在努力降低用户的输入量。屏幕太小了，手指无法精准触摸，输入过程中产生错误简直是家常便饭。

输入量是无法被无限制的降低的，很多时候我们更需要考虑的是怎样使输入变得更加容易。

输入蒙板是一种限制内容格式、避免输入错误的方式。举个例子，我们可以使电话号码输入框只接受数字内容，而不对其它任何类型的字符做出响应。所接纳的数字也可以被限定在某个范围或模式当中。不过，输入蒙板的功能不仅限于防错，它同样可以被用在更加“积极”的地方，例如将多项输入内容合并为一个逻辑序列，使用户不必在多个输入框中来回切换。

以下译文以原作者的第一人称视角翻译。

最近我(英文原文作者)在Square的iPhone应用(Square Wallet)当中见到的输入方式就蛮有意思的，用户在一个输入框当中就可以完成信用卡类型、卡号、有效期、CVV号(卡片背后的3位数字)和邮政编码的填写。

输入框当中的最左端是一个代表信用卡的图标，主要内容部分用于输入卡号，蒙板规则是典型的4位分隔。随着用户的输入，系统会根据卡号判断卡片的类别，例如VISA或MasterCard，并相应的改变左侧的信用卡图标。这种方式帮用户省掉了一个选择卡片类型的步骤，而且是一种很积极的信息回馈方式，让用户能够感受到系统对他们的操作产生了响应(相关阅读：为用户的成功操作提供正面反馈)。

当用户正确的完成了16位卡号的填写，文本框会自动改变显示模式，之前输入的卡号只会显示出最后的4位，节省出的3个字段就分配给了有效期、CVV码和邮编。用户在键入这些内容的时候同样会得到输入蒙板的辅助，例如格式限定、日期有效性的判定、自动添加斜杠、自动聚焦到下一个字段等。

这里有一个很棒的细节，当用户在输入CVV码时，左侧的图标会发生变化(如上图所示)，提示用户所谓的CVV码就是卡片背后的3位数字；非常贴心。

目前看来人们对这套交互模式的反响很好；这简直是一定的。只用到一个文本框，即有效的利用了输入蒙板的防错与辅助功能，又极大减少了传统模式当中文本框的使用量——Squre给力！

另外值得一提的是，Zachary Forrest通过前端技术将这套交互模式“移植”到了Web端，有兴趣的朋友们也不妨去围观。

本文作者来自天津求谛互动，转载请注明出处：求谛互动（http://www.qd218.com）
选择天津网站建设公司-求谛互动，优质服务，绝对不容错过 ！
1. 优秀的网络资源，稳定的网站和速度保证
（配送双线独立ip空间，国际A级BGP机房，99.5% 的主机在线时间）
2. 7年天津网站建设经验，优秀的技术和设计水平，更放心
3. 全程省心服务，不必担心自己不懂网络，更省心。
------------------------------------------------------------------------------------------
我们的与众不同之处：
免费网络营销顾问：我们为您提供免费的网络营销顾问服务，您需要了解关于如何开展网络营销，电子商务，网站设计等的事宜，欢迎随时联系我们。

seo友好的网站管理系统：除了优质的网站空间，网站管理系统，和网站设计外，我们的网站管理系统更是seo友好的，包括：自定义栏目名，Google Sitemap自动生成，静态页面生成等等，让您的网站。

免费网络营销培训：如何更好的投放网络广告，如何提高网络广告的投资回报，如何发帖子，
如何优化网站，我们有丰富的经验开放给您！祝君成功！
联系我们：022-66351726

天津网站建设本站关键词：天津网站建设  天津网站制作  天津网站设计  网站建设  天津网站建设公司  网站建设