网页设计怎么设计页面跳转,如何实现网页在自己页面跳转

在B端产品的页面中,页面是要沿面包屑下沉,还是像C端产品一样无限返回,或者新开网页Tabs展示呢?本文作者对B端系统的页面跳转设计进行了分析,一起来看一下吧。
那么如果像腾讯云或者阿里云这样,新开tabs,直接跳到子网模块的页面,这会暗示用户,这个功能信息点不属于私有网络,进而会强化子网模块的定位,也会凸显私有网络的主要流程。
3. 关于用户习惯
1)对于国内浏览器的用户

国内的用户对百度等搜索浏览器并不陌生,并且长时间的使用已经对页面的跳转有了一定的预期和习惯。通过友好链接跳转到相应的页面,点击tabs回到搜索界面。同样借助浏览器为载体的产品面对同一个用户群体,其实不需要太多的再教育。
另外,如果要处理或浏览的信息量很少,弹窗或者抽屉就可以即时获取,这时候就不需要跳转查看。

2)公司内部的用户

当然,具体的产品还需要考虑聚焦的用户人群,调研观察当前产品的用户习惯是怎么样的。如果是与其他平台或设计方向是有差异的,就要谨慎使用跳转方式变更,总结当前的用户习惯,通过引导或者多次迭代,统一使用正确的跳转方式。
二、应用场景1. 什么场景适合
1)平台A跳转到平台B

平台A中的一个流程中有平台B的信息,如果想点击查看具体信息,需要新开Tabs网页。
当前抽屉中打开另外一个模块的抽屉信息时,新开页面的形式变成了页面,没有了返回等信息,页面中的信息平铺,引导用户看完信息之后,关闭当前页面。另外,这种展示方式还与权限有关系,方便信息在不同角色之间流转。
2. 特殊场景
当然,上述的结论并不是市面所有产品的一致方式,通过体验还发现了以下不同的方式,以当前页面所处的场景为维度解释。

1)信息为当前模块流程的一部分

在产品层面该功能信息是属于当面模块定位的,不适合再打开Tabs。

2)工作台/概览类的信息

这关于工作台和概览类功能的定位问题,大部分的产品都将工作台定位成任务状态的中转站,用来做跳转分发使用,因此从工作台点击跳转到具体的任务模块,可以直接在当前页面跳到具体的任务页面。不过对于一些大的平台,还是建议新开页面,这样方便二次浏览待办信息。

3)其他

①当前在一级页面,如果跳转到其他模块可以选在当前页面直接刷新,不需要新开Tabs

如果产品的基本定位是其他模块的内容都需要新开Tabs网页,最好保持统一。

②动态增减页签导航

一些产品的结构设计是导航栏常驻,所有的页面都是以动态增减页签的形式展示,那么只要是本平台内的信息都是不需要新开Tabs网页的。不过使用这种方式设计者需要定义的是动态增减页签的使用逻辑。
③导航模块常驻

在一些产品中,导航模块是常驻的,在一个模块下的任务流程中,通过点击友好链接跳转到目标页面,导航随之变化,对用户也会存在一定的暗示:模块与模块之间是有不同功能定位的。但是用户当前用户的任务流程并没有结束,点击了友好链接,相当于丢失了主流程,要是返回还需要不断的点击,如果是个新建流程会更糟糕,所以这种方式不是很友好,要谨慎使用。
当然,层级越深用户能触及的频率就会越小,于是团队的一部分成员就会说既然频率小那么对产品的影响很小,可以忽略的。但是,场景频率小是对所有用户而言,不是说用户群少。对一个产品而言,让用户满意很难,但是一个看似不起眼的跳转,只要让用户用过一次觉得难用、页面层级深,产品的整体印象就会大打折扣,因为用户不会在意这个问题是产品定位的主流程还是低频场景。

往往用户能记住的不是产品带给业务的流畅感和增长,因为他们认为这是产品应该做到的,但是一次不好的体验却会历久弥新。

本文由 @聿来体验笔记 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

本文来自投稿,不代表展天博客立场,如若转载,请注明出处:https://www.me900.com/470099.html

(0)

