《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 人们使用触摸设备的方式大相径庭
人们使用手机和桌面电脑的习惯不同。人们使用桌面电脑一般是为了完成特定的工作,所以可能不会做很多其他的事情。至于移动设备,不论是手机还是平板电脑,通常人们都是在做别的事情的间隙来使用它们。他们可能正在乘坐公交车、排队等候或只是在参加一个无聊的会议。

例如,你搭建了一个财经新闻网站。在桌面电脑上,用户可能会花费一段时间单击几次链接,然后用几分钟的时间阅读一篇文章。而移动用户可能正在做一件别的事情,只会在空闲时的几秒时间来完成上面的操作。桌面网站的速度一般不慢,且桌面用户的容忍时间更长。如果你的网站载入时间有一点长,用户就会切换到别的标签去看其他的东西,然后再回来。但在手机上,用户永远不会给你这样的机会。

移动设备就是触摸设备

所有在售的新型智能手机和平板电脑有着一个非常重要的共同特点:它们都具有触摸界面—在大多数情况下,还可以多点触控。合适的大小、美观的屏幕以及其他的先进功能,这些功能相对于使用触摸屏这样的革命性革新,都只是微小的改进而已。

相关文章
|
1月前
|
开发框架 前端开发 JavaScript
前端框架演进史:从HTML到现代化开发
前端框架演进史:从HTML到现代化开发
33 0
|
2月前
|
移动开发 HTML5
HTML5概述
HTML5概述。
14 1
|
3天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
4月前
|
开发工具 CDN 容器
基于Html+腾讯云播SDK开发的m3u8播放器
周末业余时间在家无事,学习了一下腾讯的云播放sdk,并制作了一个小demo(m3u8播放器),该在线工具是基于腾讯的云播sdk开发的,云播sdk非常牛,可以支持多种播放格式。
94 1
|
1月前
|
存储 XML 前端开发
编程笔记 html5&css&js 036 CSS概述
编程笔记 html5&css&js 036 CSS概述
|
3月前
|
前端开发 JavaScript
html+css+js开发一个猜数字游戏
【1月更文挑战第5天】html+css+js开发一个猜数字游戏
35 1
|
3月前
|
前端开发 Linux 编译器
web开发:HTML详解
web开发:HTML详解
45 0
|
4月前
|
JavaScript 前端开发
基于html+javascript开发的base64解码工具
base64在线解码工具可以帮助你将Base64编码的字符串解码为原始的文本或数据。
28 0
|
5月前
|
移动开发 资源调度 JavaScript
html2canvas 一个强大的使用js开发的浏览器网页截图工具
html2canvas 一个强大的使用js开发的浏览器网页截图工具
41 0
|
5月前
|
数据采集 前端开发 JavaScript
【 ⑤】HTML概述与基本标签详解
【 ⑤】HTML概述与基本标签详解
27 0