告別8種設計元素，接下來(lái)是誰(shuí)的時(shí)代

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

1.下拉菜單

下拉菜單自互聯(lián)網(wǎng)出現以來(lái)一直是用戶(hù)界面的基石。無(wú)數的網(wǎng)站都爭先恐后地采用懸停狀態(tài)下拉列表作為導航關(guān)鍵要素，但隨著(zhù)行業(yè)趨勢逐漸向著(zhù)全響應式無(wú)設備差別設計轉變，簡(jiǎn)單的下列菜單將不復存在。

當前的下拉菜單形式將無(wú)法在沒(méi)有“懸停狀態(tài)”這一概念的平臺上（平板電腦或手機）繼續發(fā)揮功效。隨著(zhù)“移動(dòng)優(yōu)先”風(fēng)潮的繼續，基于點(diǎn)擊的導航（例如采用“漢堡式按鈕”將整個(gè)網(wǎng)站的導航功能嵌套到一個(gè)可點(diǎn)擊列表內）將逐漸興起。

2.回轉

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

3.Internet Explorer 9

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

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

4.擬物化

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

5.Flash

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

6.網(wǎng)頁(yè)

網(wǎng)頁(yè)仍然存在，不過(guò)正經(jīng)歷著(zhù)重大的變革。這里不是要翻來(lái)覆去說(shuō)前面一個(gè)話(huà)題，不過(guò)我們越快脫離老舊的IT，就能越早地拋棄單獨的網(wǎng)頁(yè)頁(yè)面。這一潮流其實(shí)是幾年前出現的對設計和技術(shù)革新的一種結合，而這一潮流的吸引力正日漸提高。我們已經(jīng)見(jiàn)證了潮流向著(zhù)網(wǎng)站“應用化”的轉變，而這一轉變很可能已經(jīng)被既不需要也不愿意通過(guò)本機應用來(lái)照顧平板和手機用戶(hù)的平臺所廣為采納。Quartz、Facebook和Google Apps等網(wǎng)站是這一趨勢的例證，而且它們也因為自己打造網(wǎng)頁(yè)用戶(hù)體驗的模式而備受推崇。

Gawker media是比較早敢吃螃蟹的人，起早在2011年就大幅度轉向了當時(shí)惡名昭彰而且短命的“雜燴”型用戶(hù)體驗。其網(wǎng)站采用了無(wú)頁(yè)面設計，并使用了當時(shí)比較新穎的HTM5標準，也就是PushState，這一標準能夠在不刷新頁(yè)面導航元素的情況下異步更新內容。Pitchfork.com也是比較早采用這一技術(shù)的網(wǎng)站，其對PJAX和TurboLinks等幾個(gè)工具的流行起到了一定推動(dòng)，其中，TurboLinks后來(lái)成為了Rails 4中的一個(gè)核心功能?，F在我們看到有越來(lái)越多的網(wǎng)站轉向了這一潮流，而隨著(zhù)技術(shù)實(shí)施門(mén)檻的降低，我們還將看到更多網(wǎng)站跟風(fēng)，因為這一技術(shù)能夠讓網(wǎng)站更加簡(jiǎn)潔、快速、運維成本更低。

7.共享托管

雖然我想說(shuō)主機托管中心正在逐漸退出歷史舞臺，但因為大型企業(yè)需要有物理服務(wù)器（即便未來(lái)世界上只剩下Google和Amazon數據中心），所以其永遠不會(huì )徹底消亡。不管怎么說(shuō)，隨著(zhù)云計算和平臺即服務(wù)（PaaS）產(chǎn)品的大規模興起，“共享托管”這一概念將慢慢失去意義。我們?yōu)槭裁匆總€(gè)月花20美金給GoDaddy來(lái)托管自己完全沒(méi)有控制權的東西呢？現在只需要幾美金就能為完全等量的所需帶寬提供服務(wù)了啊。進(jìn)一步說(shuō)，我們又為什么要跟不認識的人分享服務(wù)器，進(jìn)而造成我們自己完全無(wú)法結局的瓶頸呢？現在，幾乎所有托管公司（GoDaddy、MediaTemple等）都可以提供云端或虛擬服務(wù)器以求能夠與Heroku、Amazon Web Services和Google App Engine等巨頭抗衡。

8.“m.” 網(wǎng)站

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