移动端的输入框

发布时间:2017-11-23

输入

用户都偏爱那些根据输入内容提供了合适键盘的应用。我们可以根据输入框的类型优化虚拟键盘,这是实体键盘不能做到的。常见输入内容的类型包括:

•  数字:电话号码、信用卡号码,PIN码

•  文字:正确的名字、用户名

•  混合输入:电子邮件地址、街道地址、搜索关键词

请确保这种匹配键盘的设计在整个应用中是统一的,而不是仅仅用在了某些地方。

标签和有用的信息

当用户在输入框输入信息时,他们想知道所输入信息的类型,提供清晰的标签文本是一个使UI更具有可用性的好办法。标签告知用户文本框的目的,当输入框获得焦点时发挥作用使用户即使输入完信息后,仍然保证对输入框的关注度。

你也可以根据输入框的上下文提供有用的信息。相关的上下文信息能帮助用户更简便地完成任务。标签并不是帮助信息。我们在设计中应当使用简洁的、短的具有描述性的标签(1-2个),好让用户可以快速浏览所有的输入框的需求。

校验

当用户在输入数据的过程中,他们不喜欢在最后提交时才发现自己犯了错误。正确的做法是,我们应该在用户刚刚刚填写完某条信息后就立刻告知他是否正确。

实时的页内校验可以立刻告知用户他们输入的信息是否正确。用户可以更快地修改错误,而不必等到按下提交按钮后才知道哪里错了。设计师可以给错误文案定义鲜明的颜色,比如红色或者橙色这种暖色调。