表单设计注意点

作者: 妖叶秋 | 来源:发表于2015-12-07 12:33 被阅读260次

表单设计的时候,首先是罗列表单项目,如果有很多项目的话,可以考虑分页填写,避免一大堆表单带给用户的压迫感。

对于表单,需要注意的点有:

1、是否有字数限制?超过如何显示?

2、是否有不支持的表单字符类型?

3、是否有日期、时间等特定类型限制?有的话考虑用“选择器”控件。

4、检验的方式是实时检验吗?如果提示错误类型?

5、表单引导wording如何填写?

6、是否有默认状态?

7、是否有可以从其他数据提取的数据?比如从身份证号提取出生日期。

8、是否需要设置数据边界?比如限定返程日期不能早于出发日期(购买往返机票)

9、是否需要数据可视化?比如通过地图描点来确定地址。

10、表单过多是否需要设置分页?

11、信息是否要分组显示?

12、智能呼出键盘,自定义键盘功能键或者操作栏。

13、密码设置,当前输入位短暂显示为明文,保持1秒或者保持到下一位密码输入。

14、视觉流。

15、智能填充,自动读取短信的验证码。

16、给出推荐项,主要是在输入Email的时候。

相关文章

  • 表单设计注意点

    表单设计的时候,首先是罗列表单项目,如果有很多项目的话,可以考虑分页填写,避免一大堆表单带给用户的压迫感。 对于表...

  • 2019-07-27 js基础

    注意点 form表单submit提交时调用函数 用button时 js调用样式表方法 注意索引 取消表单的subm...

  • 关于表单设计的思路

    表单设计的典型流程: 数据建模---------------设计表单------------布局---------...

  • 设计的套路:10个小技巧让长表单填写更省事

    表单设计是我们做产品设计时经常会做的一件事,特别是长表单,在设计时尤其要注意。 没有用户愿意对着一串很长且无聊的字...

  • 设计的套路:10个小技巧让长表单填写更省事2018-09-04

    表单设计是我们做产品设计时经常会做的一件事,特别是长表单,在设计时尤其要注意。 没有用户愿意对着一串很长且无聊的字...

  • 设计注意点

    一、列表页面 1、排序规则; 2、查询条件及生效规则; 3、批量按钮及单行按钮:位置、只读/可编辑场景、相关提醒;...

  • 6-HTML< form>表单标签和属性

    一.什么是< form>表单 格式: 作用:form表单一般用来收集用户的信息,并把信息传送到后台。 注意点:1....

  • 超全面的移动端表单设计准则总结(附实战案例)

    编者按:本文由途牛UED 出品,作者将结合实际案例,从7个方面介绍表单设计中的常见注意事项。 表单作为平台与用户联...

  • 《Web表单设计》读书笔记

    一、表单结构 1、表单的设计 -设计原则 尽量减少痛苦 说明填写完成途径 考虑情境 确保一致沟通 2、表单...

  • 前端视频-day3(1)

    表单 表单不是表格,表单的核心是数据。 表单标签的构成和形式: 表单项 下面是我写的一个简单的注册表单 注意:表单...

网友评论

    本文标题:表单设计注意点

    本文链接:https://www.haomeiwen.com/subject/ilmshttx.html