告别8種(zhǒng)設計元素，接下來是誰的時代

去年，幾個我個人不太喜歡的設計元素和技術創作鳴起(qǐ)了喪鍾。其中有的已經(jīng)徹底消亡，有的還(hái)在掙紮，還(hái)有個别的也在近确診“沒(méi)救了”。放眼向(xiàng)前，我認爲它們日漸凋零的身影反而會讓2014成(chéng)爲用戶體驗設計更進(jìn)一步的一年。

1.下拉菜單

下拉菜單自互聯網出現以來一直是用戶界面(miàn)的基石。無數的網站都(dōu)争先恐後(hòu)地采用懸停狀态下拉列表作爲導航關鍵要素，但随著(zhe)行業趨勢逐漸向(xiàng)著(zhe)全響應式無設備差别設計轉變，簡單的下列菜單將(jiāng)不複存在。

當前的下拉菜單形式將(jiāng)無法在沒(méi)有“懸停狀态”這(zhè)一概念的平台上（平闆電腦或手機）繼續發(fā)揮功效。随著(zhe)“移動優先”風潮的繼續，基于點擊的導航（例如采用“漢堡式按鈕”將(jiāng)整個網站的導航功能(néng)嵌套到一個可點擊列表内）將(jiāng)逐漸興起(qǐ)。

2.回轉

回轉模式也算得上是網頁UI的老古董了（至少從互聯網角度說是這(zhè)樣(yàng)的），其作用是讓頁面(miàn)在顯眼的位置展現多個不同内容元素。這(zhè)些内容一般設置爲随時間輪播，但是這(zhè)一模式已經(jīng)過(guò)時了，特别是現在幾個比較知名的新聞網站已經(jīng)采用了能(néng)夠根據浏覽器寬度填充空間的适應式内容塊。要強調的是，這(zhè)一趨勢的消亡給手機和平闆用戶帶來了福音，他們從此不會因爲想“滑動”回轉内容或在不同元素間導航失敗而感到苦惱了。據我們所知，回轉模式很可能(néng)會進(jìn)化成(chéng)基于滑動和導航的類似圖集的界面(miàn)形式，而不再是依據時間輪播的模式。

3.Internet Explorer 9

Internet真神萬歲！現在各大互聯網公司正在以前所未有的速度抛棄舊有版本的IE。要知道(dào)，就在幾年以前，爲了能(néng)兼容IE6，我們要想盡辦法把用戶體驗搞的越簡單越好(hǎo)。更可惡的是，過(guò)了沒(méi)幾年，我們就不需要再支持IE6了。時間飛走到今天，Google和Facebook等互聯網巨頭都(dōu)開(kāi)始采用基于标準的革新模式，從而迫使微軟要麼(me)跟風要麼(me)落後(hòu)。

原來的“采用、擴展、消滅”理念在浏覽器行業的戰争中并沒(méi)起(qǐ)到多大幫助，IE在對(duì)陣Chrome的過(guò)程當中不斷喪失陣地，而且如果微軟無法跟上Chrome、Firefox甚至Safari的創新速度，IE還(hái)將(jiāng)繼續失敗。2013年11月，Google宣布其將(jiāng)停止支持IE9，通常情況下這(zhè)也就預兆著(zhe)用戶體驗領域的其他部分也將(jiāng)很快仿效。但對(duì)于未來，這(zhè)是個好(hǎo)消息，因爲決定用戶體驗優劣的關鍵往往是弱的一環。要照顧老舊的IE版本往往意味著(zhe)微軟的浏覽器限制了你創新的能(néng)力。

4.拟物化

拟物化對(duì)陣扁平化的辯論在過(guò)去的一年一直沒(méi)消停，看來這(zhè)個熱門的話題很可能(néng)要延續到2014年了。可以說，Apple通過(guò)其iOS的設計以及曆史上（2013年以前）碾壓其他移動操作系統的用戶數量表現了自己對(duì)拟物化的絕對(duì)簇擁，同時Google則是扁平化設計的堅定支持者。随著(zhe)安卓市場份額的大幅增長(cháng)以及微軟憑借新Surface和移動OS跳上扁平化的快車，Apple正面(miàn)臨著(zhe)抉擇。要麼(me)繼續領導已經(jīng)沒(méi)什麼(me)新鮮感的設計潮流（并在争議下繼續創建不太友好(hǎo)的UI），要麼(me)擁抱新的趨勢。随著(zhe)iOS7的發(fā)布，Apple也走向(xiàng)了扁平，從而滅掉了拟物化的後(hòu)一點火花。

5.Flash

