網(wǎng)秦UEC：告別8種設(shè)計(jì)元素，接下來(lái)是誰(shuí)的時(shí)代

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

1.下拉菜單

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

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

2.回轉(zhuǎn)

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

3.Internet Explorer 9

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

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

4.擬物化

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

5.Flash

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

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

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

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

7.共享托管

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

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

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

原文地址：UXMagazine