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

非同步社群發表於2017-05-02

本節書摘來自非同步社群《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 人們使用觸控裝置的方式大相徑庭
人們使用手機和桌面電腦的習慣不同。人們使用桌面電腦一般是為了完成特定的工作,所以可能不會做很多其他的事情。至於移動裝置,不論是手機還是平板電腦,通常人們都是在做別的事情的間隙來使用它們。他們可能正在乘坐公交車、排隊等候或只是在參加一個無聊的會議。

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

移動裝置就是觸控裝置

所有在售的新型智慧手機和平板電腦有著一個非常重要的共同特點:它們都具有觸控介面—在大多數情況下,還可以多點觸控。合適的大小、美觀的螢幕以及其他的先進功能,這些功能相對於使用觸控式螢幕這樣的革命性革新,都只是微小的改進而已。


相關文章