如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

本篇文章分别从页面打开方式的类型、当前页打开&新开页面、弹出框三方面对页面链接打开方式进行了探讨，给大家提出一些意见以供参考。

页面打开方式作为链接产品路径的基础，在设计的过程中，或多或少都会遇到选择的困扰，尤其是产品功能复杂，层级较多时，如何让用户按照自己的意愿清晰的浏览信息，保持操作连贯性，是值得体验设计仔细思考与分析的。

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

一、页面打开方式的类型

网页中可操作的链接，主要有按钮、icon 以及文字链接，设计中常用的打开方式则主要有以下三种：

1. 当前页打开

点击操作链接后，在当前的浏览器页面中进行内容显示与操作。

2. 新开页面

点击操作链接后，在浏览器中新开一个独立的标签页面，进行内容显示与操作。

3. 弹出框

点击操作链接后，在当前的浏览器页面中，弹出一个小尺寸的对话框，进行内容显示与操作。

二、当前页打开 & 新开页面

首先来说说最具争议的新开页面&当前页打开。在 HTML语言中，target目标有「target=_blank」和「target=_self」两种属性，分别代表「新窗口打开」和「当前窗口打开」，下图是这两个参数的属性描述。

从这两个参数的属性上来看，「当前窗口打开」是系统默认的处理方式。这个打开方式在国外的网站中实现方式比较统一，用户也形成了一致的习惯，但国内的形式则不尽相同，以至于一直颇具争议，不同类型网站之间、同一网站不同场景之间也没有一个明确的规则标准可供大家学习和参照。

针对这个问题的讨论，可以听到两种不同的用户声音，并且都站在各自的角度阐述其道理。

举个例子，我们以同类型网站（淘宝和亚马逊）的打开处理方式进行对比，来看一下用户习惯、功能场景对链接打开方式选择的影响。

首先，我们确定一致的功能场景：用户从首页中根据各种筛选条件，查找到心仪的商品。来看一下两个网站的处理方式：

可以看出基本是两个极端，差异非常明显，再来看个有意思的现象，亚马逊中国的商品搜索方式竟然又和淘宝一致了，难道链接打开方式的差异竟是中外用户习惯的差异？

这确实占了很大一部分原因，那么造成这种差异的原因主要有：

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

那么，淘宝中所有的页面打开方式都是新开吗？不是。像「我的收藏」、「已买到的商品」、「购物车」等功能页面就是当前页打开。

同一个产品内部，如此区别设计的原因我认为有：

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

关于这两种打开方式，到底哪种操作更顺畅，确实难分高下，就跟「确定和取消哪个在左，哪个在右」是一种性质的问题，没有好坏之分，关键是要看在哪种场景下使用更合适。

新页面打开适用的场景：

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

当前页打开适用的场景：

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

以上是结合功能场景进行的选择侧重，如果就「用户体验」一定要分出个高下，我个人还是比较支持默认「当前页打开」，从体验角度分析，「当前页打开」略胜一筹的主要原因有以下两个：

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

小结

当我们不知道两种方式如何选择时，或许「不强制用户」才是最好的体验。因为我们面临的用户多样，电脑操作熟悉程度多样，因此不同用户对于打开方式的习惯也具有多样性，这个是设计者无法揣测和调查清楚的。

在「两害取其轻」的情况下，在当前窗口打开链接，不失为一个选择，尊重用户自己的决定，让用户对交互界面自主可控。

三、弹出框

弹出框（弹层）又叫模态对话框，是指在用户想要对当前对话框以外的应用程序或内容进行操作时的提示方式。它一般覆盖在整体页面之上，避免了页面跳转。

弹出框通常是为了显示一个单独的内容，在不离开整体页面的情况下有一些互动，提供信息和交互。

如下图知乎中的「写想法」，用户可以快速的在弹出框中记录个人想法，记录发布后，很顺畅的回到之前的路径上继续操作，便捷，操作思路清晰。

△ https://www.zhihu.com/

现在很多产品中的新增、创建，也都会采用弹出框的交互方式，当然前提是在弹出框中编辑的内容不是很多，此时弹出框不仅承载了信息编辑的功能，还可以作为上下文的跳转，帮助用户衔接路径。

如 iconfont 中的新建项目，用户新增后，页面会直接跳转到新的项目空间。

△ http://www.iconfont.cn

弹出框适用的场景：

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

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

总结

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

当然，以上总结也是基于我个人的理解与经验，没有统一的用法和标准，在具体设计实践中，仍要靠设计者的直觉和经验来进行综合考量与判断。

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

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

