数据正在读取中...

您的位置: 设计资讯 > 网站设计

网站设计中如何减少页面跳转

www.shejinet.com 2019-04-03 20:17 设计.世界 浏览(1610)

摘 要:在今天这个用户对操作体验越来越看重的时代,让用户无形中享受我们精心设计的操作体验显得越发的重要。通过减少页面的跳转,减少用户的重复操作让用户感觉到我们的用心,从而增加用户的粘性,帮企业赢得更多的收益

网站设计中如何减少页面跳转

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

2、动弹窗
弹窗是有效避免跳转页面最常见的形式,他具有如下特点:
A、一般,它只覆盖设备全屏的部分区域,使其能够看到上一步操作的一些内容。
B、操作完成弹窗关闭,还保持在原界面,可继续对本页进行其他操作。如:百度手机输入法,进入背景商店,随意下载一个背景,以弹窗的形式进行,可预览到背景上的其他皮肤,用户在等待下载过程中可考虑是否需要下载其他合适背景,关闭弹窗还可以继续下载,而无需跳转至另一页面,下载完成再返回。

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

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

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

由此可见,设计是一门学问,想成为优秀的设计师,你需要学习和掌握的知识还有很多的,所以一定不能松懈,要紧跟时代的发展。

数据正在读取中...

[优秀设计师] DESIGNERS

  • 红蚂蚁文化
    地区:天津 • 天津
    QQ:2284475163
    电话:qq2284475163
    邮箱:2284475163@qq.com
  • 博文
    地区:广东 • 深圳
    QQ:705434715
    电话:17875048743
    邮箱:705434715@qq.com
  • 久形设计
    地区:广东 • 佛山
    QQ:2926679497
    电话:18927776245
    邮箱:2926679497@qq.com
  • 蜂鸟创意
    地区:河北 • 石家庄
    QQ:2950464750
    电话:15930133486
    邮箱:2950464750@qq.com
  • 泉榕工作室
    地区:福建 • 福州
    QQ:5758429588
    电话:15980203576
    邮箱:5758429588@qq.com
  • 大巢设计
    地区:山西 • 晋中
    QQ:845183776
    电话:15536393968
    邮箱:845183776@qq.com
  • 邹剑
    地区:广东 • 广州
    QQ:810199288
    电话:18379067575
    邮箱:810199288@qq.com
  • 知鱼工作室
    地区:辽宁 • 沈阳
    QQ:1660150137
    电话:
    邮箱:1660150137@qq.com
  • 创龙轩设计
    地区:广东 • 广州
    QQ:1219427856
    电话:13790850808
    邮箱:1219427856@qq.com

[优秀设计公司] COMPANYS

联系我们| 免责声明| 设计师| 设计公司| 手机版| 设计知识