本文将我自己踩过的坑整理出来目的是为了帮助那些刚迈入职场的设计师,对表单能有一个更好的了解从而避免在工作中进入误区。
每个人生活中都在和表单打交噵,各种表格表单需要填写,而表单在产品中主要负责数据采集功能作用和现在一样——信息录入。表单也是最常用的信息录入的工具随着互联网兴起,很多表单被放到了电子屏上填写特别是最近几年,随着B端的兴起和表单打交道的人越来越多。那么作为设计师我们如果设计出一个糟糕的表单,会极大影响 用户信息的录入的效率
我们先看看表单的结构,一个表单有三个组成部分:
本文主要针对表单域——输入框部分的设计,进行讲解会涉及一点代码知识,建议查资料阅读
常见的表单类别:文本输入框、密码输入框、其中文本输入框又包含中文输入框、英文输入框、数字输入框等。其中我们接触最多的就是需要录入信息的输入框
在内容开始之前,先来了解一下输入框在前端开发中的的模样
如图所示,输入框分为標签文本输入框,和占位符三个最基本结构根据特殊场景,会加上帮助信息提示信息,反馈信息等等
在文章开篇我们说到,表单結构为:表单标签(标题)、表单域(输入框)、表单按钮三部分组成,但我们作为设计师在设计时考虑的远远多于这三部分,我们哽多是去做交互上的思考
从交互层面上思考,表单在设计上的结构有:
作者:chetchan一个热衷于代码的产品设計师
本文由 @chetchan 原创发布于人人都是产品经理。未经许可禁止转载