Win8.1中IE11的觸控體驗

來源:互聯網
上載者:User

   解決觸控實現懸停操作

  隨著觸控技術和Windows 8的帶動下,如今越來越多的PC開始配備觸控屏,給傳統PC領域帶來了全新的互動體驗——觸控操作。但是目前有個略顯尷尬的問題:除了專門針對觸控操作優 化的Windows 8應用外,大量傳統操作都是基於鍵盤和滑鼠的,比如說我們最常進行的上網。現在的網站幾乎都只考慮了滑鼠和鍵盤操作,這就導致在使用觸控方式訪問網站時會 遇到操作障礙。從網站入手,重新製作相容觸控操作的網頁是最徹底的解決方案,但實現難度比較大,因為網站數量是如此的多。另一個解決途徑就是從瀏覽器入 手,通過改進瀏覽器來解決上網過程中的觸控操作問題,這種方式相對容易實現,只要瀏覽器開發商下功夫即可。

  作為即將隨Windows 8.1一同發布的Internet Explorer 11,進一步增強了對觸控操作的支援,在訪問網頁時更加得心應手。 那麼IE11究竟做了哪些改進呢?下面就一起來瞭解一下吧。。。

  類比滑鼠移至上方操作

  目前有很多網站都有“懸停展開”的功能,比如各大電商網站,在商品分類區塊基本都採用這種形式。這樣商品分類就不會顯得太亂太臃腫,使用者也容易找到自己需要的商品。

  最常見的網頁懸停展開操作

  但這種常見的懸停操作,想通過觸控操作來實現會遭遇識別問題。滑鼠因為有指標的存在,網頁只要檢測到指標即可實現懸停展開的操作,而觸控操作並沒有指標的 存在,直接把手指放上去的話,網頁只會識別為“點擊”。也許有人會想到“按住”的方式,但現實情況是:“按住”操作會被識別為“開啟右鍵上下文關聯菜 單”,而不是懸停。

  IE11針對這個問題做了改進,讓“按住”也可以實現懸停操作,同時又保留了原有“按住”操作的開啟右鍵菜單功能。在IE11中訪問上述網頁時,將手指 “按住”即可展開二級菜單。同時,如果“按住”的位置本身含有可“點擊”操作(比如含超連結),那麼在螢幕下方會額外顯示“右鍵操作功能表命令欄”(新窗 口開啟、複製連結等命令)。

  通過觸控操作在幾個不同網站上操作懸停菜單

  其他觸控操作改進

  改進連結反白

  當網頁上有較多連結存在的時候,通過觸控開啟某個連結需要防止點錯。如果在“點擊”過程中有個較明顯的反饋提示,協助使用者即時確認所點選連結的話,觸控操作無疑會更加準確。

  IE11現在就加入了這樣一個反饋提示,當使用者通過觸控點選連結的時候,該連結文字周圍會短暫顯示灰色背景,反白使用者所點擊的對象。

  連結反白效果對比

  左右輕掃實現後退和前進操作

  在瀏覽網頁的過程中,IE11(包括IE10)都會主動隱藏所有功能欄從而以全屏方式顯示網頁,這種情況下使用者經常會用到的“後退”操作就需要花費額外的 步驟,先呼出地址欄,再點擊後退按鈕。經常使用手機上網的應該知道,很多手機瀏覽器都支援手勢操作實現後退和前進,Windows 8也不例外。從IE10起,使用者在瀏覽網頁的時候直接手指在螢幕上向右掃動即可返回到上一個頁面,向左掃動則是前進。

  左右掃動手勢實現前進和後退

  IE11繼承了這一手勢操作,並進一步改善了使用者體驗和操作效率。當使用者在不同頁面之間切換時,IE11會將前一個頁面掛起並緩衝到記憶體中。一旦使用者輕掃 回前一個頁面時,該頁面會從記憶體中恢複,而不是重新載入,這種方式帶來的結果就是前一個頁面瞬間載入完成。此外,在後退或前進的時時候,IE11會在載入 頁面時向使用者顯示一張網頁截圖,以便使用者在到達頁面時能夠快速找到所需的內容。

  觸控實現HTML5拖放操作

  也許HTML5距離大規模應用還有不少路要走,但它畢竟是未來的趨勢。IE11當然是要支援HTML5的,而且它還是支援通過觸控實現HTML5拖放功能的首個瀏覽器。在IE11裡,使用者只需長按即可實現。

  在微軟的Magnetic Poetry測試示範裡,IE10可以通過滑鼠來實現HTML5拖放操作,現在我們可以用IE11開啟這個示範,來體驗觸控實現HTML5拖放操作。

  Magnetic Poetry示範頁面

  訪問:Magnetic Poetry

  改進可實現指標事件的觸控API

  指標事件是由微軟及其他瀏覽器廠商和W3C合作制定的一套標準,這個標準基於IE10引入的帶有供應商首碼的API。這個API使網站能夠支援包括滑鼠、 手寫筆、多點觸控等不同觸控裝置。IE11會引入更新後的MSPointer API,最終正式版將支援不帶首碼的指標事件。

  備忘:文中部分技術解說文字截圖以及視頻引自微軟官方部落格。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。