透过扣子拉链看表单处理方式

最近在设计长达50-100个字段的长表单，在分步骤表单与长表单中倒腾来倒腾去。某一天看见自己连体衣的扣子，解扣子这么麻烦为什么要用扣子，要是改为拉链上洗手间该方便的多啊。 从而引发了拉链、扣子与长页面、步骤页的思考，所以想从扣子衣服这日常生活细节的角度去聊一聊什么时候该用步骤页，什么时候该用长表单。

某品的连体衣

1、拉链：连续不断的拉索，快，易滑动，会夹肉成用于皮衣、运动衣、包包。穿着时不用关注具体位置，易上下拉动。

2、扣子：间隔的别在衣服中，慢，不能滑动，慢条斯理。常用于西装衬衫，可以选择性的只扣某个位置。

3、向导步骤页：分割的页面，需分配注意力点按按钮。

4、长页面：连续不断的页面内容，快，易滑动，滑动时无需分配注意力，常见于网页新闻。易沉浸。

试着从事物的基本特征去分析

推荐使用分步骤页的场景：

1、内容过多，限制性条件较多，适合分步校验，逐步完成增加激励。

2、考虑用户使用电脑分辨率，页面高度过低，如一些高度768的粉笔哪里便携电脑，滚动条难以精确定位操作时建议分页面。

3、新手用户引导步骤，强制分割页面，简化单页面工作量减少学习成本，常见于自助终端。

分布设计要点：

1、全局上一步下一步按钮应尽量保持在同一位置如固定在界面底部，便于快速点按。

2、导航条业务允许情况下可来回点击。

3、每个步骤页分别校验逐步激励表单填写。

4、应注重信息分类，避免同类关联较紧密的信息分散在不同的页面中。导致频繁切换页面，信息断裂。同时命名也是个业务知识过硬的活。

5、因页面分割，单页面与分页面对代码来说存数取数规则不同，特别长表单都有默认联动取数规则，此时与需求开发协同考虑。

相应的页面信息量少，关联紧密，校验规则少、屏幕大则考虑长页面填完即走的方式处理。另，长表单因使用键盘频率高，应考虑表单快捷键填写方式。

这两个月项目特别紧张，123456的加班，能基于工作内容深夜写个总结感觉也不错。