当前位置: 首页 > news >正文

网页打开:为什么国内用新标签页,国外用当前页?

想写这个话题很久了,因为用百度和Google搜索时,打开搜索结果链接时的交互差异,几乎每天都要提醍我一下。

网页打开——这个交互,在设计里,算是极微小,但影响极广泛的操作设计。甚至,因此形成了东、西方不同的交互设计原则和不同的用户体验标准。

以“百度”和“Google”搜索为例

按照产品的交互设计,做为用户,我们的操作过程是这样的:

1、输入关输字——2、查看搜索结果——3、打开某结果链接——4、浏览某结果链接页

第3步交互时,百度打开链接和Google的方式差别,如下图:

这个差异,不只出现在“百度”和“Google”这两个产品中,几乎大部分的国内和西方的产品中,都存在这个设计差异。

接下来,就让“百度”和“Google”各自说说:它们打开结果页链接时,用不同页面的原因吧:

首先“百度兄”先来

1、在新标签页打开,用户不容易彻底跳出百度(即关闭了所有与该网站相关的页面)

用户查找信息时,在搜索页寻找内容后点击,新窗口弹出页面,看完关闭,然后返回搜索页继续寻找。这样交互方式让百度搜索页面一直保持在窗口,用户不容易彻底离开。

2、中国用户己经习惯用“新标签页”打开页面的方式

中国人有着中国人的生活方式,中国网民这么多年己经养成了这种浏览方式,即:更习惯关闭当前页而非后退的操作。

3、为了获得好的搜索排名,迎合爬虫对网站数据的综合评判,网站开发者让网站链接在新窗口打开,可以让运营指标更好看

站长们想增加网站的PV(页面浏览量),常用的做法是:

在“导航、内链、锚文本、超链接”,加空白跳转<a href="/" target="_blank">

这样,不但同样一个IP(IP地址),可以获得2+以上的PV;还可以增加页面浏览量、增加页面停留时长、降低页面跳出率。

4、返回重载太麻烦

在搜索页跳转,看完要按返回键,再回到搜索页,重载花时间还浪费流量,而且还不一定返回到原来的地方。

要是是使用付费流量(如手机流量套餐),会造成多余的流量消耗。

5、可以应对网速太慢时的操作

以前用ISDN和ADSL拨号上网,网速很慢,现在有的地方网速也不快。等网站打开界面太无聊,可以一次性打开多个界面,一边看网页的同时,后台慢慢帮着传送别的网页。

接下来到“Google”了

1、在当前页打开,用户的浏览路径清晰,更专注。

我(西方)的用户体验认为:

不要随便开新标签,影响体验。

因为在一个标签页内浏览,能够维持一个固定的历史线,方便用浏览器内建的后退前进功能回溯浏览历史。

跟踪链接,这对于用户来说是必要的。

2、让用户自己做出决定。

有些用户喜欢在新标签打开每个链接。有些更喜欢在同一个窗口中前进和后退浏览,而有些用户可能不知道如何在窗口或标签之间切换。不同的用户应该让他们选择,按喜好操作。

  • 用户点击鼠标左键,在当前页打开;

  • 点击鼠标中间的滚轮或按住Ctrl+鼠标左键,在新标签页打开链接。

  • 对必须默认用新标签打开的链接,在链接后加“箭头”标识,提醒用点击会开新标签,这是对用户操作的预先提醍。

3、我这里的用户,更习惯使用后退。

很多用户的鼠标,右手大拇指位置有两个按键,分别就是“前进”和“后退”,这样上网对他们来说,己经习惯了。

而且,早期的浏览器无法打开多个页面,打开新窗口就要启动一个浏览器,也让用“后退”这个习惯保持了下来。

4、减少电脑内存负担,节约服务器资源

满满的标签对计算机内存来说是负担。开多了,页面会反复报错。

默认当前页打开,用户在默认操作下不会同时打开多个网页,可以节约服务器资源

5、不需要对外链作特殊处理

我——谷歌,对用户点击的搜索结果指向的外链,不需要作大量的特殊技术处理。

而百度兄需要,百度在新标签页打开结果外链时,要先跳转到一个记录各种信息的缓冲页,然后才跳转到外链地址页。

百度的缓冲页链接:

我的搜索结果链接:

你更喜欢什么样的交互方式呢?

其实,一个看似很小的习惯养成,也是由各种因素合力完成的。

