当信息较少且重要时,采用联动弹窗进行设计,可以让用户专注在当前操作中,适合信息以输入为主的情况,今天小编主要给大家分享ui设计弹窗的使用,希望对你们有帮助!

大家都熟悉信息提交类弹窗,与其它弹窗的不同之处在于,它们有输入和选择操作,如我们常用的输入验证码、消息回复、充值和转账、任务设置等。
设计似乎相对简单,但当你验收时,会发现问题所在,为什么别人的弹窗的体验如此流畅,我们的操作如此复杂?
常见问题主要包括:操作键盘挡住输入区域,导致交互不流畅;选择了不适当的控件并增加了操作步骤。
左侧弹窗下部分的输入框和提交按钮已被键盘遮挡了,鉴于这种情况,我们目前的解决方案是让弹窗跟随键盘,但是当信息太多时就不合适了。
使用滑动选择控件,一次只能查看几个地址,当你所在的城市相对落后时,就会增加运营成本。
1.采用联动弹窗。
联动弹窗,即弹窗与键盘连接,具有解决传统弹窗遮挡内容的优点,主要用于信息少、输入多的重要场景。
在页面中设置发布宝贝的价格时,将价格、原价、运费、邮费等信息集合到联动弹窗中,这样我们就可以一步完成操作,避免了传统弹窗中出现多个条目的情况。
TIM的待办事项列表主要是基于信息的,采用联动弹窗使用户能够集中精力于当前输入,而不受其它操作的干扰。
2.考虑是否可设计为页面。
当信息多时,我们需要判断是否有必要使用弹窗进行设计,直接使用页面设计会不会更好?那么判断的标准实际上是由当前用户的目的决定的。
在访客登录界面中使用弹窗更合适,因为用户当前的目的是查看其它精彩的内容,采用弹窗对用户的目的干扰较小。
由于信息量大,当前用户的目的是发布宝贝,所以采用页面进行设计比较适合。
3.考虑使用传统弹窗。
传统弹窗是我们在屏幕中央常见的弹窗,其优点是空间大,应用范围广,有现成的组件库。但是,为了有一个流畅的交互效果,我们优先考虑联动弹窗和页面设计的方式。如果另外两种情况都不适合才考虑采用传统弹窗样式。
勾选列表中新任务的日期设置是传统弹窗样式,虽然弹窗有很多信息,但用户当前的目的是添加任务。如果使用页面就会对用户的目的造成干扰,所以采用弹窗的方式会更好。
jsjzx/Graphic_Design/627758
可先就业后付款
没钱交学费?可选择就业拿到工资后再付款;
企业合作
达内与大型企业签订合作,由达内培养符合要求学员;
企业双选会
每季度举行双选会,让企业与学员面对面交流;
大型招聘会
定期举行大型专场招聘会,提供更好就业机会;
毕业推荐就业
根据学员综合技能匹配企业要求,为学员 推荐就业
人才招聘网站
达内提供IT领域线上招聘平台,助学员更好就业;
中国IT职业教育领军企业 达内时代科技集团有限公司(简称达内教育),美股交易代码:TEDU,成立于2002年。 2014年4月3日成功在美国上市,融资1亿3千万美元。成为中国赴美国上市的职业教育公司,也是引领行业的职业教育公司。 达内致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销工程师、会计等职场人才。2015年起,推出面向青少年的少儿编程、智能机器人编程、编程数学等K12课程。 达内的使命:缔造年轻人的中国梦、缔造达内员工的中国梦 达内的愿景:做管理-的教育公司 开设课程 达内时代科技集团成人类课程方向:JAVA企业级应用软件工程师、Java互联网架构软件工程师、Java大数据工程师、Web前端开发工程师、网络运维与网络安全、Linux云计算工程师、Python 人工智能软件工程师、-嵌入式软件工程师、C++-软件工程师、PHP/web.3.0互联网工程师、-软件测试工程师、Android软件工程师、IOS软件工程师、.NET软件工程师、全链路UI设计师、商业插画、商业视觉设计课程、产品级UED交互设计师、全栈式CAD设计师、产品经理、VR开发工程师、VR次世代模型师、-网络营销师、新电商运营官、企业级影视视效、人力资源经理人课程、总账会计课程

江苏省






















