本文是对外文《Goodbye to 8 Design Elements Whose Time has Come》的翻译,文中列出了逐渐被淘汰的八大设计元素,这些元素的消失将给体验设计带来更好的视觉效果。
1.下拉菜单
自互联网诞生之后,下拉式菜单就成为用户界面中的重要组成部分。现在还有不尽其数的网站仍将悬浮式下拉列表作为导航的重要部分,但随着响应式设计趋势的到来,简单的下拉菜单将会逐渐消失。
从目前形式看,下拉列表在那些无法实现“悬浮状态”的设备上(如平板、手机)无法正常工作。随着“移动优先”设计理念的进一步增强,基于点击的导航将会越来越流行,如“汉堡式按钮”的使用,及把整个网站的导航设计在一个可点击的列表中。
2.旋转木马
旋转木马是另一个历史比较久远的Web UI元素(至少,根据互联网标准是这样的),它可以使页面在首屏的某个位置显示多个内容元素。基于时间进行循环播放,旋转木马已被淘汰,尤其在一些主要的新式网站上,它们基于浏览器的宽度可自适应地显示内容块。旋转木马的淘汰对手机、平板用户是有利的,他们不必再费力地猛击滚动着的旋转木马或导航。正如我们所了解的,旋转木马将进化得更像画廊,且基于点击与导航,而不是基于时间。
3.IE 9
现在大部分互联网公司正以比以前更快的速度淘汰IE的老版本。记得几年以前,我们为了确保兼容IE6,不得不降低用户体验。如今,像Google、Facebook这些主要企业正在进行基于标准的创新,而微软也被迫做同样的创新,否则就会被甩在后面。
在浏览器战争中,IE的市场份额正逐渐被Chrome侵占。如果微软无法跟上Chrome、Firefox甚至Safari所呈现出的美好用户体验,微软将会失去更多的市场份额。2013年11月,Google宣布将停止支持IE 9,这很可能将成为其他UX社区不久也将效仿该做法的信号。这是一个伟大的趋势,你网站的用户体验很可能因为最糟糕的链接设计而大打折扣。为了迎合老版本的IE,使你的网站可在微软的浏览器运行,将使你付出丢失创新能力的代价。
4.拟物化设计
拟物化设计和扁平化设计之间的争论曾是去年设计领域的热议话题,该争论可能仍将持续到2014年。可以说Apple是拟物化设计的最大支持者,而扁平化设计则是Google近些年来一直支持的设计风格。随着Android市场份额的大幅增长,及微软在其新的Surface及移动OS上也开始采用扁平化设计,Apple不得不作出新的选择:要么继续领导一个看起来缺失新鲜感的设计趋势,要么重新拥抱该新的设计趋势。在iOS 7中,Apple选择了扁平化,开始放弃对拟物化设计的支持。
5.Flash
在扁平化设计领域,Apple虽是后来者,但它却在Flash之争中取得胜利。当Apple发布iPhone和iPad时就作出了放弃Flash的理智选择,它鼓励广告商、站点管理员、开发者使用“HTML 5”这一新时尚。2013年,我们看到Flash广告的数量下降急速,更别说使用Flash构建的网站了。后来一些Flash编程者开始使用Adobe Edge,但由于已经存在大量可用的开源工具,Adobe再利用Edge重获开发者的可能性也就不大了。Edge发布于2011年,2012年末发布了它的重要更新,Adobe确实正推动Edge的发展,虽然Flash仍被支持,仍可使用,但它已不像以前一样受开发者的喜爱。现在在主要网站上很难再发现Flash组件了。
6.Web页面
Web页面仍然存在,但近年来它们正经历着一些重要创新。鉴于以上提到的第三点,我们越迅速地抛开IE浏览器,我们就可以越早地放弃独立网页。该趋势是最近几年来设计、技术创新的综合结果,而且一直不断向前发展。我们已经看到很多网站开始向“应用程序化”转变,那些既不需要,也不想单独设计本地应用以迎合平板和手机用户的平台最有可能这样做。像Quartz、Facebook和Google等应用很好地例证了这一趋势,同时因提供的良好用户体验而不断受到夸奖。
Gawker Media最早于2011年采用了该方法。它利用当时新HTML 5标准PushState使网站的网页数量尽可能少,内容异步更新,无需刷新网页的导航元素。Pitchfork.com是另一家早期采用该技术的网站,同时也使PJAX和TurboLink等工具开始流行起来,其中TurboLink还成为Rail 4的核心功能。现在越来越多的网站开始采用该方法,随着实现门槛的降低,我们将会看到更多的网站利用该方法,因为它可以使网站更简洁、更快速,开发成本更低。
7.共享主机
虽说主机托管中心正逐渐过时,但因为仍有大量企业需要物理服务器,所以它们永远不会完全消失(即便在未来我们仅有Google和Amazon两大数据中心)。在云计算、PaaS平台上进行大规模迁移的过程中,“共享主机”将毫无意义。为什么要每月付给GoDabby20美元去托管一些你无法控制的东西?你什么时候需要花费一些成本来满足宽带的使用?你为什么要与你根本看不见的人分享你的服务,并因此带来你无法解决的瓶颈?现在几乎每个网站托管企业(像GoDaddy、MediaTemple等)均提供了云服务以便与Heroku、Amazon Web Services和Google App Engine等巨头竞争。
8.“m.”网站
响应式设计是向使用平板及移动设备用户发布内容的唯一好办法:读取初始请求,检查用户设备,定向到该网站的移动版本。移动网站单独开发,包含完全不同的功能集。无论开发者何时更新网站的某一版本,他们都必须对其他版本做同样的工作,后期维护复杂,开发成本高。这也是为什么响应式设计出现后,“m.”网站逐渐衰败的原因。现在“响应设计”已成为家喻户晓的名词,它所带来的成本效益也是显而易见的。