相关推荐

  • 3g收费,3g漫游怎么收费

    以下是一篇关于“3g收费”的文章: 一、3g收费的发展历程 3g收费可能是随着3g技术的逐渐普及而出现的。我觉得在3g技术刚起步的时候,收费模式也许还处于摸索阶段。早期的3g网络可能就像一条还在建设中的道路,收费标准的制定就好像是在规划这条道路的收费规则。 那时候,3g网络的覆盖范围可能还比较有限,用户数量也相对较少。也许为了吸引用户尝试3g服务,收费标准可…

    2025-09-07
  • js图片特效,js图片动画

    《js图片特效:探索前端视觉的奇妙世界》 在前端开发的领域中,js图片特效无疑是一颗璀璨的明珠,它为网页增添了无尽的活力与魅力。也许你曾在浏览某些网站时,被那些惊艳的图片特效所吸引,心中不禁涌起一股想要了解和掌握它的冲动。那么,让我们一起深入探索js图片特效的奇妙世界吧。 一、基础概念与原理 图片的加载与显示 在网页中加载图片是js图片特效的基础。我们通常使…

    2025-10-12
  • 网络营销外包是什么 网络营销外包服务

    网络营销外包是一种通过外包机构将企业的网络营销服务交由专业人员完成的模式。这种模式为企业节省了人力物力成本,并能够获得更专业的服务。本文将从四个方面详细阐述网络营销外包的相关内容。 一、网络营销外包的定义 网络营销外包指的是企业将自身的网络营销服务(例如SEO优化、SEM广告投放、社交媒体运营等)交由外部的专业机构进行承接和完成,这种模式可以极大地节约企业的…

    2023-05-15
  • 最新自助建站系统源码,自动建站平台源码

    很多新手朋友第一次建网站时候,如何选择一款适合的网站源码是比较困惑的问题,选择一款好的网站源码可以节约大量时间和金钱,但是由于网站源码参差不齐,免费的,收费的,淘宝有几元钱就可以购买的,也有的公司一个源码就几万块钱的都有,那么怎么看一个网站源码是否值得使用呢,下面从专业的角度来分析。 网站源码 1、检测网站源码是否有病毒或木马程序。 一般我们通过搜索来的网站…

    2023-08-29
  • 大连广进商贸有限公司怎么样,宝丰能源项目获批

    新华网北京12月4日电 题:中国经济的韧性|宝丰是怎么炼成的? 宝丰能源一体化、多联产的现代化工产业集群 对于一家民营企业,将煤炭原料一直延伸到了聚烯烃及下游精细化工产品链,打通以煤替代石油化生产高端化工产品的发展路径,放眼全国也是独一无二的。 安全环保是企业的生命线,这是党彦宝经常在讲的一句话,也体现了他的战略思想。为了避免走上传统企业“先污染、后治理”的…

    2023-08-27 网站建设
  • 电脑短信群发软件,电脑版群发短信1000条

    《电脑短信群发软件:从了解到应用的探索》 一、什么是电脑短信群发软件? 我觉得电脑短信群发软件可能就是一种能够在电脑上批量发送短信的工具吧。也许它就像是一个快递分拣员,能够快速地将一条条短信分拣出来,并发送到不同的手机号码上。就好像我们平时去邮局寄信,需要一张一张地填写地址和内容,而电脑短信群发软件则可以一下子处理很多条短信,节省了很多时间和精力。 这种软件…

    2025-08-24
  • 临时域名该怎么使用,新站最新规划出炉

    新站上线之后需要做哪些调整?有哪些是需要SEOer注意的地方?这两个问题对于刚入门的SEOer来说,是有一大部分人注意不到的,刚入门的时候我也对新站调整问题了解不深,那这样接下就让我来为大家介绍一下,新站上线有哪些地方需要调整呢? 在一个网站刚上线的时候,我们需要对新站调整,来增加搜索引擎对网站的信任程度,为网站之后的排名及流量打下良好的基础。1.网站在搭建…

    2023-09-06
  • 电脑分辨率,电脑分辨率和显示器不匹配怎么办

    《电脑分辨率:从基础到进阶的全面解析》 一、分辨率的基本概念可能很多人都听说过电脑分辨率这个词,也许它在我们日常使用电脑的过程中扮演着重要的角色。简单来说,电脑分辨率就是屏幕上显示的图像的清晰程度。就好像我们看一幅画,分辨率越高,画面就越清晰,细节就越丰富;分辨率越低,画面就越模糊,细节就越不明显。 比如说,我们在看高清电影的时候,如果分辨率很高,那么我们就…

    2025-07-28
  • 影响网络营销价格的因素有哪些(“网络营销价格影响因素分析:从策略到渠道,逐一解析!”)

    本文主要介绍网络营销价格影响因素分析,从策略到渠道一一解析。网络营销在如今的商业市场上已成为一种重要的营销手段。本文将探讨在营销策略、渠道选择、消费者心理、市场竞争等方面所面临的问题,并提出对应的解决方案。 一、营销策略的影响 1、定价策略:网络营销的定价方案需要考虑产品成本、市场需求、竞争对手等因素。在确定定价策略时,需要考虑产品的规模、品牌价值、品质保障…

    2023-05-01
  • font awesome如何使用(使用font awesome让网页更美观:快速上手教程)

    使用Font Awesome让网页更美观:快速上手教程 Font Awesome是一个集成了上千个矢量图标的工具包。它可以轻松地在网站或应用中使用,为页面添加一些额外的美观和互动性。本篇文章将分享关于如何使用Font Awesome的快速入门指南。 一、安装Font Awesome 使用Font Awesome最简单的方法是拥有它的CDN。你只需要将它的链接…

    2023-05-19
  • 帝国cms图集页如何调用下一(“帝国CMS图集页下一位中心调用及标题拟定” 标题长度30字左右,简明扼要地总结文章的主题和内容,不含任何标点符号,反映文章的主旨并吸引读者眼球。)

    本文介绍如何在帝国CMS图集页中进行下一位中心调用,以及给网页添加合适的标题。读者将了解如何利用帝国CMS功能为自己的网站添加更多价值。 一、下一位中心调用 帝国CMS图集页是一个非常实用的功能,但是如何为用户提供更好的使用体验呢?本文将分享如何在图集页中添加下一位中心调用功能。首先,您需要前往网站后台,在“扩展”选项中找到“导航标签”并进行编辑。在此处添加…

    2023-05-02
  • 建站需要哪些步骤(如何规划网站建设流程?听达人教你!)

    在现代互联网技术不断发展的今天,网站建设已经成为不可或缺的一部分。但是,如何规划网站建设流程呢?本文将从四个方面进行详细阐述。 一、确定网站建设方针 1、明确网站建设目标:在网站建设前,需要明确网站的建设目标,确定网站要传达的信息、主推产品或服务等,这样才能有效制定开发策略,提高网站的用户满意度。 2、分析竞争对手:对自己所处的行业或领域进行周密的调研,了解…

    2023-05-14