非模态|B端产品设计细节分析：编辑功能( 二 )_

这种模式的好处是用户可以集中注意力在弹窗中内容，使用户谨慎操作，同时又不离开主页面。
这种方式适合修改重要但不太复杂的信息。

文章插图
3）模态抽屉
此类型与模态弹框类似，点击编辑后从左侧划入模态抽屉进行交互，用户可以更加专注于当前操作。
抽屉可以承载更多信息，可执行多步骤操作，常用于复杂的编辑功能。

文章插图
3. 跳转页面编辑顾名思义，指点击编辑按钮或图标后跳转到新页面。用这种方式编辑记录时几乎没有限制，可以有大量文本内容，利用弹出框来设置字段值，放置验证消息等等。
常用于列表中，通常有明显的编辑按钮（操作栏），也会有鼠标悬浮时才出现的情况。

文章插图

优点：由于列表中会存在隐藏列，需要编辑的字段可能没有显示，这种形式可以看到之前填写记录的全部内容。
缺点：严重破坏了主页面信息的连贯性。
适用场景：编辑列表中的整条记录。

跳转页面编辑样式与内联编辑、弹窗编辑有明显的区别，就不过多赘述了。需要注意的是，跳转页面后，不是所有信息都是可编辑的，不可编辑的需要置灰处理。
大多数企业级产品功能结构复杂，通常会使用内联与弹框、跳转页面相结合的形式。在这种情况下，允许编辑一些内联字段，其他字段在单独的页面或弹出框中编辑。
二、注意事项1. 防错弹出式编辑的防错性要优于内联式编辑，使用弹窗意味着有更多的显示空间，这有助于：
1）显示帮助文本。
帮助文本可以提高用户的操作效率，可以是正在编辑的记录名称、编辑后带来的影响以及该如何操作。

文章插图
2）显示标题。标题可以提示用户所编辑的字段内容。

文章插图
3）以更清晰的方式呈现验证错误。

文章插图
2. 验证弹出式编辑的验证方式与表单相同，这种验证较常规，用户很好理解。

文章插图
当您为用户提供内联式编辑时，报错会有些许不同，尤其是列表，没有多余的空间显示验证内容，可以考虑以下数据验证方法。
1）气泡提示
最简单的形式为气泡提示，帮助用户识别无效输入。当用户输入无效时会在编辑处附近弹出气泡显示帮助提示，解释错误及其解决方法。用户可以按照给定的信息在单元格中进行有效输入来消除错误。