ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

复杂的表单:Form Design for Complex Applications

2021-10-08 01:01:32  阅读:216  来源: 互联网

标签:Form 表格 复杂 类似 Applications Complex 表单


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

标签:Form,表格,复杂,类似,Applications,Complex,表单
来源: https://www.cnblogs.com/stooges/p/15377787.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有