就像“打开界面”交互,之所以有不同操作方式,

  • 有早期浏览器只能打开一个界面的原因;

  • 也有类似BAT这些,国内外的大厂,最初进行设计时提出的各种特定交互方式对用户的影响和习惯养成的原因。

最终,构成了东西方,两类用户群体在“用户体验”上的公共认识差异和操作差异。

这种差异,如果想得再悬些,也许还涉及到不同文化群体的语言结构差异

我们的文字是象形(表意)文字,这也形成了咱们国人的类比思维模式。类比的核心,再于事物间的关联性。

就像是八爪鱼,以身体为中点,可以有多个触角由身体衍生出去,不同的触角和身体都有某种不同的关系,触角再多,我们也不觉得乱。

就像在搜索页打开结果页时,搜索页是身体,我们可以由此,在窗口中打开很多相关的内容页,而不觉得繁杂,能够接受。

而西方的文字是表音文字,由字母构成的词,能大概能猜出读音,但没有含义表达。这和象形文字正好相反。

26个字母,要构成上千字,西方人用词根、词缀等各种语言逻辑组成了西方文字。

而西方的文字特点,也形成了他们逻辑思维模式。

而逻辑思维,注重的是思考的连贯性和一致性,在遵循这种逻辑规律的情况下:

在搜索页打开结果页时,在当前的搜索页面打开结果页,连贯性和一致性更符合他们的思维逻辑,在一条浏览线,“前进、后退”交互操作,也符合正向和逆向的逻辑多样性特点。

(“在当前页打开页面,更符合逻辑的一致性。”可不是我对老外的臆想,可看下面这篇文章,能代表西方交互设计师的主流看法)

相关文章:

网页打开:为什么国内用新标签页,国外用当前页?

想写这个话题很久了&#xff0c;因为用百度和Google搜索时&#xff0c;打开搜索结果链接时的交互差异&#xff0c;几乎每天都要提醍我一下。 网页打开——这个交互&#xff0c;在设计里&#xff0c;算是极微小&#xff0c;但影响极广泛的操作设计。甚至&#xff0c;因此形成了…...

用户运营4大核心(C端版)

1、用户运营是什么 产品好比歌手&#xff0c;运营好比经纪公司&#xff0c;运营就是让一个有潜质的产品&#xff0c;从“草根”发展成“明星”&#xff01;C端用户的产品忠诚度不高&#xff0c;用户运营更要维护好“粉丝”关系&#xff0c;从“单向的吸引”发展成“双向的进步…...

SBM模型、超效率SBM模型代码及案例数据(补充操作视频)

01、数据简介 SBM&#xff08;Slack-Based Measure&#xff09;模型是一种数据包络分析&#xff08;Data Envelopment Analysis, DEA&#xff09;的方法&#xff0c;用于评估决策单元&#xff08;Decision Making Units, DMUs&#xff09;的效率。而超效率SBM模型是对SBM模型的…...

C#知识|上位机子窗体嵌入主窗体方法(实例)

哈喽,你好啊,我是雷工! 上位机开发中,经常会需要将子窗体嵌入到主窗体, 本节练习C#中在主窗体的某个容器中打开子窗体的方法。 01 需求说明 本节练习将【账号管理】子窗体在主窗体的panelMain容器中打开。 账号管理子窗体如下: 主窗体的panelMain容器位置如图: 02 实现…...

【汇编】算术指令

一、加法指令 &#xff08;一&#xff09;各加法指令的格式及操作 加法指令可做字或字节运算 &#xff08;1&#xff09;加法指令 ADD 格式&#xff1a;ADD DST,SRC执行的操作&#xff1a;(DST) ← (SRC)(DST) &#xff08;2&#xff09;带进位加法指令 ADC 格式&#xf…...

如何知晓自己手机使用状况-入网时长

手机入网时长查询的重要性 在当今的数字化时代&#xff0c;手机已经成为我们日常生活中不可或缺的一部分。从通讯、娱乐到工作&#xff0c;手机几乎涵盖了生活的各个方面。而在手机使用过程中&#xff0c;了解手机的入网时长信息显得尤为重要。本文将深入探讨手机入网时长查询…...

机器学习 - 决策树

1. 决策树基础 定义与概念 决策树是一种监督学习算法&#xff0c;主要用于分类和回归任务。它通过学习从数据特征到输出标签的映射规则&#xff0c;构建一个树形结构。在分类问题中&#xff0c;决策树的每个叶节点代表一个类别。 案例分析 假设我们有一个关于天气和是否进行…...

