《HTML5觸控介面設計與開發》——第1章 移動裝置概述1.1 觸控裝置和桌面裝置之間的差異
本節書摘來自非同步社群《HTML5觸控介面設計與開發》一書中的第1章,第1.1節,作者: 【美】Stephen Woods 更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視。
第 1 章 移動裝置概述
一切都因iPhone開始。在這之前,手機網頁就是其桌面網頁的簡化版。極少數瀏覽器能夠支援JavaScript,大多數瀏覽器只是將網頁轉化成適合小螢幕而已。iPhone上的Safari是一個真正的Web瀏覽器,它支援JavaScript和CSS。不僅如此,它還是一個非常前沿的瀏覽器。為iPhone設計的網站可以使用一些新生的工具套件,即現在的HTML5。 如今,市面上有數百種的移動裝置在售。它們千差萬別,各有千秋,但它們有一個共同的特點:先進的Web瀏覽器和觸控介面。
1.1 觸控裝置和桌面裝置之間的差異
大多數觸控裝置是移動裝置。為桌面裝置開發網站的開發者最擔心的是它們的網頁能否相容各種瀏覽器。所以,開發者很大一部分的工作是理解各種瀏覽器之間的差異。
移動領域問題不在於各種瀏覽器,而在於不同的移動裝置。當然,有幾種不同的移動瀏覽器,並且它們之間的確存在一些差異,但大體上移動裝置版本與其相應的桌面版本差異不大。移動裝置和桌面裝置真正差異在於以下4個因素:
- 規格
- 計算能力不足
- 人們如何使用它們
- 觸控介面
1.1.1 規格
移動裝置和臺式電腦(或膝上型電腦)之間最明顯的差異是尺寸。移動裝置的尺寸比較小,所以搭載較小螢幕,且沒有滑鼠,大多數情況下也沒有鍵盤。
觸控裝置目前主要有三種規格:手機、小型平板和大型平板。大型平板包括iPad(不包括iPad mini)和各種10英寸的Android平板,如Nexus10。小平板螢幕一般約為7英寸,如Nexus7、Galaxy Note和iPad mini。
所有這些裝置上的瀏覽器始終都是全屏的。使用者“調整”瀏覽器大小的唯一途徑是通過旋轉移動裝置在橫向和縱向模式之間進行切換。只為一種尺寸的裝置優化並不困難,困難的是要確保你的網站適用於所有的裝置。
1.1.2 移動裝置的計算能力不足
寫本書時,最強大的觸控式螢幕裝置是第四代iPad。它是效能強大的機器。根據相同的標準,它的效能與2004年釋出的Power Mac G5(最後一代摩托羅拉版)相同。
可以肯定地說,大多數使用者並沒有使用最新和最強大的移動裝置。大多數運營商提供“合約”手機,如iPhone 4和三星Galaxy Exhilarate,這些手機的執行速度要慢得多。它們的CPU效能和20世紀末、21世紀初最快的臺式電腦差不多。iPhone 3GS仍然被廣泛使用,它擁有單核處理器、256 MB的記憶體,CPU效能大致相當於最後一代與CRT顯示器搭配銷售的iMac。雖然移動裝置的效能仍在繼續增長,但與一般桌面電腦的效能相比,它們還是太慢了。值得高興的是,大部分近期釋出的裝置都擁有獨立的GPU。一個iPhone 4在效能上可以被認為是一臺裝有強大圖形處理器,但效能稍遜的電腦。
1.1.3 人們使用觸控裝置的方式大相徑庭
人們使用手機和桌面電腦的習慣不同。人們使用桌面電腦一般是為了完成特定的工作,所以可能不會做很多其他的事情。至於移動裝置,不論是手機還是平板電腦,通常人們都是在做別的事情的間隙來使用它們。他們可能正在乘坐公交車、排隊等候或只是在參加一個無聊的會議。
例如,你搭建了一個財經新聞網站。在桌面電腦上,使用者可能會花費一段時間單擊幾次連結,然後用幾分鐘的時間閱讀一篇文章。而移動使用者可能正在做一件別的事情,只會在空閒時的幾秒時間來完成上面的操作。桌面網站的速度一般不慢,且桌面使用者的容忍時間更長。如果你的網站載入時間有一點長,使用者就會切換到別的標籤去看其他的東西,然後再回來。但在手機上,使用者永遠不會給你這樣的機會。
移動裝置就是觸控裝置
所有在售的新型智慧手機和平板電腦有著一個非常重要的共同特點:它們都具有觸控介面—在大多數情況下,還可以多點觸控。合適的大小、美觀的螢幕以及其他的先進功能,這些功能相對於使用觸控式螢幕這樣的革命性革新,都只是微小的改進而已。
相關文章
- 《HTML5觸控介面設計與開發》——1.2 廣泛使用的裝置HTML
- Hammer.js 移動裝置觸控手勢js庫JS
- 《HTML5觸控介面設計與開發》——2.6 總結HTML
- 《Linux裝置驅動開發詳解(第2版)》——第1章Linux裝置驅動概述及開發環境構建1.1裝置驅動的作用Linux開發環境
- 《HTML5觸控介面設計與開發》——1.4 神祕谷,是什麼讓觸控介面反應靈敏?HTML
- 《HTML5觸控介面設計與開發》——2.3 奠定基礎的標籤HTML
- 通過解讀WPF觸控原始碼,分析WPF插拔裝置觸控失效的問題(問題篇)原始碼
- KDE Plasma 5:將熟悉的體驗帶到觸控裝置上ASM
- 裝置管控解決方案
- Windows核心程式設計:第10章 同步裝置IO與非同步裝置IOWindows程式設計非同步
- 字元裝置、塊裝置與裸裝置字元
- 蘋果新專利:移動裝置變身汽車遙控器蘋果
- 裝置製造商如何實現菸草裝置的遠端監控與高效運維運維
- Misfit推出可穿戴裝置遙控
- 智慧工地裝置監控系統
- [翻譯]整合滑鼠、觸控 和觸控筆事件的Html5 Pointer Event Api事件HTMLAPI
- Linux驅動開發筆記(四):裝置驅動介紹、熟悉雜項裝置驅動和ubuntu開發雜項裝置DemoLinux筆記Ubuntu
- 開源軟體伸向移動裝置
- 字元裝置、塊裝置、裸裝置、RAW裝置 .字元
- PHP判斷使用者裝置是否是移動裝置PHP
- Windows裝置和驅動的安裝Windows
- 字元裝置與塊裝置的區別字元
- 裸裝置與塊裝置的區別
- wpf 觸控 觸控後無法開啟pupup
- 裝置指紋不只能看裝置全貌,更是風控決策、模型建設的重要支撐模型
- Windows 8觸控介面設計指南(中文版)Windows
- 移動裝置的Web應用程式開發----(事件和輸入) (轉)Web事件
- 判斷訪問網頁的是移動裝置還是pc裝置網頁
- 字元裝置驅動 —— 字元裝置驅動框架字元框架
- 分析如何地對移動裝置設計復古遊戲遊戲
- 工業裝置遠端監控與維護系統
- 移動Web觸控與運動解決方案AlloyTouch開源啦Web
- 判斷移動裝置型別型別
- 可移動嵌入式裝置
- 零程式碼零硬體玩轉華為雲IoT,基於裝置聯動實時監控裝置
- IOS 特定於裝置的開發:獲取額外的裝置資訊iOS
- Linux裝置驅動之字元裝置驅動Linux字元
- HTML5觸控事件(touchstart、touchmove和touchend) (轉)HTML事件