产品随想:关于反馈(feedback)

ant.design里反馈定义了几种形式,包括警告提示(Alert),抽屉(Drawer),对话框(Modal),全局提示(Message),通知提醒框(Notification)和气泡确认框(Popconfirm)。当然还有其他的定义或者说法。

基本所有的反馈形式区分点在于是否自动消失,页面位置和是否可点击操作。

全局提示一般页面顶部居中显示并自动消失,网页中目前我还没有见过;通知提醒框一般在系统四个角显示,比如软件的更新,腾讯电脑管家的更新提醒都是系统右下角;警告提示位置不固定,需要点击关闭,比如office还是使用状态,编辑页面上方一直有警告提示,需要点击关闭;气泡确认框,对话框和抽屉的区别在于位置,两个都是可以点击操作并且需要点击关闭。

根据是否自动消失,可以判断交互形式是否轻量。因为可以自动消失,十分轻量,所以也应该放在顶部,而不是居中的位置。

根据页面位置和是否可点击操作,可以判断反馈信息的重要性和内容长度。系统的四个角落是相对不显眼的角落,不打扰用户,通知提醒框的内容应该也是可以延迟处理或者紧急性不高的内容。

抽屉是从父窗体边缘弹出,所占页面比重很大,很多app的个人中心和设置这样使用,网页里最典型的就是点击开始按钮后的开始抽屉。

对话框十分常见,一般位置居中显示,网页中进行保存,删除等操作,都会有这种提示。那么气泡对话框呢,一般是目标元素附件弹出,有明显指向性。因此如果页面可操作按钮多且集中,进行操作时不是容易区分,可能气泡对话框更合适。另一个就是居中显示可能遮挡部分关键内容。

随想粗糙,仅作讨论,不作参考,持续修改,谢谢!

你可能感兴趣的:(产品随想:关于反馈(feedback))