盡管在上一個觀點中我們把Apple定位成(chéng)了扁平化設計的後(hòu)來者，但在Flash的戰以上，Apple大獲全勝。在Apple發(fā)布iPhone和iPad時，明智地做出了不支持Flash的決策，同時考慮到這(zhè)兩(liǎng)大平台占據了大比例的網絡流量，于是衆多廣告商、網站管理方和開(kāi)發(fā)方紛紛開(kāi)始擁抱HTML5.在2013年，Flash廣告出現了明顯下滑，基于Flash建立的網站數量也就自不必說了。我認識的很多Flash程序員都(dōu)轉投了Adobe Edge，因爲據說Adobe Edge多少還(hái)能(néng)和現在的web開(kāi)發(fā)場景沾點邊，但考慮到現在有那麼(me)多（而且還(hái)都(dōu)很好(hǎo)用）開(kāi)源工具，這(zhè)一切看似都(dōu)有些爲時已晚。Adobe的Edge早發(fā)布于2011年，并在2012年進(jìn)行了重大更新，而且現在仍在大力推行，不過(guò)盡管Flash現在仍然能(néng)用而且受到支持，但開(kāi)發(fā)人員對(duì)它的熱愛程度已經(jīng)大不如前。估計現在要找一個還(hái)在用Flash組件的主流網站已經(jīng)很難了。

6.網頁

網頁仍然存在，不過(guò)正經(jīng)曆著(zhe)重大的變革。這(zhè)裡(lǐ)不是要翻來覆去說前面(miàn)一個話題，不過(guò)我們越快脫離老舊的IT，就能(néng)越早地抛棄單獨的網頁頁面(miàn)。這(zhè)一潮流其實是幾年前出現的對(duì)設計和技術革新的一種(zhǒng)結合，而這(zhè)一潮流的吸引力正日漸提高。我們已經(jīng)見證了潮流向(xiàng)著(zhe)網站“應用化”的轉變，而這(zhè)一轉變很可能(néng)已經(jīng)被(bèi)既不需要也不願意通過(guò)本機應用來照顧平闆和手機用戶的平台所廣爲采納。Quartz、Facebook和Google Apps等網站是這(zhè)一趨勢的例證，而且它們也因爲自己打造網頁用戶體驗的模式而備受推崇。

Gawker media是比較早敢吃螃蟹的人，起(qǐ)早在2011年就大幅度轉向(xiàng)了當時惡名昭彰而且短命的“雜燴”型用戶體驗。其網站采用了無頁面(miàn)設計，并使用了當時比較新穎的HTM5标準，也就是PushState，這(zhè)一标準能(néng)夠在不刷新頁面(miàn)導航元素的情況下異步更新内容。Pitchfork.com也是比較早采用這(zhè)一技術的網站，其對(duì)PJAX和TurboLinks等幾個工具的流行起(qǐ)到了一定推動，其中，TurboLinks後(hòu)來成(chéng)爲了Rails 4中的一個核心功能(néng)。現在我們看到有越來越多的網站轉向(xiàng)了這(zhè)一潮流，而随著(zhe)技術實施門檻的降低，我們還(hái)將(jiāng)看到更多網站跟風，因爲這(zhè)一技術能(néng)夠讓網站更加簡潔、快速、運維成(chéng)本更低。

7.共享托管

雖然我想說主機托管中心正在逐漸退出曆史舞台，但因爲大型企業需要有物理服務器（即便未來世界上隻剩下Google和Amazon數據中心），所以其永遠不會徹底消亡。不管怎麼(me)說，随著(zhe)雲計算和平台即服務（PaaS）産品的大規模興起(qǐ)，“共享托管”這(zhè)一概念將(jiāng)慢慢失去意義。我們爲什麼(me)要每個月花20美金給GoDaddy來托管自己完全沒(méi)有控制權的東西呢？現在隻需要幾美金就能(néng)爲完全等量的所需帶寬提供服務了啊。進(jìn)一步說，我們又爲什麼(me)要跟不認識的人分享服務器，進(jìn)而造成(chéng)我們自己完全無法結局的瓶頸呢？現在，幾乎所有托管公司（GoDaddy、MediaTemple等）都(dōu)可以提供雲端或虛拟服務器以求能(néng)夠與Heroku、Amazon Web Services和Google App Engine等巨頭抗衡。

8.“m.” 網站

在響應式設計出現以前，爲平闆或手機用戶提供内容的唯一好(hǎo)方法就是：讀取初始請求、檢查用戶設備然後(hòu)重新導入同一網站的移動版本。移動網站的存在需要建立在獨立的編碼群基礎上，而且全部功能(néng)也不同。而發(fā)布方隻要對(duì)其中一個版本的網站進(jìn)行更新，就得随之更新另一版本，從而造成(chéng)極爲複雜的維護工作和高昂的開(kāi)發(fā)成(chéng)本。所以說，“m.”網站能(néng)一直生存到響應式設計面(miàn)世之前是有道(dào)理的。舉例來說，廣告商平台花費了很長(cháng)時間才調整到單頁面(miàn)模式以便提供兩(liǎng)種(zhǒng)完全不同的清單模式。爲了解決這(zhè)一問題，廣告商不得不給每個頁面(miàn)提供所有廣告，然後(hòu)根據設備不同分别提供移動或電腦版本。這(zhè)一具體問題早已經(jīng)被(bèi)衆多廣告平台所解決，而現在“響應式設計”已經(jīng)基本成(chéng)爲了一個家喻戶曉的名詞，支持獨立平台的成(chéng)本效益相比支持兩(liǎng)個不同的展示層，毋庸多言。