人人都是产品经理B端UI界面交互基础组件:会话框( 二 )


本文插图
提醒:操作前置条件不满足 , 推荐用户进行必要操作:
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
成功:用于提示单项操作结果:
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
单项操作失败:用于提示单项操作结果:操作对象一般使用ID表达并重点标注 , 默认显示24个字符(中文占2个字符) , 字符超过24个字符时显示前19个字符“…”链接后2个字符 。
对象名称未超长:
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
对象名称已超长:
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
鼠标移入对象使用Tips全文显示:
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
注:

  • 详情信息一般在普通用户(无法解决问题能力的用户不予显示);
  • 详情信息展开高度需要有最大高度限制 , 超过一定限度后续限制高度 , 并出现滚动条;
批量操作有异常:用于提示批量操作结果有部分失败或异常:
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
操作按钮定义以具备简要、明确的短语定义 。
3. 交互行为
交互行为与通用会话框保持一致 。
三、行为确认会话框 1. 需求场景
根据用户的操作行为 , 进行相应信息提示 。
根据用户操作确认的入口 , 避免误操作 。
2. 内容与布局
【人人都是产品经理B端UI界面交互基础组件:会话框】区域分布与通用会话框相同 。
行为确认会话框根据行为影响范围进行分类 。
提示类二次确认:一般性操作 , 误操作无较大影响 , 行为可逆 。
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
警告类:在业务上会造成一定风险 , 需要用户进行信息内容阅读确认后 , 再操作 。

人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
安全验证:在业务上会造成较大危险 , 如有可能会导致业务瘫痪或终止 , 需要通过保障级别较高的操作验证行为进行安全保障 , 如输入手机验证码等方式 。
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图

人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
3. 交互行为
警告类与安全类验证 , 信息确认框 , 操作确认按钮需前置操作如验证码 , 密码输入经过格式合法性校验通过后才能启用 。
仅有两次确认复选框:
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
仅有文本验证输入框:
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
操作再次确认与文本输入框组合:
人人都是产品经理B端UI界面交互基础组件:会话框
本文插图

人人都是产品经理B端UI界面交互基础组件:会话框
本文插图
其他交互行为与通用会话框保持一致 。
四、配置会话框 1. 需求场景


推荐阅读