【scikit-learn007】主成分分析(Principal Component Analysis, PCA)ML模型实战及经验总结(更新中)

1.一直以来想写下基于scikit-learn训练AI算法的系列文章&#xff0c;作为较火的机器学习框架&#xff0c;也是日常项目开发中常用的一款工具&#xff0c;最近刚好挤时间梳理、总结下这块儿的知识体系。 2.熟悉、梳理、总结下scikit-learn框架主成分分析&#xff08;Principal C…...

还在花钱订购SSL证书吗?out啦!

SSL&#xff08;Secure Sockets Layer&#xff09;证书&#xff0c;以及其后续版本TLS&#xff08;Transport Layer Security&#xff09;证书&#xff0c;扮演了保护用户数据免遭窃听和篡改的核心角色。这些证书能够确保数据在客户端与服务器之间传输时的加密性与完整性&#…...

【GoLang基础】函数体的注意事项和细节讨论

在 Go 语言&#xff08;Golang&#xff09;中&#xff0c;函数是程序的基本构建块之一。理解函数的定义和使用是掌握 Go 语言的重要步骤。下面是关于 Go 语言中函数体的详细解释&#xff0c;包括函数的定义、参数传递、返回值以及闭包等方面。 1. 函数的定义 在 Go 语言中&am…...

YOLOv8训练流程-原理解析[目标检测理论篇]

关于YOLOv8的主干网络在YOLOv8网络结构介绍-CSDN博客介绍了&#xff0c;为了更好地学习本章内容&#xff0c;建议先去看预测流程的原理分析YOLOv8原理解析[目标检测理论篇]-CSDN博客&#xff0c;再次把YOLOv8网络结构图放在这里&#xff0c;方便随时查看。 ​ 1.前言 YOLOv8训练…...

实战使用Java代码操作Redis

实战使用Java代码操作Redis 1. 背景说明2. 单连接方式3. 连接池方式1. 背景说明 在工作中, 如果有一批数据需要初始化, 最方便的方法是使用代码操作Redis进行初始化。 Redis提供了多种语言的API交互方式, 这里以Java代码为例进行分析。    使用Java代码操作 Redis 需要借助…...

微信小程序之九宫格抽奖

1.实现效果 2. 实现步骤 话不多说&#xff0c;直接上代码 /**index.wxml*/ <view class"table-list flex fcc fwrap"><block wx:for"{{tableList}}" wx:key"id"><view class"table-item btn fcc {{isTurnOver?:grayscale…...

车牌检测识别功能实现(pyqt)

在本专题前面相关博客中已经讲述了 pyqt + yolo + lprnet 实现的车牌检测识别功能。带qt界面的。 本博文将结合前面训练好的模型来实现车牌的检测与识别。并用pyqt实现界面。最终通过检测车牌检测识别功能。 1)、通过pyqt5设计界面 ui文件如下: <?xml version="1…...

工业派-配置Intel神经计算棒二代(NCS2)

最近两天在工业派ubuntu16.04上配置了Intel神经计算棒二代——Intel Neural Compute Stick&#xff0c;配置过程之艰辛我都不想说了&#xff0c;实在是太折磨人。不过历尽千辛万苦&#xff0c;总算让计算棒可以在工业派ubuntu16.04系统上跑了&#xff0c;还是蛮欣慰的。 注&…...

深度学习中常见的九种交叉验证方法汇总

目录 1. K折交叉验证&#xff08;K-fold cross-validation&#xff09; 2. 分层K折交叉验证&#xff08;Stratified K-fold cross-validation&#xff09; 3. 时间序列交叉验证&#xff08;Time Series Split&#xff09; 4. 留一交叉验证&#xff08;Leave-One-Out Cross-…...

企业建网站流程

企业建网站是一个复杂而繁琐的过程&#xff0c;需要根据企业的需求和目标进行规划、设计、开发和运营。以下是企业建网站的一般流程&#xff0c;主要包括以下几个步骤&#xff1a; 第一步&#xff1a;需求分析 企业建网站的第一步是进行需求分析。这个过程需要与企业负责人和相…...

Laravel通过phpSpreadsheet合并excel

背景 最近有一个需求,需要将所有excel文件的sheet合并到一个文件。 目前我们处理表格使用的是xlswriter这个插件,对于数据量比较大的话非常好用。...

CTF网络安全大赛web题目:just_sqli

