MICHAEL CLARKE

JSTOR近期宣布它已经使用自适应网页设计技术（Responsive Web Design）重新配置了用户界面。他们的新闻稿这样写道：

不同于一个特定设备的APP或者是一个独立的移动网站，我们使用自适应网页设计技术实现一个根本性的改革，来使JSTOR界面自动适应设备的屏幕尺寸。在自适应设计中，网站的页面区域可回流、移动或者隐藏，为研究人员呈现了一种更简单但功能齐全的体验。

为了了解这到底是怎么一回事儿，可使用桌面浏览器登录JSTOR网站，然后使浏览器的窗口逐渐缩窄到移动电话的屏幕宽度。你会看到，当浏览器窗口的大小接近移动电话的尺寸并达到某个临界点时，网页内容会进行重排以适应较小的窗口。

你可能会说，这有什么大不了的，很多网站在很多年前就有了移动优化的观念，很多网站可以自动检测用户的设备并显示与设备相适应的视图。确实如此，但是，大多数此类网站检测到一个移动设备后会将用户重定向到一个具有不同URL的独立站点，这个URL在大多数情况下是专门配置给智能手机的。一些更现代的网站使用相同的URL，但在手机上只能显示一个“移动视图”。尽管这种方法对大多数移动设备的使用来说已经足够了，但考虑到不断增加的各种各样的移动设备和不同移动设备的形式等因素，我们需要一种不同的方法来优化。

随着STM和学术出版的新生，在很长一段时间内自适应网页设计技术在用户界面设计领域都将很有发展潜力，而且一系列网站已经开始使用自适应网页设计技术。JSTOR正在踏出突破性的第一步。这一额外的突破点可以为包括大、小型智能手机以及平板电脑和电子阅读器在内的大量的设备优化内容流网格。用户可以将在平板电脑的阅读优化为一个或两个栏目的模式（而不像在Kindle或者Nook上阅读的用户体验）。

自适应设计中最值得关注的例子（在STM和学术出版领域之外）可能就是《波士顿环球报》。试着再一次用浏览器慢慢扩大和收缩网页，然后看着它从三栏（台式机桌面的理想阅读模式）变成两栏（平板电脑的理想阅读模式），最终变成只有一栏视图（智能手机的理想阅读模式）。然而，该网站并不仅仅是把栏目数减少，而是相应地在全局导航栏、广告位置、图像尺寸以及故事情节位置等方面都有所改变和调整。该网站动态地适应用户使用的设备和使用情境。

自适应网页设计，尤其是在《波士顿环球报》这种复杂的网页上是很难实现的。网页开发者需要比以往更多的不同工作流程。这个过程可以以传统的框架图和漂亮的设计为开端，但是由于内容流参数以及细节的无数变化，设计师和用户界面开发者应密切合作（或者说用户界面设计者需要具备一系列能够阐释、表达不断变化的设计的技能）。虽然这需要更新技能和再培训，但最终结果值得这么做。自适应设计为本地设备（iOS，Android）和HTML5网页应用程序（即本地缓存的应用程序，如《金融时报》使用HTML5，而不是用iOS和Android使用的Objective-C或者Java编程语言）提供了一个相对符合“成本—效益”的替换方案。此外，自适应设计和HTML5应用程序之间的界线可能会随着时间的推移而模糊，自适应设计会融入更多像“APP”的功能（例如离线使用的内容缓存）。

JSTOR在STM和学术出版领域最早尝试自适应网页设计，其他众多公司紧随其后，通过更加复杂的模板来提升用户体验，并从网页传播扩展到移动设备传播的领域。短期内，自适应网页设计很可能给现有产品带来增值和改进。然而，从长远来看，自适应网页设计有从根本上改变产品开发规则的潜力，使出版商在网页环境下工作的同时把移动体验放在产品设计的前沿。（徐淑欣译自http://scholarlykitchen.sspnet.org/2012/09/28/responsive-web-design-comes-to-scholarly-publishing/）