提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
简单的弹框,如何快速的展示出所要表达的信息
弹框是app中常见的界面,主要目的是对用户的操作给予反馈,用户看完之后会即刻关闭,有时候仅仅撇一眼就会关闭,那么我们应该怎样让用户在短时间内浏览完主要信息呢?
交易类提示弹框相对于常规弹框会用户会更加关注,本次内容分析的是一个交易弹框的设计思考方式,下面以一个例子来说:
上面截图是原本的弹框,弹框的主要内容是告诉用户即将购买的数量,手续费,实际收到数量,这些信息。
首先对弹框的信息层级进行梳理,一级内容就是购买量,二级内容为实际数量,次要内容为费率描述。通过对信息层级的梳理,处理的方向也就明确了。处理后如下图所示:
一级内容放大处理占据主要空间,用户一眼便可以知道上一步操作的数量,也是用户关心的问题。二级内容字体颜色同样适用产品色突出,红色太过警惕,只需让用户知道自己实际收到的数量即可,费率只是简单的说明,并非主要信息,所以采用灰色文字处理。
butten:操作分为主副操作,站在公司层面希望用户继续发布 所以强化确认发布,弱化取消按钮。站在用户角度,确认也是正常流程,减少取消的视觉干扰。
至于外边框,弹框在黑色遮罩上已经很醒目,没有必要加入边框分散用户对内容本身的注意。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册