这道题目是bugku的web题目 题目的 描  述: KosenCTF{} 原文链接&#xff1a; CTF网络安全大赛web题目&#xff1a;just_sqli - 红客网-网络安全与渗透技术 题目Web源代码&#xff1a; <?php$user NULL; $is_admin 0;if (isset($_GET["source"])) {highlig…...

Java入门基础学习笔记27——生成随机数

Random的使用&#xff1a;生成随机数。 随机数应用&#xff1a; 随机点名&#xff1a; 年会抽奖&#xff1a; 猜数字游戏&#xff1a; 密码学。 查看API文档&#xff1a; package cn.ensource.random;import java.util.Random;public class RandomDemo1 {public static voi…...

7.4.分块查找

一.分块查找的算法思想&#xff1a; 1.实例&#xff1a; 以上述图片的顺序表为例&#xff0c; 该顺序表的数据元素从整体来看是乱序的&#xff0c;但如果把这些数据元素分成一块一块的小区间&#xff0c; 第一个区间[0,1]索引上的数据元素都是小于等于10的&#xff0c; 第二…...

Xshell远程连接Kali(默认 | 私钥)Note版

前言:xshell远程连接&#xff0c;私钥连接和常规默认连接 任务一 开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务 任务二 修改配置文件 vi /etc/ssh/ssh_config //第一…...

盘古信息PCB行业解决方案:以全域场景重构,激活智造新未来

一、破局&#xff1a;PCB行业的时代之问 在数字经济蓬勃发展的浪潮中&#xff0c;PCB&#xff08;印制电路板&#xff09;作为 “电子产品之母”&#xff0c;其重要性愈发凸显。随着 5G、人工智能等新兴技术的加速渗透&#xff0c;PCB行业面临着前所未有的挑战与机遇。产品迭代…...

Unity3D中Gfx.WaitForPresent优化方案

前言 在Unity中&#xff0c;Gfx.WaitForPresent占用CPU过高通常表示主线程在等待GPU完成渲染&#xff08;即CPU被阻塞&#xff09;&#xff0c;这表明存在GPU瓶颈或垂直同步/帧率设置问题。以下是系统的优化方案&#xff1a; 对惹&#xff0c;这里有一个游戏开发交流小组&…...

el-switch文字内置

el-switch文字内置 效果 vue <div style"color:#ffffff;font-size:14px;float:left;margin-bottom:5px;margin-right:5px;">自动加载</div> <el-switch v-model"value" active-color"#3E99FB" inactive-color"#DCDFE6"…...

OkHttp 中实现断点续传 demo

在 OkHttp 中实现断点续传主要通过以下步骤完成&#xff0c;核心是利用 HTTP 协议的 Range 请求头指定下载范围&#xff1a; 实现原理 Range 请求头&#xff1a;向服务器请求文件的特定字节范围&#xff08;如 Range: bytes1024-&#xff09; 本地文件记录&#xff1a;保存已…...

SAP学习笔记 - 开发26 - 前端Fiori开发 OData V2 和 V4 的差异 (Deepseek整理)

上一章用到了V2 的概念&#xff0c;其实 Fiori当中还有 V4&#xff0c;咱们这一章来总结一下 V2 和 V4。 SAP学习笔记 - 开发25 - 前端Fiori开发 Remote OData Service(使用远端Odata服务)&#xff0c;代理中间件&#xff08;ui5-middleware-simpleproxy&#xff09;-CSDN博客…...

Java + Spring Boot + Mybatis 实现批量插入

在 Java 中使用 Spring Boot 和 MyBatis 实现批量插入可以通过以下步骤完成。这里提供两种常用方法&#xff1a;使用 MyBatis 的 <foreach> 标签和批处理模式&#xff08;ExecutorType.BATCH&#xff09;。 方法一&#xff1a;使用 XML 的 <foreach> 标签&#xff…...

Windows安装Miniconda

一、下载 https://www.anaconda.com/download/success 二、安装 三、配置镜像源 Anaconda/Miniconda pip 配置清华镜像源_anaconda配置清华源-CSDN博客 四、常用操作命令 Anaconda/Miniconda 基本操作命令_miniconda创建环境命令-CSDN博客...

NPOI Excel用OLE对象的形式插入文件附件以及插入图片

static void Main(string[] args) {XlsWithObjData();Console.WriteLine("输出完成"); }static void XlsWithObjData() {// 创建工作簿和单元格,只有HSSFWorkbook,XSSFWorkbook不可以HSSFWorkbook workbook new HSSFWorkbook();HSSFSheet sheet (HSSFSheet)workboo…...