《HTML5觸摸界面設計與開發》——第 1 章 移動裝置概述1.1 觸摸裝置和桌面裝置之間的差異

本節書摘來自異步社群《html5觸摸界面設計與開發》一書中的第1章，第1.1節,作者： 【美】stephen woods 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

一切都因iphone開始。在這之前，手機網頁就是其桌面網頁的簡化版。極少數浏覽器能夠支援javascript，大多數浏覽器隻是将網頁轉化成适合小螢幕而已。iphone上的safari是一個真正的web浏覽器，它支援javascript和css。不僅如此，它還是一個非常前沿的浏覽器。為iphone設計的網站可以使用一些新生的工具套件，即現在的html5。 如今，市面上有數百種的移動裝置在售。它們千差萬别，各有千秋，但它們有一個共同的特點：先進的web浏覽器和觸摸界面。

大多數觸摸裝置是移動裝置。為桌面裝置開發網站的開發者最擔心的是它們的網頁能否相容各種浏覽器。是以，開發者很大一部分的工作是了解各種浏覽器之間的差異。

移動領域問題不在于各種浏覽器，而在于不同的移動裝置。當然，有幾種不同的移動浏覽器，并且它們之間的确存在一些差異，但大體上移動裝置版本與其相應的桌面版本差異不大。移動裝置和桌面裝置真正差異在于以下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　人們使用觸摸裝置的方式大相徑庭

人們使用手機和桌面電腦的習慣不同。人們使用桌面電腦一般是為了完成特定的工作，是以可能不會做很多其他的事情。至于移動裝置，不論是手機還是平闆電腦，通常人們都是在做别的事情的間隙來使用它們。他們可能正在乘坐公共汽車、排隊等候或隻是在參加一個無聊的會議。

例如，你搭建了一個财經新聞網站。在桌面電腦上，使用者可能會花費一段時間單擊幾次連結，然後用幾分鐘的時間閱讀一篇文章。而移動使用者可能正在做一件别的事情，隻會在空閑時的幾秒時間來完成上面的操作。桌面網站的速度一般不慢，且桌面使用者的容忍時間更長。如果你的網站載入時間有一點長，使用者就會切換到别的标簽去看其他的東西，然後再回來。但在手機上，使用者永遠不會給你這樣的機會。

移動裝置就是觸摸裝置

所有在售的新型智能手機和平闆電腦有着一個非常重要的共同特點：它們都具有觸摸界面—在大多數情況下，還可以多點觸控。合适的大小、美觀的螢幕以及其他的先進功能，這些功能相對于使用觸摸屏這樣的革命性革新，都隻是微小的改進而已。