在IE11中感受不一樣的觸控體驗(yàn)
在觸控技術(shù)和Windows 8的帶動(dòng)下,越來越多的PC開始配備觸控屏,給傳統(tǒng)PC領(lǐng)域帶來了全新的交互體驗(yàn)——觸控操作。然而,除了專門針對觸控操作優(yōu)化的Windows 8應(yīng)用外,大量傳統(tǒng)操作都是基于鍵盤和鼠標(biāo),比如我們最常進(jìn)行的上網(wǎng)?,F(xiàn)在的網(wǎng)站幾乎都只考慮了鼠標(biāo)和鍵盤操作,這就導(dǎo)致在使用觸控方式訪問網(wǎng)站時(shí)會遇到操作障礙。
從網(wǎng)站入手,重新制作兼容觸控操作的網(wǎng)頁是最徹底的解決方法,但實(shí)現(xiàn)難度比較大,因?yàn)榫W(wǎng)站數(shù)量是如此的多,而另一個(gè)解決方案則是從瀏覽器入手,通過改進(jìn)瀏覽器來解決上網(wǎng)過程中的觸控操作問題。作為目前全球市場占有率最高的瀏覽器,IE11針對觸控操作進(jìn)行了進(jìn)一步優(yōu)化,為其他瀏覽器廠商做出了很好的示范。
在Modern風(fēng)格界面下,微軟針對IE11瀏覽器做了很多觸控相關(guān)的優(yōu)化。針對最常見的“懸停展開”操作,IE11設(shè)計(jì)了懸停菜單,和現(xiàn)在一些鼠標(biāo)懸停顯示下級菜單的功能類似,當(dāng)訪問網(wǎng)頁時(shí),用戶只需將手指按住菜單即可自動(dòng)打開網(wǎng)站的下級菜單。同時(shí), IE11上還改進(jìn)了頁面前進(jìn)和后退的方式。從IE10起,用戶在瀏覽網(wǎng)頁時(shí)可以直接通過手指在屏幕上向左/右掃動(dòng)完成前進(jìn)或后退的操作。
IE11繼承了這一手勢操作,并進(jìn)一步改善了用戶體驗(yàn)和操作效率。當(dāng)用戶在不同頁面之間切換時(shí),通過預(yù)渲染技術(shù),IE會將前一個(gè)頁面掛起并緩存到內(nèi)存中。一旦用戶輕掃回前一個(gè)頁面時(shí),該頁面會從內(nèi)存中恢復(fù),而不是重新加載,使前一個(gè)頁面瞬間加載完成。此外,在后退或前進(jìn)時(shí),IE11會在加載頁面時(shí)向用戶顯示一張網(wǎng)頁截圖,以便用戶在到達(dá)頁面時(shí)能夠快速找到所需內(nèi)容。
而作為首個(gè)支持HTML5拖放和觸摸的瀏覽器,IE11還允許用戶直接在HTML5網(wǎng)頁上使用手指拖動(dòng)頁面中的素材。
除了瀏覽網(wǎng)頁,針對觸控進(jìn)行優(yōu)化的IE瀏覽器也成為了網(wǎng)頁游戲玩家們的福音。有了觸控的支持,用戶可以拋棄鍵盤和鼠標(biāo),享受更加自然流暢的游戲體驗(yàn)。
作為去年的精品游戲之一,美輪美奐的視覺風(fēng)格令Contre Jour獨(dú)樹一幟。Contre Jour 由 Maksym (Max) Hryniv推出,首先在 iOS 上大獲追捧,因其創(chuàng)新的游戲設(shè)置、奇幻的藝術(shù)風(fēng)格以及動(dòng)人的背景音樂而享譽(yù)世界。由于需要多點(diǎn)觸控的支持,在很長一段時(shí)間內(nèi)用戶只能通過應(yīng)用端進(jìn)行體驗(yàn)。不過在支持多點(diǎn)觸控體驗(yàn)的IE10推出之后,Contre Jour被開發(fā)人員從客戶端被搬到了瀏覽器上,而這個(gè)游戲也被認(rèn)為是IE瀏覽器與觸控操作的最佳結(jié)合。
通過與Max以及網(wǎng)站開發(fā)機(jī)構(gòu)Clarity Consulting的合作,IE僅使用HTML5和JavaScript便將Contre Jour導(dǎo)入了瀏覽器。將Contre Jour成功導(dǎo)入網(wǎng)頁并實(shí)現(xiàn)觸控體驗(yàn)的成功之舉,拓展了我們以往所認(rèn)知的可能性極限,它證明了瀏覽器作為一種可行平臺,已經(jīng)為促進(jìn)觸控網(wǎng)頁休閑游戲的發(fā)展做好了準(zhǔn)備。
多點(diǎn)觸控支持的實(shí)施是該游戲中為數(shù)不多的使用到特定于瀏覽器的代碼的地方之一。得益于IE10 對觸控事件監(jiān)聽器的內(nèi)置支持,遷移過程中對多點(diǎn)觸控的開發(fā)并不復(fù)雜。Contre Jour團(tuán)隊(duì)表示:“IE對多點(diǎn)觸控的良好支持,對于開發(fā)人員而言是一件好事,你能夠簡單、高效的完成對于多點(diǎn)觸控的支持。因?yàn)檫@使得我們可以集中精力應(yīng)對項(xiàng)目中那些更具有挑戰(zhàn)性的部分。”