《移动优先与响应式Web设计》一1.2 设备不同,功能不同

简介:

本节书摘来异步社区《移动优先与响应式Web设计》一书中的第1章,第1.2节,作者: 【美】Luke Wroblewski , Ethan Marcotte 译者: 司徒卓恆 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.2 设备不同,功能不同

移动优先与响应式Web设计
在做春秋大梦前,我们应该脚踏实地。首先,移动数据流量不只是网页而已。其次,移动市场仍充斥着传统手机。传统手机和智能手机的使用模式却有着天壤之别。

何谓天壤之别?

  • 35%的智能手机用户至少每天都会用手机上网,但传统手机只有4%的用户会用手机上网。
  • 31%的智能手机用户曾用手机浏览社交网站,传统手机用户只有7%。
  • 70%的智能手机用户曾用手机收发电邮,而传统手机用户只有12%。
  • 这些都是很久之前的数据,而且还包括差劲的“智能手机”。现在,两者很可能会有更大差别。

要确保每人都能够浏览你的网页,你必须想办法满足所有用户,包括功能手机、智能手机和介乎两者之间的手机。但本书主要注重于智能手机平台的设计。不是因为每卖出一部安卓手机,谷歌就会给我佣金,而是基于以下原因。

  • 智能手机的网络和数据流量远超出其他手机。Cisco公司早在2009年就指出,全球手机只有13%是智能手机,但已使用了全球的78%移动数据流量。
  • 越来越多的人转用智能手机,转用率亦迅速增长。2010年第三季度,智能手机的销量比往年增长了96%。每天都有更多的人转用智能手机。
  • 每推出一批新设备,智能手机就会变得更大众化。以往,每部智能手机售价几百美元,现在则售100美元甚至更低。从此来酝酿新市场,吸纳更多用户。
  • 日后所有手机都会是智能手机,这样说不无道理。

原因还有更多。对很多公司而言,不论拓展长期还是短期的客户服务,智能手机都拥有无穷商机。当然,现在很多功能手机也有发展潜力,尤其是短信业务方面,还有专为智能手机而设的移动浏览器,例如OperaMini,在智能手机上,能提供不错的上网体验。无论如何,移动平台现正步向智能手机,这本书也会主要讲述智能手机。

可是,功能方面,每一部智能手机都不同。2010年初,比起其他智能手机,iPhone的数据用量超出4倍。但截至2010年末,其他移动设备开始追上iPhone。iPhone和安卓手机的市场份额占比已缩小至1.75。

对于同一平台,数据用量也可以大幅增长。RIM推出了一台移动设备,名为Storm,配备以更强的浏览器。RIM设备的流量差不多实时提升了16%。RIM制的黑莓设备现在也配备了更好的浏览器,因此,其数据用量预期也会继续增长。

以上例子,不但说明更好的移动设备能提高数据用量,而且提醒了我们,一切都变得很快。不同的移动设备,演变的速度也不同,因此,亦蕴藏着不同的商机。

每当有新的功能出现,就会伴随新的互动方式,包括网页互动、数字服务、信息互动和人际沟通。有关互动方式,容后再说。现在,我只想指出,设备更好,网速更快,受惠的不只体现在更高的点击率,而是意味着将带来更多商机,接触更多用户。

以Yelp为例。Yelp提供本地点评服务,只有7%的移动用户,但他们的搜索量却占了35%。每两秒,就会有人用Yelp的移动产品,致电本地商铺,或询问驾驶路线。Yelp未推出移动版之前,根本没有这种全新的互动方式。

此外,以地产公司Zillow为例,比起计算机版网站,移动版的常用用户高出45%。移动版用户主要为活跃买家,他们经常看楼。这个用户层面是因移动平台增长而生的。

相关文章
|
5月前
|
JavaScript Java 微服务
现代化 Java Web 在线商城项目技术方案与实战开发流程及核心功能实现详解
本项目基于Spring Boot 3与Vue 3构建现代化在线商城系统,采用微服务架构,整合Spring Cloud、Redis、MySQL等技术,涵盖用户认证、商品管理、购物车功能,并支持Docker容器化部署与Kubernetes编排。提供完整CI/CD流程,助力高效开发与扩展。
681 64
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
241 3
|
Java API 数据库
构建RESTful API已经成为现代Web开发的标准做法之一。Spring Boot框架因其简洁的配置、快速的启动特性及丰富的功能集而备受开发者青睐。
【10月更文挑战第11天】本文介绍如何使用Spring Boot构建在线图书管理系统的RESTful API。通过创建Spring Boot项目,定义`Book`实体类、`BookRepository`接口和`BookService`服务类,最后实现`BookController`控制器来处理HTTP请求,展示了从基础环境搭建到API测试的完整过程。
238 4
|
8月前
|
开发者
(WEB CAD online )在线CAD实现圆孔标记功能
本文介绍了通过自定义实体 `McDbTestRoundHoleMark` 实现圆孔标记功能的方法。该功能支持多象限标记、可调节标记角度、多重标记及动态编辑,并自动计算包围盒以优化空间定位与选择操作。核心实现包括类结构定义、数据序列化、标记数据设置、夹点编辑及实体绘制等步骤。用户可通过插件初始化注册并创建圆孔标记,适用于工程图纸标注场景。在线Demo展示了实际效果,便于开发者参考与使用。
|
缓存 前端开发 JavaScript
前端技术探索:构建高效、响应式Web应用的秘诀
前端技术探索:构建高效、响应式Web应用的秘诀
316 0
|
11月前
|
监控 Linux PHP
【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
422 20
|
11月前
|
监控 关系型数据库 MySQL
【01】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-硬件设备实时监控系统运营版发布-本产品基于企业级开源项目Zabbix深度二开-分步骤实现预计10篇合集-自营版
【01】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-硬件设备实时监控系统运营版发布-本产品基于企业级开源项目Zabbix深度二开-分步骤实现预计10篇合集-自营版
354 0
|
Web App开发 网络协议 安全
基于Web攻击的方式发现并攻击物联网设备介绍
基于Web攻击的方式发现并攻击物联网设备介绍
240 4
|
前端开发 开发者 容器
构建响应式Web界面:Flexbox与Grid布局的深度解析
【10月更文挑战第11天】本文深入解析了CSS3中的Flexbox和Grid布局,探讨了它们的特点、应用场景及使用方法。Flexbox适用于一维布局,如导航栏;Grid布局则适用于二维布局,如复杂网格。通过示例代码和核心属性介绍,帮助开发者灵活构建响应式Web界面。
388 5
|
移动开发 前端开发 JavaScript
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
2016 1