现在，我们发现健康类APP越来越多了：健身应用程序、跟踪器、卡路里计算器、水和食物日记、活动提醒等等，这些APP的确对我们保持日常健康提供了帮助。

过瘾！这17个海报设计小技巧，果断收藏了！

周五参加了港大space学院的工作坊，感谢Google张英惠老师的精彩授课，学到了通过发问找到解决问题的方法，群策群力绘制用户体验地图。

导语

随着各类App的业务功能不断丰富，小红点已经成为互联网从业者们最常使用的运营工具之一，每当有新的运营内容或新功能上线，大家的做法往往是“在那放个红点就行了”。然而简单粗暴的形式以及不加节制的投放，让小红点变成了人人厌烦的“小妖精”。本文从设计的角度出发浅谈小红点的一些设计细节，期望引起大家对小红点的关注，在这里抛砖引玉，也期待感兴趣的小伙伴一起探讨。

烦人的小红点

人类似乎天生对不对称，不和谐的事物有厌烦心理，并且想要去纠正这些“错误”，简而言之就是大家平时所说的“强迫症”。而小红点则完美利用了这一人性的弱点，它就像白嫩脸颊上长出的一颗小痘痘，让人忍住不去要去挤破它。因此，小红点也成为了一把产品运营利器，只要投放在某个业务入口，就几乎没有用户会对它熟视无睹，而当用户忍不住要去轻触消除它时，产品侧为业务导流的目的也就达到了。

那么问题来了，用户喜欢小红点吗？在Google和必应上搜索关键词“App 小红点”，几乎有一半的搜索结果是“教你如何消除小红点”。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

即使你远离设计领域，对于用户体验这一词也不会陌生。用户和产品之间进行交互过程中，产生的一般态度和情感反馈就是我们常说的用户体验。在用户体验设计中，有几个关键性的因素的是设计师所关注的，比如可用性（usability）、工具性（utility）、合意性（desirability）、吸引度（attractiveness）等。如今，用户体验设计和视觉设计几乎达到了同等重要的程度。虽然仍有一些企业和团队在怀疑用户体验设计是否有必要，但是总体上，大家对于它的认可度还是非常高的。

用户体验设计为何重要？

许多公司为了让产品产品的体验和效率更高，而花费更多的时间和金钱。现代商业竞争背景下，事实已经证明，产品和服务的成功很大程度上是取决于用户对于产品的喜爱程度。UX设计旨在通过让产品更易于使用而提高用户的满意度。

有些人可能还认为用户体验设计的核心是视觉设计，其实它的范畴远不止于此。UX设计是一个复杂的过程，涵盖了用户研究，线框图、原型、视觉稿、动画、开发、测试等许多不同的环节和阶段，其中许多环节甚至是并发和交叉的。真正有效的用户体验需要时间来开发，也需要足够的知识来作为支撑，这种复杂的开发体系使得它或多或少地需要超出预期的额外投资。然而，UX设计对于初创和非初创公司而言，同样有益，它确确实实从不同的方面帮助企业创造成功的产品，无论是参与度、可用性还是转化率。

如果你拥有一个复杂的电商网站系统，那么用户体验一定是影响它实际效用的重要因素。内容组织是否系统，导航是否清晰，都会影响到产品的销售，用户的黏度。太复杂、不便捷的产品会让用户流失，这是肯定的。

有数据表明，近年来95%的移动端APP 在上线一个月内就宣告失败而退出。这很大程度上是因为激烈竞争之下，没有足够优秀的用户体验来留住用户所造成的结果。结合现有的研究和我们自己的经验，我们在今天的文章中总结出了优秀产品的7个关键的用户体验设计要素。

1、有效的可用性设计

现如今，“简单”一词和无聊的设计并无关系，而是成功产品设计的关键性要素。在Don Norman 的《设计心理学》系列教材中指出，良好的设计通常都会具有易于发现和易于理解两个特性。用户期望他们所使用的产品是简单明了的，能够让他们不花费太多精力就可以搞定，也可以从中获得自信。而这些都是用户体验设计的工作范畴以内。

用户体验设计师的目标是为数字产品创造一致的体验，让用户能够安心使用。有效的用户体验设计能够通过网站和APP为用户循序渐进、有效地展示内容。而UX设计人员则可以通过数据分析和案例研究，消除不必要的设计、搞定问题、去除隐患，提升产品的可用性。UX设计师还能通过不同环节的引导服务来帮助用户更加快速的熟悉产品，让用户感到贴心而不会紧张。

