人人都是产品经理B端UI界面交互基础组件:会话框( 二 )
本文插图
提醒:操作前置条件不满足 , 推荐用户进行必要操作:
本文插图
成功:用于提示单项操作结果:
本文插图
单项操作失败:用于提示单项操作结果:操作对象一般使用ID表达并重点标注 , 默认显示24个字符(中文占2个字符) , 字符超过24个字符时显示前19个字符“…”链接后2个字符 。
对象名称未超长:
本文插图
对象名称已超长:
本文插图
鼠标移入对象使用Tips全文显示:
本文插图
注:
- 详情信息一般在普通用户(无法解决问题能力的用户不予显示);
- 详情信息展开高度需要有最大高度限制 , 超过一定限度后续限制高度 , 并出现滚动条;
本文插图
操作按钮定义以具备简要、明确的短语定义 。
3. 交互行为
交互行为与通用会话框保持一致 。
三、行为确认会话框 1. 需求场景
根据用户的操作行为 , 进行相应信息提示 。
根据用户操作确认的入口 , 避免误操作 。
2. 内容与布局
【人人都是产品经理B端UI界面交互基础组件:会话框】区域分布与通用会话框相同 。
行为确认会话框根据行为影响范围进行分类 。
提示类二次确认:一般性操作 , 误操作无较大影响 , 行为可逆 。
本文插图
警告类:在业务上会造成一定风险 , 需要用户进行信息内容阅读确认后 , 再操作 。
本文插图
安全验证:在业务上会造成较大危险 , 如有可能会导致业务瘫痪或终止 , 需要通过保障级别较高的操作验证行为进行安全保障 , 如输入手机验证码等方式 。
本文插图
本文插图
3. 交互行为
警告类与安全类验证 , 信息确认框 , 操作确认按钮需前置操作如验证码 , 密码输入经过格式合法性校验通过后才能启用 。
仅有两次确认复选框:
本文插图
仅有文本验证输入框:
本文插图
操作再次确认与文本输入框组合:
本文插图
本文插图
其他交互行为与通用会话框保持一致 。
四、配置会话框 1. 需求场景
推荐阅读
- 净化器|被认作是“看天吃饭”的产品!曾经爆红的空气净化器连续5年销量下滑
- 苹果|被苹果打入冷宫!最便宜iOS设备超1000天没更新 满满都是回忆
- 苹果|被苹果打入冷宫!最便宜iOS设备超3年没更新了 满满都是回忆
- 天才|冬奥收获2金1银 谷爱凌谈天才与努力关系:99%以上都是努力
- vivo|性能硬刚骁龙8!vivo产品暗示天玑9000旗舰很快登场
- 英雄联盟手游|《英雄联盟手游》今日更新3.0A版本:人人喊削的腕豪史诗级削弱
- 长城汽车|长城轿车重生!疑似高端品牌首款产品曝光:定价落在15-20万
- 散热器|猫头鹰公布2022产品线路图:推迟了3年白色风扇将于Q4发售
- 俞敏洪|新东方6个月亏损8亿至9亿美元!官方谈农产品直播:要建电商平台
- 交通事故|亲爹醉驾出事甩锅儿子:我和儿子都是88年的
