复杂的表单:Form Design for Complex Applications

复杂的表单:Form Design for Complex Applications

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



Modal

复杂的表单:Form Design for Complex Applications

  • 低复杂和少 input

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


Multi-document

复杂的表单:Form Design for Complex Applications

  • 可拖动窗格

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

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


Slideout

复杂的表单:Form Design for Complex Applications

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

  • 和 modal 类似


Popover

复杂的表单:Form Design for Complex Applications

  • Small dialog(我们是这么叫的)

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

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

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


Inline

复杂的表单:Form Design for Complex Applications

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

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

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


Editable Table

复杂的表单:Form Design for Complex Applications

  • 在 table 上直接修改

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

  • 没办法对比之前的记入

  • 类似 excel,但没办法 rollback


Takeover

复杂的表单:Form Design for Complex Applications

  • 覆盖整面的表格

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

  • 有 back 的按钮


Wizard

复杂的表单:Form Design for Complex Applications

  • Stepping

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

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


Sectioned Form

复杂的表单:Form Design for Complex Applications

    • 和 group 类似

上一篇:十四、Android学习笔记_Android回调函数触发的几种方式 广播 静态对象


下一篇:个人笔记Resnet残差网络