人人都是产品经理B端UI界面交互基础组件:会话框( 二 )
本文插图
提醒:操作前置条件不满足 , 推荐用户进行必要操作:
本文插图
成功:用于提示单项操作结果:
本文插图
单项操作失败:用于提示单项操作结果:操作对象一般使用ID表达并重点标注 , 默认显示24个字符(中文占2个字符) , 字符超过24个字符时显示前19个字符“…”链接后2个字符 。
对象名称未超长:
本文插图
对象名称已超长:
本文插图
鼠标移入对象使用Tips全文显示:
本文插图
注:
- 详情信息一般在普通用户(无法解决问题能力的用户不予显示);
- 详情信息展开高度需要有最大高度限制 , 超过一定限度后续限制高度 , 并出现滚动条;
本文插图
操作按钮定义以具备简要、明确的短语定义 。
3. 交互行为
交互行为与通用会话框保持一致 。
三、行为确认会话框 1. 需求场景
根据用户的操作行为 , 进行相应信息提示 。
根据用户操作确认的入口 , 避免误操作 。
2. 内容与布局
【人人都是产品经理B端UI界面交互基础组件:会话框】区域分布与通用会话框相同 。
行为确认会话框根据行为影响范围进行分类 。
提示类二次确认:一般性操作 , 误操作无较大影响 , 行为可逆 。
本文插图
警告类:在业务上会造成一定风险 , 需要用户进行信息内容阅读确认后 , 再操作 。
本文插图
安全验证:在业务上会造成较大危险 , 如有可能会导致业务瘫痪或终止 , 需要通过保障级别较高的操作验证行为进行安全保障 , 如输入手机验证码等方式 。
本文插图
本文插图
3. 交互行为
警告类与安全类验证 , 信息确认框 , 操作确认按钮需前置操作如验证码 , 密码输入经过格式合法性校验通过后才能启用 。
仅有两次确认复选框:
本文插图
仅有文本验证输入框:
本文插图
操作再次确认与文本输入框组合:
本文插图
本文插图
其他交互行为与通用会话框保持一致 。
四、配置会话框 1. 需求场景
- 科技圈 搭建全新 SIM 卡开放生态,中国移动产品创新开放合作论坛
- chic时尚笔记|冬天的“香饽饽”羽绒服,怎么到我们手里,都是雷?关于挑选羽绒服的一些雷区羽绒服在不同场合的定位
- 市场|民生加银产品踩雷多只债券 一副总监"一拖7"又发新品
- 含汞体温计“下岗” “接棒”电子产品比想像中靠谱
- 乐安视野众管联聚焦创新技术,研发品质产品
- 乐安视野众管联的改变,工业产品购买的革新!B2B新时代!
- 征收|违法拆迁有内情,知道这些的都是明白人!
- 高校|中国校名最“最唬人”的3所大学,看名字以为是985,其实都是大专
- 从需求发布到验收交付!橙色·云工业产品协同研发平台开创新业态
- 债券|月内部分产品净值下滑超5%、11只清盘 违约风波下债基投资安否?
