告别8种设计元素，接下来是谁的时代

设计文章 / 业界, 视觉设计 | 2015-02-09 | 发布者: mobileui

去年，几个我个人不太喜欢的设计元素和技术创作鸣起了丧钟。其中有的已经彻底消亡，有的还在挣扎，还有个别的也在最近确诊“没救了”。放眼向前，我认为它们日渐凋零的身影反而会让2014成为用户体验设计更进一步的一年。

1.下拉菜单

下拉菜单自互联网出现以来一直是用户界面的基石。无数的网站都争先恐后地采用悬停状态下拉列表作为导航关键要素，但随着行业趋势逐渐向着全响应式无设备差别设计转变，简单的下列菜单将不复存在。

当前的下拉菜单形式将无法在没有“悬停状态”这一概念的平台上（平板电脑或手机）继续发挥功效。随着“移动优先”风潮的继续，基于点击的导航（例如采用“汉堡式按钮”将整个网站的导航功能嵌套到一个可点击列表内）将逐渐兴起。

2.回转

回转模式也算得上是网页UI的老古董了（至少从互联网角度说是这样的），其作用是让页面在最显眼的位置展现多个不同内容元素。这些内容一般设置为随时间轮播，但是这一模式已经过时了，特别是现在几个比较知名的新闻网站已经采用了能够根据浏览器宽度填充空间的适应式内容块。要强调的是，这一趋势的消亡给手机和平板用户带来了福音，他们从此不会因为想“滑动”回转内容或在不同元素间导航失败而感到苦恼了。据我们所知，回转模式很可能会进化成基于滑动和导航的类似图集的界面形式，而不再是依据时间轮播的模式。

3.Internet Explorer 9

Internet真神万岁！现在各大互联网公司正在以前所未有的速度抛弃旧有版本的IE。要知道，就在几年以前，为了能兼容IE6，我们要想尽办法把用户体验搞的越简单越好。更可恶的是，过了没几年，我们就不需要再支持IE6了。时间飞走到今天，Google和Facebook等互联网巨头都开始采用基于标准的革新模式，从而迫使微软要么跟风要么落后。

原来的“采用、扩展、消灭”理念在浏览器行业的战争中并没起到多大帮助，IE在对阵Chrome的过程当中不断丧失阵地，而且如果微软无法跟上Chrome、Firefox甚至Safari的创新速度，IE还将继续失败。2013年11月，Google宣布其将停止支持IE9，通常情况下这也就预兆着用户体验领域的其他部分也将很快仿效。但对于未来，这是个好消息，因为决定用户体验优劣的关键往往是最弱的一环。要照顾老旧的IE版本往往意味着微软的浏览器限制了你创新的能力。

4.拟物化

拟物化对阵扁平化的辩论在过去的一年一直没消停，看来这个热门的话题很可能要延续到2014年了。可以说，Apple通过其iOS的设计以及历史上（2013年以前）碾压其他移动操作系统的用户数量表现了自己对拟物化的绝对簇拥，同时Google则是扁平化设计的坚定支持者。随着安卓市场份额的大幅增长以及微软凭借新Surface和移动OS跳上扁平化的快车，Apple正面临着抉择。要么继续领导已经没什么新鲜感的设计潮流（并在争议下继续创建不太友好的UI），要么拥抱新的趋势。随着iOS7的发布，Apple也走向了扁平，从而灭掉了拟物化的最后一点火花。

5.Flash

尽管在上一个观点中我们把Apple定位成了扁平化设计的后来者，但在Flash的战以上，Apple大获全胜。在Apple发布iPhone和iPad时，明智地做出了不支持Flash的决策，同时考虑到这两大平台占据了大比例的网络流量，于是众多广告商、网站管理方和开发方纷纷开始拥抱HTML5.在2013年，Flash广告出现了明显下滑，基于Flash建立的网站数量也就自不必说了。我认识的很多Flash程序员都转投了Adobe Edge，因为据说Adobe Edge多少还能和现在的web开发场景沾点边，但考虑到现在有那么多（而且还都很好用）开源工具，这一切看似都有些为时已晚。Adobe的Edge最早发布于2011年，并在2012年进行了重大更新，而且现在仍在大力推行，不过尽管Flash现在仍然能用而且受到支持，但开发人员对它的热爱程度已经大不如前。估计现在要找一个还在用Flash组件的主流网站已经很难了。

6.网页

网页仍然存在，不过正经历着重大的变革。这里不是要翻来覆去说前面一个话题，不过我们越快脱离老旧的IT，就能越早地抛弃单独的网页页面。这一潮流其实是几年前出现的对设计和技术革新的一种结合，而这一潮流的吸引力正日渐提高。我们已经见证了潮流向着网站“应用化”的转变，而这一转变很可能已经被既不需要也不愿意通过本机应用来照顾平板和手机用户的平台所广为采纳。Quartz、Facebook和Google Apps等网站是这一趋势的例证，而且它们也因为自己打造网页用户体验的模式而备受推崇。

Gawker media是比较早敢吃螃蟹的人，起早在2011年就大幅度转向了当时恶名昭彰而且短命的“杂烩”型用户体验。其网站采用了无页面设计，并使用了当时比较新颖的HTM5标准，也就是PushState，这一标准能够在不刷新页面导航元素的情况下异步更新内容。Pitchfork.com也是比较早采用这一技术的网站，其对PJAX和TurboLinks等几个工具的流行起到了一定推动，其中，TurboLinks后来成为了Rails 4中的一个核心功能。现在我们看到有越来越多的网站转向了这一潮流，而随着技术实施门槛的降低，我们还将看到更多网站跟风，因为这一技术能够让网站更加简洁、快速、运维成本更低。

7.共享托管

虽然我想说主机托管中心正在逐渐退出历史舞台，但因为大型企业需要有物理服务器（即便未来世界上只剩下Google和Amazon数据中心），所以其永远不会彻底消亡。不管怎么说，随着云计算和平台即服务（PaaS）产品的大规模兴起，“共享托管”这一概念将慢慢失去意义。我们为什么要每个月花20美金给GoDaddy来托管自己完全没有控制权的东西呢？现在只需要几美金就能为完全等量的所需带宽提供服务了啊。进一步说，我们又为什么要跟不认识的人分享服务器，进而造成我们自己完全无法结局的瓶颈呢？现在，几乎所有托管公司（GoDaddy、MediaTemple等）都可以提供云端或虚拟服务器以求能够与Heroku、Amazon Web Services和Google App Engine等巨头抗衡。

8.“m.” 网站

在响应式设计出现以前，为平板或手机用户提供内容的唯一好方法就是：读取初始请求、检查用户设备然后重新导入同一网站的移动版本。移动网站的存在需要建立在独立的编码群基础上，而且全部功能也不同。而发布方只要对其中一个版本的网站进行更新，就得随之更新另一版本，从而造成极为复杂的维护工作和高昂的开发成本。所以说，“m.”网站能一直生存到响应式设计面世之前是有道理的。举例来说，广告商平台花费了很长时间才调整到单页面模式以便提供两种完全不同的清单模式。为了解决这一问题，广告商不得不给每个页面提供所有广告，然后根据设备不同分别提供移动或电脑版本。这一具体问题早已经被众多广告平台所解决，而现在“响应式设计”已经基本成为了一个家喻户晓的名词，支持独立平台的成本效益相比支持两个不同的展示层，毋庸多言。

原文地址：UXMagazine
翻译：蒋灿
译文地址：网秦