当用户进入产品的某个功能页面时，其主要目标往往是对表单进行处理或填写，其中新增任务更是用户进入该页面的重要目标之一。为实现这一目标，点击工具栏的“新增”按钮后，新增页面会以不同的形式呈现，主要包括：弹窗、抽屉、跳转新页签。为了更合理地选择交互方式，我们需要深入了解这三种展现形式的定义及其适用场景。

一、弹窗

对话框是一种在不离开主路径的情况下，为用户提供快速执行简单操作、确认用户信息或反馈提示的辅助窗口。

使用优势：

• 用户更聚焦，能够更快更容易地完成任务，并迅速返回上级页面。

适用场景：

• 页面内容较轻，能够在现有弹窗尺寸内一屏完全展示。

• 页面操作的内容与上级页面有直接关联，无需频繁切换页面。

二、抽屉

抽屉是一种交互方式，当需要一个附加面板来控制父级页面内容时，这个抽屉在需要时呼出，一般从右侧呼出最为常见。

使用优势：

• 用户无需离开当前页面，即可查看更多信息内容，同时能连贯地切换上级页面的不同数据进行查看。

• 抽屉交互大大降低了用户的操作负荷，提高了操作效率。

适用场景：

• 页面内容较轻，能够在现有弹窗尺寸内一屏完全展示。

• 需要临时展示数据的详细内容，且用户希望快速查看后快速返回主页面。

三、新页签

用户在主页面点击某一入口后，以新页签的形式打开新的内容。

使用优势：

• 页面能承载复杂的内容，且实现难度和维护成本相对较低。

• 便于用户同时查看和对比多个页面内容。

适用场景：

• 页面承载内容较多，无法在弹窗或抽屉中完整展示。

• 当页面与即将操作的页面无直接关联，需要用户在一个独立的页面中进行操作。

总结

在选择新增任务的交互方式时，我们需要根据页面内容的复杂程度、用户操作的便捷性以及页面之间的关联性来综合考虑。对话框适用于内容较轻、与上级页面有直接关联的场景；抽屉则适用于需要临时查看更多信息且希望保持当前页面状态的情况；而新页签则更适合承载复杂内容或与当前页面无直接关联的场景。通过合理选择交互方式，我们可以提升用户体验，提高操作效率。

欢迎大家积极留言共建，期待与各位技术大咖的深入交流！

此外，欢迎大家下载我们的inBuilder低代码平台开源社区版，可免费下载使用，加入我们，开启开发体验之旅！