复杂的表单: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 类似