漸進(jìn)增強(qiáng)——新的體例論
“如水般的內(nèi)容”正影響著Web用戶體驗(yàn)的設(shè)計(jì)及培植。人們正使用著分歧種類的設(shè)備，而種類也將越來(lái)越多，這也注定了產(chǎn)物在各設(shè)憊亓?機(jī)能、元素樣式及解決方案無(wú)法告竣統(tǒng)一、尺度化。
按照摩爾定侓，跟著時(shí)刻的遷移，器件會(huì)越來(lái)越快、越來(lái)越強(qiáng)年夜，其成本也將年夜年夜降低。用戶也將獲得低成本，機(jī)能“足夠好”的Web終端設(shè)備。
“手藝專業(yè)人士都知道摩爾定侓，但凡是會(huì)健忘一個(gè)主要方面：在機(jī)能增添的同時(shí)，其成本也會(huì)降低。” ——Scott Jenson
終端設(shè)備規(guī)模的門(mén)檻很低(免費(fèi)的操作系統(tǒng)、廉價(jià)的硬件)，將導(dǎo)致年夜量廉價(jià)的互聯(lián)設(shè)備涌入市場(chǎng)。正如iPad 5必定比iPad 2具有更好的機(jī)能，我們需要考慮供給分歧機(jī)能的產(chǎn)物：優(yōu)異的、粗拙的，及介于兩者之間的機(jī)能狀況。因?yàn)檫@些屏幕背后的是但愿獲得交互、試探、進(jìn)修、享受的人。
為了知足這種多樣化，我們需要將漸進(jìn)增強(qiáng)的能力提高一個(gè)品級(jí)。除了試探新特征，我們還需再進(jìn)一步，產(chǎn)物要能基于設(shè)備屏幕的巨細(xì)、寬帶、JavaScript撐持情形及設(shè)備機(jī)能的情形進(jìn)行自我順應(yīng)、漸進(jìn)增強(qiáng)。拋卻某些安閑的假設(shè)，以移動(dòng)優(yōu)先為設(shè)計(jì)思惟，構(gòu)建一種焦點(diǎn)體驗(yàn)，我們便能構(gòu)建一個(gè)不變的基本去撐持更多的平臺(tái)。在良多情形下，最焦點(diǎn)的體驗(yàn)獲得了較好的效不美觀，漸進(jìn)增強(qiáng)將幫我們把產(chǎn)物推給更多的用戶。
結(jié)構(gòu)化的內(nèi)容可順應(yīng)未來(lái)多平臺(tái)情形
一切將年夜標(biāo)識(shí)表記標(biāo)幟說(shuō)話起頭。即即是最厭惡的瀏覽器也能識(shí)別標(biāo)識(shí)表記標(biāo)幟說(shuō)話。HTML5為增強(qiáng)用戶體驗(yàn)敞開(kāi)了年夜門(mén)。面臨眾多的移動(dòng)設(shè)備不竭發(fā)生的轉(zhuǎn)變，我們意識(shí)到根柢的、精練的、強(qiáng)年夜的標(biāo)識(shí)表記標(biāo)幟說(shuō)話是跨眾多平臺(tái)開(kāi)發(fā)最好的利器。
“移動(dòng)設(shè)備市場(chǎng)正不竭發(fā)生著轉(zhuǎn)變。機(jī)能也在持續(xù)改變�？赡苤挥薪Y(jié)構(gòu)化的內(nèi)容可以移值到未來(lái)的平臺(tái)上。”——Stephen Hay
具有矯捷性的樣式，可順應(yīng)多屏幕
此刻我們已經(jīng)意識(shí)到，Web頁(yè)的寬并非只能限制在960px巨細(xì)，我們正逐漸回歸Web所具有的流動(dòng)特征。多虧有響應(yīng)式Web設(shè)計(jì)，它供給了具體的手藝去順應(yīng)各類尺寸巨細(xì)的屏幕，同時(shí)保證設(shè)計(jì)結(jié)構(gòu)和默示樣式連結(jié)在齊截水平�？赡芨饕氖牵憫�(yīng)式設(shè)計(jì)供給了我們急需的開(kāi)發(fā)說(shuō)話，依靠它，我們?cè)谡勁性O(shè)計(jì)方案時(shí)不必再零丁考慮屏幕的巨細(xì)及硬件情形。
面臨設(shè)備多樣化的挑戰(zhàn)，響應(yīng)式Web設(shè)計(jì)并非是萬(wàn)能的(并非像它所聲稱的那樣)，但它卻是主要的一步。我們?nèi)孕杞?jīng)由過(guò)程上下文情形、源代碼、輸入體例、前言等體例解決內(nèi)容條理結(jié)構(gòu)問(wèn)題。
定位分歧平臺(tái) 開(kāi)拓平臺(tái)優(yōu)勢(shì)
移動(dòng)設(shè)備及其他新呈現(xiàn)的平臺(tái)在屏幕巨細(xì)上各不不異，可矯捷順應(yīng)的結(jié)構(gòu)結(jié)構(gòu)將變得極其主要。各平臺(tái)均有自己的優(yōu)勢(shì)及限制，開(kāi)發(fā)者必需謹(jǐn)嚴(yán)選擇。雖然對(duì)內(nèi)容供給統(tǒng)一的訪謁體例相當(dāng)主要，但這并不意味著我們應(yīng)該為所有平臺(tái)的用戶供給可以順應(yīng)所有平臺(tái)的統(tǒng)一尺寸的處事。
理解用戶使用產(chǎn)物的情形
用戶正以越來(lái)越多的體例與我們的產(chǎn)物進(jìn)行交互，用戶的使用情形直接影響著我們產(chǎn)物的設(shè)計(jì)方針。我們不應(yīng)該簡(jiǎn)單地按照用戶的設(shè)備就砍倒某些內(nèi)容或功能，我們應(yīng)該體味用戶使用該產(chǎn)物的情形。按照它來(lái)確定需液增強(qiáng)和優(yōu)化的處所。一個(gè)成天忙碌的用戶若何年夜你的處事中獲益?用戶憑什么要在他們的TV上訪謁你的網(wǎng)站?標(biāo)識(shí)表記標(biāo)幟本用戶訪謁我們的網(wǎng)站和平板電腦用戶有若何的分歧?經(jīng)由過(guò)程詢問(wèn)這些問(wèn)題可以輔佐我們確定優(yōu)先考慮的方針，避免與機(jī)緣擦肩而過(guò)。
充實(shí)操作設(shè)備的機(jī)能
此刻有些瀏覽器已經(jīng)撐持觸屏節(jié)制、地輿定位及硬件加速。但愿未來(lái)的瀏覽器可以訪謁設(shè)備更多的API。這將為基于設(shè)備的機(jī)能提高用戶體驗(yàn)供給更多機(jī)緣。例如，我們經(jīng)常健忘移動(dòng)電話是用來(lái)打電話與發(fā)送動(dòng)靜的通信工具。我們應(yīng)該若何操作這些特征更好的吸引用戶呢?
此刻，一些設(shè)備可以打電話。而未來(lái)的設(shè)備可能會(huì)接入類Kinect的手勢(shì)感應(yīng)功能、語(yǔ)音輸入，甚至其他仍在構(gòu)想中的功能。此刻新興的多屏幕，為我們實(shí)現(xiàn)各屏幕之間的交互供給了令人感動(dòng)的機(jī)緣。讓我們完成這些新功能，讓W(xué)eb成為新的、令人興奮的處所。
結(jié)語(yǔ)
設(shè)計(jì)出對(duì)將濫暌寡好的Web，這一思惟包含良多內(nèi)容：Web尺度、內(nèi)容策略、漸進(jìn)增強(qiáng)、響應(yīng)式設(shè)計(jì)等等。這比任何一個(gè)體例、手藝更強(qiáng)年夜。它可以輔佐我們特出現(xiàn)有項(xiàng)目的型圍思慮問(wèn)題，輔佐我們?yōu)椴紳M立異、持續(xù)改變的未來(lái)做好籌備。(編譯：CSDN陳秋歌)
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示