热门文章> 如何设计表单格式? >

如何设计表单格式?

36氪企服点评小编
2021-08-10 14:10
421次阅读

   二十一世纪是一个高速发展的信息时代,假如您仍然通过聊天应用、邮件、基本表格等方式收集数据,那么就应该抛弃这些效率低下、落后、烦琐的数据收集方法,一份优秀的表单就可以帮助您解决这些问题。但是做出一份优秀的表单并不是件容易事,你知道如何设计表单格式吗?接下来跟随小编一起学习下吧。

如何设计表单格式?

一、表单的组成部分

(一)表单标签(标题)。
(二)表单域(输入框),包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
(三)表单按钮:包括提交按钮、保存按钮、复位按钮和一般按钮;用于将表单数据传送到服务器上。

二、表单的结构

(一)表单标签
(二)输入限制
(三)占位符
(四)input输入框大小
(五)输入框焦点
(六)多行文字规则
(七)报错提醒
(八)唤起键盘样式(移动端专属)
(九)帮助性信息
(十)表单属性(是否必填)
(十一)结果反馈
(十二)微文案

三、设计表单时的注意事项

(一)减少不必要的表单项目

   网页上的信息千万别舍不得删,长篇大论,导致页面使用下来用户的体验很差,虽然很多时候表单里的一些内容是无法去掉的,但是最好还是够简化表单。

(二)信息的排序从易到难

   信息的填写最好是从用户相对无抵触的信息开始逐渐到隐私的信息

(三)做好分类

   如果实在是信息量很大但一定要在一个界面里展示,那么就将相关的内容进行分类组合,并且通过增加一些额外的空间或者主标题来分类。

四、如何设计表单?

(一)避免曲折界面的布局

   通过眼动追踪测试可以看出,用户花费更多时间从一列跳到另一列,并且在确定表单中的特定字段时遇到了麻烦。

   与此相反,单列设计只是从上到下的读取,它创建了与表单的简单交互。

   具有多列设计的表单通常会导致用户省略字段,原因很简单,因为他们没有注意到这些字段,或者因为他们误解了多列的含义,或者填写了不相关或不正确的字段,因为用户将它们误解为所需输入的一部分。

(二)完成成和对齐的路径

   左对齐优于中心对齐是减少完成时间路径的最佳方法,如左对齐,眼睛不需要跳过页面。标签的正确对齐方式将注视时间减少了近一半,这表明这种布局大大降低了用户完成任务所需的认知负荷。

(三)对长表单和进度条使用向导

   当你需要设计大数据表单时,确保表单中的所有字段都是真正必要的、唯一的、不重复的。即使您没有机会优化您的大数据表单,也可以使用带有步骤的向导。分段上的组表单字段、记住保存按钮:它保护用户处理和填充的数据、分步显示填充进度:帮助用户了解完成了多少步,还剩下多少步等方法都可以。

(四)可选而不是必需的

   大多数情况下,所有字段都是必填项,只有几个字段是可选的。用星号标记必填字段是一种广泛的实践,但实际上这种形式开始用红色星号表示,最好使用“仅可选字段”。

(五)自定义输入格式

   要注意输入字段格式。在任何地方只使用简单的输入或下拉框都是不好的做法。为性别类型使用单选按钮,不要害怕使用图标、金融领域使用带有货币文字的标签,自动区分千万和百万、设计手机号码、工作日、日期等明显字段、使用带有自动提示功能的高级搜索,避免用户手工填写许多字段都是好方法。

   想设计出一份优秀的表单并不是件容易事,这需要数十次的亲身实践,只有一步步实践去自己完成设计表单,才会了解用户的需求,从而不断改进表单,无限靠近一份优秀的表单。以上就是小编给大家带来的如何设计表单格式,你学会了吗?

 

[免责声明]

文章标题: 如何设计表单格式?

文章内容为网站编辑整理发布,仅供学习与参考,不代表本网站赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时沟通。发送邮件至36dianping@36kr.com,我们会在3个工作日内处理。

相关文章
最新文章
查看更多
关注 36氪企服点评 公众号
打开微信扫一扫
为您推送企服点评最新内容
消息通知
咨询入驻
商务合作