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

您所在的位置: 首页 > 新闻动态 > 网站建设

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

发表日期:2019年4月2日文章编辑:广州建网站www.3goweb.cn   网页设计-网站制作浏览次数:1621关键词: 网站建设

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

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

2、动弹窗
弹窗是有效避免跳转页面最常见的形式,具有如下特点:
A、一般,它只覆盖设备全屏的部分区域,使其能够看到上一步操作的一些内容。

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


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

4、多态按钮

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


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


关键词标签: 如何减轻网站设计中的页面跳转

本文系三行网络原创,转载请注明来自 (广州建网站www.3goweb.cn) 联系电话:020-85628720、15915767698

上一篇: 广告机厂家企业网站重在运营,擢升网站活力!    下一篇: 什么是域名解析,请问域名解析要24小时吗?

网站建设方案

CASE最新案例
WEB网站建设资讯
  1. [广州] 现在做百度竞价这么厉害,还需要SEO优化
  2. [广州] 惠州做网站,惠州专业做网站的公司——惠州
  3. [广州] 番禺洛浦网站建设,洛浦网页设计制作
  4. [广州] 做外贸网站选择香港空间还是美国空间,哪个
  5. [广州] 怎样设计符合用户体验的网站分类页
  6. [广州] 用户集中的交互型平台在百度排名也很好
APP手机应用开发资讯
  1. 亲子教育APP开发:一键下载,没有wif
  2. 服装商城app定制:夺得服装APP市场的
  3. 酒店APP开发:度身定制让酒店赢在起跑线
  4. 手机APP UI设计的技能点——你掌握了
  5. 企业开发APP做好推广 才能拓宽销售渠道
  6. Android 安卓 APP 开发有哪些
广州建网站公司【三行网络】咨询热线:020-85628720

扫一扫加微信
QQ咨询 QQ咨询
TOP