2B产品设计套路一:表单设计( 六 )

\r\n上图中必填项的【资产名称】、【SN码】、【型号】是需要输入框填写的 , 而【资产分类】由于业务需要采用国标分类 , 所以可以做到通过选择来填写 。 \r\n

\r\n4. 友好的表单\r\n作为用户 , 很多人对填写密密麻麻的表单感到头大 , 虽然我们已经在内容上尽量精简了 , 但还可以在表现形式上更加友好 , 让我们的用户不至于在填写表单时候摔键盘 。 \r\n(1)对齐\r\n对齐主要是指表单标签的对齐 , 包括左对齐 , 右对齐和顶对齐三种:\r\n

\r\nantDesgin:“冒号对齐(右对齐)能让内容锁定在一定范围内 , 让用户眼球顺着冒号的视觉流 , 就能找到所有填写项 , 从而提高填写效率” 。 \r\n顶对齐比较节约横向空间 , 但纵向会比较长 , 所以移动端用的多于web端 。 综合来看 , 一般我会选择右对齐 。 \r\n(2)分块分步\r\n对于填写项比较多的表单 , 最好对填写项按照业务属性进行一个分组 , 相同属性的信息一起填写会比较符合用户习惯 。 还是比如还是举“新增资产”表单的栗子 , 按业务属性可以把填写项分为基本信息、使用信息、采购信息和折旧信息 。

推荐阅读