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

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

1.下拉菜單

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

當(dāng)前的下拉菜單形式將無法在沒有“懸停狀態(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)角度說是這樣的），其作用是讓頁(yè)面在最顯眼的位置展現(xiàn)多個(gè)不同內(nèi)容元素。這些內(nèi)容一般設(shè)置為隨時(shí)間輪播，但是這一模式已經(jīng)過時(shí)了，特別是現(xiàn)在幾個(gè)比較知名的新聞網(wǎng)站已經(jīng)采用了能夠根據(jù)瀏覽器寬度填充空間的適應(yīng)式內(nèi)容塊。要強(qiáng)調(diào)的是，這一趨勢(shì)的消亡給手機(jī)和平板用戶帶來了福音，他們從此不會(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真神萬歲！現(xiàn)在各大互聯(lián)網(wǎng)公司正在以前所未有的速度拋棄舊有版本的IE。要知道，就在幾年以前，為了能兼容IE6，我們要想盡辦法把用戶體驗(yàn)搞的越簡(jiǎn)單越好。更可惡的是，過了沒幾年，我們就不需要再支持IE6了。時(shí)間飛走到今天，Google和Facebook等互聯(lián)網(wǎng)巨頭都開始采用基于標(biāo)準(zhǔn)的革新模式，從而迫使微軟要么跟風(fēng)要么落后。

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

4.擬物化

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

5.Flash

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

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

網(wǎng)頁(yè)仍然存在，不過正經(jīng)歷著重大的變革。這里不是要翻來覆去說前面一個(gè)話題，不過我們?cè)娇烀撾x老舊的IT，就能越早地拋棄單獨(dú)的網(wǎng)頁(yè)頁(yè)面。這一潮流其實(shí)是幾年前出現(xiàn)的對(duì)設(shè)計(jì)和技術(shù)革新的一種結(jié)合，而這一潮流的吸引力正日漸提高。我們已經(jīng)見證了潮流向著網(wǎng)站“應(yīng)用化”的轉(zhuǎn)變，而這一轉(zhuǎn)變很可能已經(jīng)被既不需要也不愿意通過本機(jī)應(yīng)用來照顧平板和手機(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)站采用了無頁(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后來成為了Rails 4中的一個(gè)核心功能?，F(xiàn)在我們看到有越來越多的網(wǎng)站轉(zhuǎn)向了這一潮流，而隨著技術(shù)實(shí)施門檻的降低，我們還將看到更多網(wǎng)站跟風(fēng)，因?yàn)檫@一技術(shù)能夠讓網(wǎng)站更加簡(jiǎn)潔、快速、運(yùn)維成本更低。

7.共享托管

雖然我想說主機(jī)托管中心正在逐漸退出歷史舞臺(tái)，但因?yàn)榇笮推髽I(yè)需要有物理服務(wù)器（即便未來世界上只剩下Google和Amazon數(shù)據(jù)中心），所以其永遠(yuǎn)不會(huì)徹底消亡。不管怎么說，隨著云計(jì)算和平臺(tái)即服務(wù)（PaaS）產(chǎn)品的大規(guī)模興起，“共享托管”這一概念將慢慢失去意義。我們?yōu)槭裁匆總€(gè)月花20美金給GoDaddy來托管自己完全沒有控制權(quán)的東西呢？現(xiàn)在只需要幾美金就能為完全等量的所需帶寬提供服務(wù)了啊。進(jìn)一步說，我們又為什么要跟不認(rèn)識(shí)的人分享服務(wù)器，進(jìn)而造成我們自己完全無法結(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ù)工作和高昂的開發(fā)成本。所以說，“m.”網(wǎng)站能一直生存到響應(yīng)式設(shè)計(jì)面世之前是有道理的。舉例來說，廣告商平臺(tái)花費(fèi)了很長(zhǎng)時(shí)間才調(diào)整到單頁(yè)面模式以便提供兩種完全不同的清單模式。為了解決這一問題，廣告商不得不給每個(gè)頁(yè)面提供所有廣告，然后根據(jù)設(shè)備不同分別提供移動(dòng)或電腦版本。這一具體問題早已經(jīng)被眾多廣告平臺(tái)所解決，而現(xiàn)在“響應(yīng)式設(shè)計(jì)”已經(jīng)基本成為了一個(gè)家喻戶曉的名詞，支持獨(dú)立平臺(tái)的成本效益相比支持兩個(gè)不同的展示層，毋庸多言。

原文地址：UXMagazine