信息提交类弹窗大家应该都比较熟悉,和其他弹窗的区别在于他有输入、选择等操作,比如我们常见的输入验证码、留言回复、充值转账、任务设置等。
看上去设计都比较简单,但是当你验收时就会发现问题,为什么别人的弹窗体验如此顺畅,我们的操作如此繁琐。
常见的问题主要有:操作键盘挡住输入区域,导致交互不流畅;选择了不适合的控件,增加操作步骤。
左图弹窗下部分的输入框和提交按钮都已经被键盘遮挡了,针对这种情况我们当前的解决方案是让弹窗跟随键盘,不过信息过多时就不太适用了。
右图的地址采用滑动选择的控件,每次只能查看几个地址,当你的城市比较靠后时,就增加了操作成本。
那么采用什么样的设计方式才可以解决这些问题呢?这需要一开始设计时就选择适当的样式,我们可以从四个方面