2、驱动用户深度参与

参与度是衡量用户有效行为的度量，而它也是产品价值的重要体现之一。每个企业都希望有高素质的用户参与到产品建设当中来，而他们也知道，最终还是要通过创造优秀的用户体验来解决这一问题。

UX设计有一个热门的解决方案是游戏化设计。将游戏化的元素应用到非游戏类的使用场景中来。游戏化设计让网站和APP拥有更多有趣的元素，吸引用户，提升参与度。游戏化设计的具体方法和策略有很多，设置任务、发放奖励都是很常见的手法了。挑起用户的好奇心和激情，他们会坚持不懈地执行任务，在你的网站和APP中花费更多的时间。

3、产品的独特性

很难说市场上到底有多少APP存在，但是绝大多数的应用和网站在起步的时候，就已经失败了。当你要开始投放一个APP到市场的时候，可能已经有好几十个同类的产品已经存在了。所以，企业和开发团队一直在寻求让用户选择他们产品的原因和方法。UX设计师能够通过分析目标受众的需求和实际市场状况，来判断和预测用户对于自己产品的反应。如果你想给别人带来愉悦的体验，满足用户的需求，并且力图让自己的产品拥有足够的特性从竞争中脱颖而出，那么你的产品就具有了同其他产品区分开来的独特性。

4、省钱

UX设计的成本并不低，但是相比于修复可用性的问题，它的花费依然很低。基于用户研究，UX设计师能够准确地挑选出功能组合，并且规划用户的交互过程，排除可能存在的问题。通过对目标受众的研究和测试，分析和改进整个产品的流程与细节，而这些过程对于产品开发和运营的补充，相比于在产品上线过再根据反馈进行调整，要省钱省心得多。

5、用户忠诚度

用户的口味越来越刁钻了。令人不快的体验会让他们很快不耐烦，然后迅速和你的APP说拜拜，然后再也不会回来了。用户的忠诚度要维持起来并不容易，你需要创造足够优秀的产品，要让人喜爱、沉迷，还得足够快速地帮用户排查问题。这种局面下，用户体验设计的价值无疑是不可估量的。如果你的产品能够始终保持令人舒服愉悦的体验，用户习惯了就很难转向别家了。另外，别忘了，快乐的用户更喜欢向朋友推荐你的产品。

6、高转化率

采取设计者预期行为的用户所占总人数的百分比就是我们常说的转化率。最典型的转化率就是购买产品的用户数所占打开电商网站的用户总人数的百分比。用户体验设计师通常会掌握一系列的分析技术，来帮助产品提高转化率。通过深入分析用户行为和用户离开产品的原因，找到痛点，解决问题，从而提高转化率。

7、积极的品牌体验

品牌识别不仅仅取决于视觉形象设计，还和体验息息相关。许多用户在第一次使用产品的时候，会记住品牌给他们的感觉。这种第一次的体验对于用户和品牌本身都至关重要，如果处理不好，可能会失去不少潜在用户。良好的UX设计可以保证品牌拥有积极而良好的用户体验。提供用户喜欢的产品，可以提升品牌的认知度，因为用户不会忘记他们喜欢的东西。

结语

优秀的用户体验设计对于企业无疑是有利的。很多时候，它的价值并非是一眼可以看出来的，但是事实上，优秀的用户体验是成功产品中不可剥离的组成部分。令人信服的UX设计能够节省资金和精力，这比起投资解决低质量的产品要来得有效得多。更重要的是，现代产品一旦初次互动不利，后面想要扭转过来就很难了。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

照搬他人的模式要比创造新的东西容易。做大家都知道如何去做的事，只会使世界发生从1到N的改变，增添许多类似的东西。但是每次我们创造新事物的时候，会使世界发生从0到1的改变。                     

  —— Peter Thiel,Blake Masters《从0到1：开启商业与未来的秘密》

写在前面

随着移动优先的趋势，APP的设计也越来越受到公司重视，不断地提高APP的设计质量是每个设计师的追求，有哪些设计中的细节被你忽略了呢？让我们一起来看看这些细节你都把握住了吗。

视觉表现型问题

好的设计往往需要好的内容作为基础支撑。无论是内容还是设计，想要让两者最大化的搭配，往往是需要进行调整和优化才行。

当你的内容需要迁移到移动端上的时候，要怎么让内容和用户体验无缝地配合起来呢？设计师要基于小屏幕的交互来思考整个设计和优化的策略，而今天的文章，就为你分享7个设计技巧。

1、每屏完成一项任务