window.location.href不打开新窗口_PC端三种常见页面打开方式

网页间页面跳转主要有以下三种方式：新页面打开、当前页面跳转、弹窗

造成差异的主要原因归结为以下几方面：

1、早期的万维网标准不支持target=“_blank”等属性，国外互联网普及过早，长时间后，产生了惯性思维，习惯了在当前页面打开的交互方式。

2、早年国内网络较慢，采用新窗口打开可以减少用户心理等待时间，而不是干等着当前页面加载。

3、国外默认情况下是当前页面打开，同时，可按住ctrl点击链接或者直接拖拽链接到新标签页可以在新标签打开页面，这使得用户更有选择权，可以自己决定打开方式，但是无意间造成了操作方面的不方便。

4、早期国内互联网发展较为浮躁，网站想通过新标签页打开外链留住用户，提高pv（网页浏览量）。

一、弹窗形式：

流程步骤中的插入行为，可由用户选择是否进行，对现有的信息不会造成影响

• 优点：

1、有利于保持浏览的连续性，关闭后即可接着上次进行后续操作

2、响应快：不需要加载整个页面

3、具有一定的独立性

• 缺点：

1、不在用户预期之内出现，打断用户阅读思路

2、页面中太多弹窗会影响这个页面的美观性，操作变得冗杂

3、信息承载量有限，信息过多则可以考虑在新页面打开

• 场景：

1、弹窗内容简单，交互形式简单

2、临时性、短暂性、补充性或突发性的情况

二、新页面打开

不影响主页面的流程，额外性的行为

• 优点：

1、同时浏览多个页面，同类页面进行对比，有利于提升转换率

2、提升了网站的PV值，同时减少了跳出率

3、关闭新标签后，可快速回到上一个页面，保证页面浏览的连续性

4、多个标签打开，适用于加快阅读速度，使阅读简便快捷

• 缺点：

1、打开窗口过多时，需要一个个手动关闭

2、剥夺了用户的选择权（新页面还是当前页面的权利）

3、层级不明显

4、会增加服务器的开销，甚者可能导致浏览器崩溃

• 场景：

1、货比三家同类并存性场景

2、当在当前页面打开成本较高时。比如，表单注册的协议内容，新窗口打开，当前页面打开时刷新页面信息丢失，用户操作成本高

3、页面中有正在进行的操作。比如，视频暂停/结束广告

三、当前页面打开

流程步骤的关键步骤，提示用户已进入下一步骤

• 优点：

1、当前窗口打开，减少服务器的开销，不会出现网站崩溃的情况

2、采用一个默认窗口，不用一个个手动关闭

3、整体操作更加顺畅

4、自主可控性更强，让用户自己选择页面打开方式（右键菜单、鼠标滚轮、Ctrl+左键等）

• 缺点：

1、默认当前页面打开，不利于页面间的对比，返回再查看另外一个

2、跳出率增加：用户在当前页面完成阅读等操作后直接关闭，导致整个网站被关闭

• 场景：

1、当用户有明确的目的性，流程清晰且唯一，场景比较单一，彼此之前逻辑相关性比较强。

2、当用户切换同一层级内容时，刷新当前页面有利于提高用户的注意力。并可以清晰的表现是同一层级的关系。例如，tab切换

作为交互设计师，规划用户浏览路径时应该要结合产品自身特点、使用场景、目标用户等进行分析，给出最佳的设计方案。其实并没有绝对的好与坏的区分，但是好的设计，一定是在默认流程下，给用户最佳的体验。