复杂的表单：Form Design for Complex Applications

复杂的表单：Form Design for Complex Applications

https://medium.com/nextux/form-design-for-complex-applications-d8a1d025eba6

Modal

• 低复杂和少 input

• Focus 看到的，被遮罩层遮着的内容就没办法看的清楚，也没法对比

Multi-document

• 可拖动窗格

• 有点类似 window 系统的 window，可以开多个，感觉很传统

• 没见过现代的 web base 有这个搞的

Slideout

• 哪里都可以看到这样的体验，可以用在长长的 form

• 和 modal 类似

Popover

• Small dialog（我们是这么叫的）

• 小小的更改，用小小的表格

• 用起来更加专注，眼睛看的地方，就是表格出现的地方

• 操作范围小，用户可以更快的完成任务

Inline

• 感觉在类似 autocount add item 的地方经常使用这样的体验

• 在指定的 row data 上去修改，用户可以更加专注在同一行

• View 和 edit 在同个界面，用起来容易对比

Editable Table

• 在 table 上直接修改

• 通常没有 save 按钮，同时也需要 autosave

• 没办法对比之前的记入

• 类似 excel，但没办法 rollback

Takeover

• 覆盖整面的表格

• 大空间，能处理复杂的表格

• 有 back 的按钮

Wizard

• Stepping

• 对于新手和复杂的表单非常合适

• 如果是经常要使用的表单，这 step by step 会影响流程

Sectioned Form

• 和 group 类似