界面|B端UI界面交互基础组件:会话框( 二 )


根据用户操作确认的入口,避免误操作。
2. 内容与布局区域分布与通用会话框相同。
行为确认会话框根据行为影响范围进行分类。
提示类二次确认:一般性操作,误操作无较大影响,行为可逆。
界面|B端UI界面交互基础组件:会话框
文章插图
警告类:在业务上会造成一定风险,需要用户进行信息内容阅读确认后,再操作。
界面|B端UI界面交互基础组件:会话框
文章插图
安全验证:在业务上会造成较大危险,如有可能会导致业务瘫痪或终止,需要通过保障级别较高的操作验证行为进行安全保障,如输入手机验证码等方式。
界面|B端UI界面交互基础组件:会话框
文章插图
界面|B端UI界面交互基础组件:会话框
文章插图
3. 交互行为警告类与安全类验证,信息确认框,操作确认按钮需前置操作如验证码,密码输入经过格式合法性校验通过后才能启用。
仅有两次确认复选框:
界面|B端UI界面交互基础组件:会话框
文章插图
仅有文本验证输入框:
界面|B端UI界面交互基础组件:会话框
文章插图
操作再次确认与文本输入框组合:
界面|B端UI界面交互基础组件:会话框
文章插图
界面|B端UI界面交互基础组件:会话框
文章插图
其他交互行为与通用会话框保持一致。
四、配置会话框1. 需求场景用户进行日常操作时,需要进行快速配置。
配置完成后,可以继续驻留在配置操作发起时相应界面。
配置相对较少。
2. 内容与布局区域分布与通用会话框相同:
界面|B端UI界面交互基础组件:会话框
文章插图
界面|B端UI界面交互基础组件:会话框
文章插图
标题栏无会话框图标,内容如下:
内容区布局:
界面|B端UI界面交互基础组件:会话框
文章插图
配置表单内部布局参考基础表单布局格式。
3. 交互行为交互整体行为与基础会话框保持一致。
配置表单与会话框操作按钮关联关系与常规表单操作按钮关系一致。
配置成功,刷新源目标页面。
五、总结关于B端基础交互组件“会话框”的相关分享就到这里,下一章我们介绍“B端UI交互里的系统性交互行为”包括“操作反馈”、“表格相关”、“分组配置”的相关交互规范。
本文由 @云计算产品汪 原创发布于人人都是产品经理,未经许可,禁止转载
题图来自 unsplash,基于 CC0 协议