txd什么意思()「建议收藏」

大家好，我是讯享网，大家多多关注。

本文讨论了页面打开方法的种类，当前页面打开&本文从新页面打开和弹出框三个方面讨论了如何打开页面链接，并提出了一些意见供大家参考。

在最近的设计项目中，团队在打开链接操作的方式上产生了分歧。我们借此机会整理了一些案例和资料，对这个问题进行分析和探讨，给遇到同样问题的同行一些参考意见。

一、页面打开方式的类型

网页中可操作的链接主要包括按钮、图标和文本链接，在设计中有三种常用的打开方式:

1.当前页面已打开。点击操作链接后，显示并操作当前浏览器页面中的内容。

对于这个问题的讨论，我们可以听到用户两种不同的声音，他们都从各自的角度阐述了自己的理由。

首先我们确定一个一致的功能场景:用户可以根据各种筛选条件从首页找到自己喜欢的商品。让我们来看看这两个网站是如何处理的:

早期的W3C标准不支持target=”_blank”（HTML语言中，在新窗口中打开链接）的属性，国外互联网普及也比国内早，于是用户慢慢养成了习惯。默认当前页面打开让国外用户觉得更有“礼貌”。如果用户想新开页面，可以鼠标中键、按住ctrl点击链接或者右键新窗口打开，此时用户更有选择权，可以自己决定打开方式；如果默认新开页面，则让用户失去了选择权。早期国内互联网发展较为浮躁，网站想通过新标签页打开方式，提高PV。国内网络普及晚，部分用户尤其很多老年人不习惯甚至或许不知道，页中有个后退前进按钮、面包屑可用，新开页面便于他们的操作。【1】

那么，淘宝里的页面打开方式都是新的吗？不要！“我的收藏夹”、“已购商品”、“购物车”等功能页面是当前打开的页面。

用户的目的较为明确，查找对象确定（用户想要查看的对象是确定的，如购物车中的产品，用户有明确的目标，找到链接打开页面即可，不像搜索查找商品，需要一步步缩小范围甚至比对查看）链接入口常驻在网站的信息栏，用户可以随时切换，操作方便，且不存在重新输入的成本。

关于这两种打开方式，真的很难讲哪个操作更流畅，就像“确定和取消哪个在左边，哪个在右边”是一个性质的问题。没有好坏之分，关键是看哪个场景更适合使用。

新页面打开适用场景:

页面内容没有关联性，且从逻辑上没有从属关系，相对独立。 | 如：产品中的外链存在多页面“比较”的操作，需要经常切换。 |如：淘宝商品详情需要保留住前一页的操作不丢失。 |如：知乎上过滤出来的结果列表功能分支存在穿插，当路径发生交叉时，最好新开页面。 |如：产品内部的跳转链接，导致信息关联的层级发生改变具有辅助功能的操作。|如：使用文档（PDF、图片等）需要来回参照

当前页面打开适用场景:

流程性的功能页面，前后操作存在关联和影响。 |如：下单支付、按步骤新增同一层级内容间的操作。| 如：tab栏的切换同一路径中的操作，用户当前的操作会对主页的内容产生影响。 |如：编辑一个配置，用户操作完，会回到当前页查看最新结果用户具有明确目的性的操作，当前页有利于锁定用户注意力。| 如：淘宝中“我的收藏”

以上是根据功能场景选择的重点。如果非要评判用户体验的话，我个人更倾向于默认的“当前页面打开”。从体验的角度来看，“当前页面打开”略好主要有两个原因:

尊重用户的决定。当前页打开，将更多选择机会留给用户（鼠标中键、按住ctrl点击链接或者可以右键新窗口打开），一个具有良好用户体验的产品，在用户做操作的时候，总是能让他们按自己的意志做出决定【2】。网站对每个链接强制打开新页面则剥夺了用户的选择权，因为不同的人有不同的浏览习惯和使用需求。体验一致。保持一致体验的设计才能让用户产生信任感与安全感。当用户在操作界面元素的时候，可以顺畅的知道、理解、并且能预料到什么将会发生，不会被分神，也不会被打断。任何违反这个原则的设计都将会演变成一种“以设计方意志为导向”的设计，而不是“以用户为中心”的设计。小结

当我们不知道如何选择两种方式的时候，也许“不强迫用户”才是最好的体验！因为我们面对的是各种各样的用户，熟悉电脑操作，不同用户的打开方式习惯也是多样的，这是设计师无法猜测和调查清楚的。

在“两害相权取其轻”的情况下，在当前窗口打开链接是一个选项，尊重用户自己的决定，允许用户自主控制交互界面。

三、弹出框

弹出框(Pop-up box)，也叫模态对话框，是指当用户要在当前对话框之外操作应用程序或内容时的提示方式。一般覆盖整个页面，避免页面跳转。

弹出框通常用于实现单一内容。有一些交互不离开整个页面，提供信息和交互。

如下面知乎中的“写想法”所示，用户可以在弹出框中快速记录个人想法。备案发布后，他们可以顺利回到之前的路径继续运营，便捷高效，运营思路清晰。

现在很多产品都是通过弹出框的交互方式来添加和创建的。当然，前提是弹出框里没有太多编辑过的内容。此时，弹出框不仅承载了信息编辑的功能，还可以作为上下文跳转，帮助用户连接路径。

比如iconfont中的一个新项目，用户添加后页面会直接跳转到新项目空。

弹出框适用的场景:

内容简单，没有复杂的操作，且具有临时性。 | 如：新增一个收货地址，进行简要的输入编辑更为详细的辅助说明，是对当前内容的快速扩展。 | 如：缩略图，点击放大查看

因此，弹出框可以更好地实现内容自上而下层叠的感知，而不会扰乱用户的主路径。同时起到承前启后的作用，作为页面承载元素和用户操作的补充。

总结

本文结合这三种链接打开方式的页面交互关系，给出了适用场景的例子，并总结了每种方式的优缺点，以便在设计中根据不同的场景更好地选择合适的页面打开方式。

作为体验设计师，如何规划用户的浏览路径，是一个需要认真对待的命题！没有绝对的好与坏，但一定要结合产品类型、场景、目标用户等具体问题具体分析。

参考文献

[1]链接打开方式的博弈:新标签vs当前标签http://www.woshipm.com/pd/438404.html

[2]是否应该在新窗口中打开链接？》http://subblog goodboy 5264 m98 . loft er . com/post/1fd 3407 b _ 12a 690458

[3]https://www.zhihu.com/question/22431678是由智虎论述的

[4]http://www.woshipm.com/pd/126021.html打开书页的三种常用方法

[5]新窗口打开与当前窗口打开——谈页面链接打开https://www.douban.com/note/163436628/的方式

[6]https://www.zhihu.com/question/19563426/answer/12234132是由智虎论述的

作者:阿里·TXD，TXD科技体验设计(ID: TXD-UED)

本文最初由@阿里·TXD发布。每个人都是产品经理。未经许可，禁止复制。

来自Unsplash的图像，基于CC0协议。