移动端表单字段

分享今天遇到的一个有意思的需求。

需要对表单内一个特定的字段用车事由进行优化，先后修改了3（N）版。

需求一：在输入时，需要显示输入文字对应的历史事由；

设计一：由于我们不是对话页面，不需要存储后再发送，所以直接使用关键字搜索的方式。

需求二：加入常用的若干项事由，能够快速选择；

设计二：常用事由频次使用频次高，因此当光标键入时即刻弹出五条常用事由，当键入了关键字后显示含关键字历史内容。

需求三：不让用户随意书写用车事由，给出默认分类的用车事由（有二级分类），同时保留常用事由，弱化自定义用车事由；

设计三：将常用事由、默认分类、自定义做成标签切换，默认选中常用事由，图标化自定义用车事由选项，增加用户理解成本，从而减少其使用频次；

优化：由于默认分类层级深，我们运用“交互减步长”的思想，将默认分类“取消文件夹”，释放七个分类内容，并将标签名优化至4字以内，减少横向滑动操作难度