3招搞定手机网站的弹窗设计

2019-04-09

  进行手机网站建设,要更加注重细节的设计,在网站弹窗设计上更要注意。弹窗的出现总是很“强势”,内容总是优先覆盖整个页面,虽有一定的必要性,但还是会让用户有一股不舒适的体验。经过长期的改良和不断地实践调查,如今手机网站的弹窗设计也友好很多,我们具体来看看:


手机网站弹窗设计


  1、弹窗从底部弹出


  首先是弹窗弹出的方式有了很大的改变,以前的弹窗一般是位于屏幕中间的位置,弹跳的方式也是快速的,没有视觉缓冲,这种“直来直往”的方式可以快速强势地吸引用户的注意力,但同时也会让用户有点“蒙圈”,一时不知该如何操作。


  但是,如今很多手机网站建设时,更多的是把弹窗置于底部,在交互设计上,使用从页面底部滑出的效果,原有的页面虽有蒙层的设计,但内容也是清晰可见的,这样的设计方式可让用户清晰看见所有的交互过程,也让用户明白弹窗出现的原因,视觉体验直观友好,逻辑关系通顺,能大大提升用户体验。


  2、弹窗面积以内容容量为标准


  手机网站毕竟屏幕空间有限,弹窗内容要保证一页之内展示完毕,并且,弹窗的面积要以其内容为准,不要留有大量的空间,以免遮挡过多页面内容,用户也会对于弹窗的出现产生疑问,影响用户理解。


  3、按钮齐全:退出按钮、CTA按钮


  手机网站页面虽小,但弹窗中有些设计元素是一定要有的,如退出按钮和CTA按钮,如果想让用户进行有关操作,就要设置相应的CTA按钮;退出按钮是尊重用户的一种人性化设计,如果用户没有操作的需求和意愿,就可以进行相应的操作。


  手机网站建设要做好弹窗设计,以上三点是小编给大家分享的小技巧,良好的交互动效、具有引导性的CTA按钮,简明的内容才能做到让用户忽视弹窗的“强制性”,更好完成相应的操作。

免费使用