020-29815005
预约专线时间:09:00-23:59

怎样在网站设计中减少页面跳跃

新闻来源:优漫教育 日期:2021-11-15
当今时代,用户对操作体验的重视程度越来越高,让用户享受到我们精心设计的操作体验变得更加重要。
  降低页面跳跃,减少用户的重复操作,使用户感受到我们的用心,从而增加用户的粘性,为企业赢得更多的收益,本文就如何降低用户页面跳转做了以下分析,希望对从事设计工作的您有所帮助。

  1.对内容进行明确,清单中的内容被公开

  利用工具内容显性化设计,实现用户见即得,帮助用户快速、清晰地理解工具提供的核心功能和服务,有效地减少用户与工具提供的核心服务之间的交互步骤和过程,允许用户完成与工具的核心交互,位于当前工具的内容区。比如:淘宝“我的淘宝”页面采用了大量的对内容进行明示的设计,用户在现在的网页上可以很快地掌握到核心信息。


网站设计培训班


  2.动弹窗

  弹窗是最常用的一种避免页面跳跃的方式,他有以下特点:

  一般而言,它只覆盖设备全屏的一部分,这样就可以看到前一步操作的某些内容。

  操作完成弹窗关闭,仍然保持在原始界面上,此页上可以继续进行其他操作。例如:百度手机输入法,进入后台商店,任意下载一个背景,以弹窗的形式进行,可以预览到其它皮肤背景,用户在等待下载时可以考虑下载其他合适的背景,关掉弹窗也可以继续下载,而不需要跳到其他页面,完成下载后返回。


 3.主要部分先暴露,多暴露

  对于Y轴,利用页面覆盖形式,我们可以先显示当前页面中的一部分重要信息,当用户有兴趣时,可以滑动浏览跟多条信息。例如:每日优鲜“我的网页”,当用户希望了解会员的权益时,可在页面上滑动查看更多会员信息,不需要跳转到会员权益页面。


  4.多状态按钮

  多态性按钮是非常普遍的,通常,在我们的移动设备中,用户界面控件,应该只有一种目的操作,例如:完成某个操作后,出现“完成”按钮,点击触发完成。但是,多状态按钮是一个例外,特别是在小屏幕手机上,按键动作可以被触发,同时也能获得物理反馈。


  5.将公共元素用于转场动力

  在建立不同状态之间的动效时,可以观察它们之间是否存在任何共同因素,并将它们连接起来,通过动画的共同元素建立两种状态之间的联系,从而使层次间的衔接更加紧密,减少层次间的跳跃。例如:APP存储中的Today。

  因此,设计是一门学问,要成为一个好的设计者,还需要学习和掌握许多知识,因此,决不能松懈,要紧跟时代发展。