《渐进增强——跨平台用户体验设计》一1.6 适应未知的设备

本节书摘来自异步社区《渐进增强——跨平台用户体验设计》一书中的第1章，第1.6节，作者 【美】Aaron Gustafson，更多章节内容可以访问云栖社区“异步社区”公众号查看

1.6　适应未知的设备

然而，还是有人认为，设计思想这东西看不见摸不着，扯那些没用的是在浪费时间。在Web设计师Tim Kadlec的博文“我们的设计并没有真正理解Web”的后面，有个读者的留言是这么说的[15]：

“说得好听，但是不接地气。你得算一下捕捉用户的成本。如果一些用户根本不是你的目标用户，不能为你带来任何收益，那么，干嘛为他们进行优化？根据这种设计思想，本质上你是要为所有用户的体验负责，无形中会大量增加开发成本。但是，恕我打个比方——我们都知道成衣的尺码分大中小号，我们大多数人也都是到成衣店试衣，觉得尺码差不多合身就买回家了。为什么呢？因为绝大多数人雇佣不起一个裁缝来为自己的每件衣服量体裁衣，这样成本太高了！除非你能让我看到这么做的回报，否则我很难接受这种设计思想。”

Tim是这么回答的：

“我认为，所谓优雅降级式的向下逐级支持，和渐进增强式的向上逐级优化，是完全不同的两个概念。首先，我说的为所有的设备优化，并不是我真的在京东下单买下了网站上所有的手机，拿回来一台台测试，来保证所有设备上的网页都运行正常。实际上，我们并不需要测试每一台设备，很多设备都可以归为同一个类别，对有限几个类别的机器进行测试，不会花太长时间。

渐进增强，即向上逐级优化，先在一类旧设备和浏览器上实现较为基础的功能，再为能够支持较新技术的设备和浏览器逐级丰富它们的体验。比如说，一开始你要考虑到，一些设备可能对JavaScript的支持不是很好，那么你在一开始构建网页的时候，需要利用HTML和CSS的特性，让网页在脱离JavaScript支持的情况下，也能保证内容的可读以及最起码的交互可用性。”

在设计和写代码的过程中，没有人能够预料到用户在何种使用场景下，使用哪种浏览器或设备去访问这个网页——就算你们的预算再充足，也没人傻到干这种出力不讨好的事。就如Brad Frost所说的，你需要考虑的只是“支持程度与优化设计之间的平衡”。在一步步进行设计创意的时候，不要让高级功能伤害到旧设备的可用性。

渐进增强的思想，是一种平衡各种设备间交互可用性的思想。在写代码的过程中，一些代码是任何浏览器或设备都能解读的。我们先以健壮的方式写下这些安全的代码，保证所有的设备和浏览器可以访问，然后再为技术支持程度更高的设备和浏览器去优化，所以渐进增强并不要求技术追新，我们希望可以利用现有的技术让所有的用户都能获得可接受范围内的交互体验。

如果你应用了渐进增强的思想来设计和编写网页，当用户通过一些你们没有测试到的奇葩设备或浏览器来访问，你会发现，在这些意料之外的设备上，你的页面依旧显示得不错。举例来说，2013年，TechCrunch进行了一次改版，这次改版并没有专门为特别小的屏幕进行优化，但是当智能手表流行起来之后，用户发现，在智能手表上，网页也显示得很好（图1-4）。

渐进增强是面向未来友好设计的核心思想[16]之一。原因就是用这种思想，你可以做到兼容未知的设备。