首页 > 建站资源 > 网站优化 > 设计分享:设计表单页面字段的自审单

设计分享:设计表单页面字段的自审单

时间:2018-02-23    来源:人人都是产品经理

一般来说,无论是C端产品还是后台产品,我们在设计的时候都不可避免的会接触到设计表单页面的时候。尤其是后台产品,可以说大部分内容的生成都是一个个表单页面堆叠而成的,所以设计好一个页面对于一个后台产品来说可以说是十分重要的。

然而我们在设计完之后,信心满满的交给开发时,却时不时的会让开发怼来怼去:“这个字段的限制没办法做啊”“这个数据量这么大,要不要做分页啊”…,此种情况,不胜枚举。

所以为了让我们心中有底气,在设计每一个表单字段的时候,除了一些需求上的问题,即此字段需不需要出现,字段名称及填写内容是什么之外,对于某一个字段的客观限制,我们也应该有个标准。

这个时候,有一个表单页面字段的自审单就十分重要。我们在设计完一个表单页面之后,按照自审单将自己的页面重新审视一下,查漏补缺,无论是以后对于开发的沟通还是产品的完整性都是十分重要的。下面,我想说一说自己设计表单页面时候的自审单。

我把表单字段的类型分为了两种:一、输入型字段;二、非输入型字段。当然,有时候我们可能也会遇到既是输入又是非输入的字段的时候,如果有此情况,将两者按照页面的自身情况合并即可。还有一些情况是输入型字段与非输入型字段都会遇到的共性问题,这些都需要我们去考虑。

一、输入型字段自审单

我认为,在设计输入型字段的时候,我们需要考虑的有以下几个问题:

  1. 字段数据类型限制。
  2. 字段输入长度限制。
  3. 字段输入格式限制。
  4. 单行文本输入框还是多行文本输入框。
  5. 输入项是否有验重设置。
  6. 字段输入内容是否可以通过其他表单字段进行计算。

1.字段的数据类型限制

严格意义来说,需要考虑这个问题的应该是开发,但是作为产品经理的我们如果可以在一开始就把字段的数据类型考虑清楚,无论是后面开发还是我们对整个产品的把控都会更上一个台阶。

字段的数据类型基本上可以分为以下几种:布尔型、字符串、整型、浮点型、数组、对象等。不同的开发语言数据类型可能会略有差异;同时有些数据类型可能也会拆分的更精细一些,比如一些语言浮点型会有单精度和双精度之分。但是对于我们在设计表单页面中的字段时,一般来说只需要了解布尔型,字符串,整型、浮点型即可满足设计上的一些需要。

布尔型:值只有两种:true/false。即是与否。这个一般用于非输入型字段的填写。需要选择某个字段的是否,或者有些开发在用到只有两个选项的选择时也可能会用到。

字符串:字符串可以理解为我们输入字符的一个集合。可以是字母,汉字,符号,数字等。一般来说我们在设计的时候字符串也是用到最多的时候。从某个意义上来讲,输入型的字段一般都可以通过字符串来存储。只不过由于存储所占空间的大小等原因不可以这么操作。

当然,对于不同的数据库来说,不同的输入长度所采用的字符串类型也不一样。比如MySQL中的CHAR类型,最多可存储 255 个字节,VARCHAR最多可存储 65535 个字节,当然,其所占的空间也不同。如果我们可以了解一些数据库中设计表的知识,肯定会更好。

  • 整型:即整数类型,不同的数据库有对应的整型类型限制其存储范围,比如TINYINT和SMALLINT。
  • 浮点型:一般来说分为单精度和双精度。

在了解了以上的一些知识之后,我们就可以根据字段的具体需求来确定其属于哪个数据类型。从而从容的设计出表单字段。

2.字段输入长度的限制(最大最小值)

在我们了解了什么叫做数据类型后,接下来要考虑的就是字段长度的限制。其实,这个应该是属于数据类型的一个拓展。因为在你设计了它的长度后,开发会根据其长度选择选择一个数据类型的类型去进行存储。所以我们在一开始就将其长度想好无论是对于业务需求来说还是数据库的表设计都是十分有益的。

比如我们需要想好这个字符串的长度最长可以输入多少位;数字最大可以输入多少;小数点后保留几位小数;时间与日期是从何年何月何日开始的,最大又可以到何年何月何日。

以MySQL为例,不同的数据类型的存储范围大致为以下情况:

(1)整型

(2)浮点型

(3)日期型

(4)字符串类型

了解数据库的数据类型,可以让我们在设计字段时大致了解到这个长度可以用什么样的数据类型进行存储。尤其对于一直阈值的判定等都有很大的用处。

相关推荐
APP设计:移动端下拉表单的更好选择
网页设计:网站管理后台的表单和表格设计分析
网页布局设计:如何增加搜索引擎友好度?
让网站404页面变的更加实用的5个技巧
复杂页面设计如何让用户更易用?
提高网页转化率的5个设计技巧分享
网站优化之我见:从网站的五大结构入手
良好的网页设计对SEO和用户粘度有何好处?
SEO实战教程:网站内页快速收录排名的秘籍分享
SEO优化:如何用另类手法实现低成本关键词霸屏?
未来的SEO优化:移动页面决定桌面搜索排名
5分钟学会22种网站SEO常规外链建设方法
SEM和SEO运营必会的关键词挖掘技巧分享
7个技巧告诉你长尾关键词怎么优化
站长新时代,百度搜索移动赋能成二次发展关键
SEO教程:网站着陆页应该如何优化?
网站长期没有排名的原因是什么?
那些让你忍不住买买买的购物网站会这样设计网页
图片性能优化:如何兼得美丽与才华又不失用户体验
用户访问数据是否影响搜索排名?
购物网站导航栏设计的“小心思”改善用户体验 提高转化率
7个SEO常见误区 做SEO优化须知
SEO优化:怎样把网站的Google排名优化到第0位?
SEO优化:搜索引擎蜘蛛抓取配额是什么?
网站改版设计:米大师web改版之设计总结
网站优化教程:不同阶段SEO优化策略如何做?
那些网站SEO优化标准可让你远离SEO误区
SEO优化教程:网站内部如何做SEO优化?
手机移动端网站中面包屑导航是否有存在的必要?
导航设计:网页顶部导航栏设计分析
图片、视频、冷门行业类网站如何做SEO优化?
优化设计:谈谈用户体验设计中的“分步导航”
5种优秀的导航设计模式 为你的网站用户体验加分
2017年搜索引擎增长黑客:优化自然搜索市场份额

精彩推荐

热门教程