言而有物第七弹|浅谈输入框设计规则

前言

简单来说输入框是一个单击鼠标会插入点光标的方框，我们可以直接在方框内输入框中输入文字或文本信息。但这个不起眼的方框却是用户与虚拟的互联网世界信息交流的重要枢纽。本期带大家了解输入框的设计规则与要点。

一、输入框的组成部分

输入框一般由以下五部分组成：

——————

1.标题：始终可见，不可缺失。

2.载体：文本框，输入信息的地方。

3.占位符：可做提示，也可作为提供的默认信息填写。

4.提示：（1）帮助提示、（2）反馈提示

5.图表：1.展示型 2.操作型 3.反馈型

二、输入框的交互逻辑

输入框的校验与反馈规则

1.输入前

输入前，标题信息，图表信息，占位符必须提供清晰明了提示信息，以便于用户输入操作。

2.输入中

输入中必须实时校验用户所输入信息格式是否正确，文本大小写是否正确，所输入文本长度是

否符合规则，及时给予用户反馈。

——————

1.验证内容是否违规（大小写、空格输入）

2.验证输入方式是否正确

3.输入结束

输入结束应及时给予用户输入结果的反馈信息。如信息有误，应给予用户错误内容。

————

1.验证内容是否违规

2.验证内容是否为空

3.验证内容是否在输入范围内（一般为字符串长度）

4.验证内容是否一致