快好知 kuaihz

【细节思考】3种常见的页面打开方式

3种方式

1.当前页面加载

当前的浏览器页面加载目标页面

2.打开新的标签页

在一个页面进行打开页面操作,打开的是旁边新的浏览器标签页

3.弹出浏览器小窗口

当前页面,弹出一个面积较小的浏览器窗口

当前页面加载 or打开新的标签页?

年初时,就在知乎上提过这个问题

网站设计时,怎么判断进入下一个页面需要新开标签页,还是在当前页面刷新?

基本结论是

1.新页面当前任务流中,属于轻操作,则在当前页加载

例如,在分步操作中,点击了【下一步】

2.新页面当前任务流中,但属于重度操作,则新开标签页

例如,国内大部分电商网站的列表页面,跳转到产品详情页(其实这个任务也可以看成是,选择商品的的任务,和细看商品的任务,那么就是下面的第三种情况)

3.新页面如果是跳出了当前的任务流,到了一个功能和内容非常不一样的页面,则使用新开标签页

例如,点击友情链接,到了一个和你当前浏览的页面不相关的网站

4.以上可以看出,判断使用哪种方式,总得来说,是用模糊的“轻”和“重”的概念作评判标准,靠设计者的直觉和经验来判断,真的没有绝对的规则

5.知乎的回答中,有人说,国内的网站基本喜欢使用打开新的标签页,国外的网站喜欢在当前页加载(这一点没有专门去考证)

弹出浏览器小窗口

这里弹出的小窗口,是为了模拟现在常见的模态弹层的效果。目的是在进行另外一个任务的时候,不去打断当前页面的主任务。

例如,常见的第三方登录

用qq 登录知乎的小窗口

但我发现,简书在第一次使用第三方登录时,采用的是在当前页面加载,则明显不是一个最优解。点击 qq 登录,则跳转到,如下图所示,一个风格非常不一样的页面,在我看来,这是一个很“重”的操作

简书上点击了 qq 登录后,当前页变成了这样

然而,这样做却有一个好处,就是你第二次来到这个网站时,点击第三方登录,会直接完成登录,不会出现任何弹窗在你面前闪过,登录操作一气呵成。

考虑到第三方账户密码界面的出现频率,个人觉得简书的这个策略,综合来看是更优秀和友好的。

补充一个冷知识

如下图所示,一个浏览器窗口中,展示了多个标签页,事实上是一个专利

一个浏览器窗口中,展示了多个标签页

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:细节  细节词条  常见  常见词条  思考  思考词条  打开  打开词条  页面  页面词条  
设计

 积分转盘抽奖算法设计解析

积分转盘抽奖很常见,那么如何合理设计抽奖次数、每次抽奖消耗积分达到运营目的?一、背景大家在各类产品中很常见积分转盘抽奖,比如天猫积分抽奖等、常见的积分抽奖都是奖...(展开)

设计

 你真的会设计小标签吗?

本文主要讨论了如何准确运用不同的产品标签,并分析了不同类型的产品标签形式以及各自的特点。最近在做一款漫画类的设计规范,里面涉及到小标签的设计,这其实是一个很简单...(展开)

设计

 从移动设备的阅读体验谈起

出于获取最新咨询、学习知识和消遣时间等目的,阅读一直是用户的基本需求。传统纸媒体时代,用户阅读对象局限于书籍、杂志和报纸;电脑进入互联网时代后,Web1.0增加...(展开)