欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

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

发表日期:2019-09 文章编辑:小灯 浏览次数:4283

发表日期:2019年7月11日 浏览次数:1008

  网站设计中怎样减少页面跳转,下面就由深圳市塔灯网络信息技术有限公司为大家介绍一下。

 第一、内容显性化,列表内容外露显示

  通过工具内容显性化设计,可实现用户所见即所得,帮助用户快速明确的理解到工具所提供的核心功能和服务,有效的减少用户与工具所提供的核心服务之间的交互步骤和流程,让用户在当前工具的内容区完成与工具的核心交互。如:淘宝「我的淘宝」页面就采用了大量内容显性化的设计,用户在当前页面就能快速掌握到核心的信息。

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

  第二、动弹窗

  弹窗是有效避免跳转页面最常见的形式,他具有如下特点:

  A、一般,它只覆盖设备全屏的部分区域,使其能够看到上一步操作的一些内容。

  B、操作完成弹窗关闭,还保持在原界面,可继续对本页进行其他操作。如:百度手机输入法,进入背景商店,随意下载一个背景,以弹窗的形式进行,可预览到背景上的其他皮肤,用户在等待下载过程中可考虑是否需要下载其他合适背景,关闭弹窗还可以继续下载,而无需跳转至另一页面,下载完成再返回。

 第三、主要部分先露出,滑动露出更多

  在Y轴上,通过页面覆盖的形式,我们可以在当前页面先露出一部分重要的信息,当用户有兴趣的话,可以通过滑动浏览跟多信息,如:每日优鲜「我的页面」,用户想了解会员有什么权益时,可以滑动页面查看更多会员信息,无需跳转进入会员权益页。

  第四、多态按钮

  多态按钮很常见,正常情况下,在我们的移动设备中,用户界面控件,应该只进行单一的目的操作,如:进行某一项操作完成后出现“完成”按钮,点击触发完成。然而,多状态按钮却是个例外,尤其在小屏幕手机上,按钮动作能够被触发,同时得到物理反馈是很重要的。

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

第五、使用公共元素进行转场动效

  当我们在建立不同状态之间的动效时,可以查看他们之间是否有任何公共元素,并将他们联系起来,通过公共元素的动画来建立两个状态之间的联系,这样可以使层级之间的衔接关联性更大,减少层级跳转感。如:APPStore中的Today。

  温馨提示:以上就是“网站设计中怎样减少页面跳转”的相关介绍,如果你看了该文章,还有什么疑问,欢迎来电咨询我们塔灯网络。



本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://dengtar.com/21069.html
相关企业建站知识
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.