1.9.2 遮挡输入
字段掩蔽是一种帮助用户格式化输入文本的技术 。许多设计师把字段掩蔽和占位符文本混为一谈,但它们不是一回事 。
与占位符不同,占位符基本上是静态文本,掩码会自动格式化用户提供的数据 。
在下面的示例中,当输入 *** 号码时,括号、空格和破折号会自动出现在屏幕上 。
屏蔽输入也使用户更容易验证信息——当一个 *** 号码是块显示,它使它更容易找到和纠正一个错误 。
文章插图
1.10 提供匹配键盘
移动用户喜欢为该领域提供合适键盘的应用程序和网站 。此功能阻止它们执行其他操作 。
例如:当用户需要输入信用卡号码时,应用程序应该只显示拨号盘 。这在整个应用程序中始终实现键盘匹配是非常重要的(应用程序中的所有表单都应该具有此功能) 。
设置HTML输入类型以显示正确的键盘 。
有七种输入类型与表单设计相关:
input type=”text”displays the mobile device’s normal keyboard.input type=”email”displays the normal keyboard and ‘@’ and ‘.com’.input type=”tel”displays the numeric 0 to 9 keypad.input type=”number”displays a keyboard with numbers and symbols.input type=”date”displays the mobile device’s date selector.input type=”datetime”displays the mobile device’s date and time selector.input type=”month”displays the mobile device’s month and year selector.
文章插图
1.11 请求特定范围时使用滑块
许多表单要求用户提供一系列的值(例如,价格范围、距离范围等) 。为了达到这个目的,不要使用两个单独的字段——“From”和“to”,而是使用一个滑块来允许用户通过拇指交互来指定范围 。
文章插图
1.12 清楚地解释:你为什么要求敏感的信息
人们越来越关注隐私和信息安全 。
当用户看到他们认为是隐私的信息请求时,他们可能会想:“嗯,为什么他们需要这个?”
如果您的表单要求用户提供敏感信息,请确保解释您为什么需要它 。您可以通过在相关字段下面添加支持文本来做到这一点 。
根据经验,解释文本不应超过100个字符 。
文章插图
1.13 注意静态默认值
与由系统根据系统拥有的有关用户的信息计算的智能默认值不同,静态默认值是以对所有用户相同的形式预置值 。避免静态默认值,除非您相信有相当一部分用户(例如,95%)会选择这些值——特别是对于所需的字段 。
为什么?
因为您可能会引入错误——人们会很快地扫描表单,并且不会花费额外的时间来解析所有的问题;相反,他们只会跳过这个字段,假设它已经有了一个值 。
1.14 保护用户数据
JefRaskin曾经说过:“系统应该把所有用户的输入视为神圣的 。”
对于表格来说,这是绝对正确的 。
当您开始填写Web表单,然后意外刷新页面时,这是很棒的,但是数据仍然保留在字段中 。Garlic.js等工具会帮助您在本地持久化表单的值,直到表单提交为止 。这样,如果用户不小心关闭选项卡或浏览器,就不会丢失任何宝贵的数据 。
1.15 自动动作
如果您想使数据输入过程尽可能流畅,那么仅减少输入字段的数量是不够的——您还应该注意数据输入所需的用户工作量 。
打字的交互成本很高,即使使用物理键盘,也容易出错,而且耗时 。但当涉及到移动屏幕时,它变得更加关键 。更多的输入会增加用户出错的机会 。
尽量避免不必要的打字,因为这样会提高用户的满意度,降低错误率 。
为了实现这个目标,您可以做以下几件事:
自动完成:
大多数用户在Google的搜索框中输入问题时都会自动完成 。
Google向用户提供了与用户在字段中键入的内容相关的建议列表 。
同样的机构也适用于形状设计,例如:表单可以自动完成电子邮件地址 。
文章插图
自动大写:
自动大写使之一个字母自动成为大写字母 。
这个特性对于像名字和街道地址这样的字段是很好的,但是对于密码字段则要避免它 。
自动纠错:
自动更正修改似乎拼写错误的单词 。对于唯一的字段,如名称、地址等,请关闭此功能 。
推荐阅读
- 不知道怎么去爱,总是让对方很受伤的星座
- 小孩感冒后咳嗽怎么办 感冒后咳嗽怎么办
- pdf打不开是怎么回事说是文件损坏 pdf打不开是怎么回事
- 炒藕片怎么不变黑,韭菜苔炒藕怎么炒不发黑?
- 通过互联网赚到钱的三条思路 网上怎么赚钱来得快
- 2021年10月4日农历八月二十八出生的女孩怎么起高分好名字
- 京东自营不够99怎么免运费,京东自营怎么能免运费?
- 算命最准的免费 八字中孤辰寡宿是啥意思,孤辰寡宿怎么破解
- 十二星座和对象吵完架都会怎么解决
- word公式编辑器在哪里,word公式编辑器升级怎么升?