《iOS应用开发指南——使用HTML5、CSS3和JavaScript》——1.2 内容和情景就是一切

简介:

本节书摘来自异步社区《iOS应用开发指南——使用HTML5、CSS3和JavaScript》一书中的第1章,第1.2节,作者: 【美】Kristofer Layon 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.2 内容和情景就是一切

iOS应用开发指南——使用HTML5、CSS3和JavaScript
我为什么要耗费精力在这个相当明显的问题上?因为我提出了很重要的观点,帮助你形象化如何思考设计应用程序的过程。

为了继续这一过程,思考下面这两个日期:

2007年1月9日

2010年5月25日

你能认出这两个日期吗?它们两个都非常重要,因为这影响着我们怎么思考iOS的应用程序。

2007年1月9日这一天,苹果电脑公司(Apple Computer,Inc)改名为苹果公司(App,Inc)。2010年5月25日,苹果公司成为世界上最有价值的科技公司——正是从它的公司名字里去掉电脑一词的3年后。

纽约时报说得最好:

“最重要的技术产品不再放在你的办公桌上,而是握在你的手里。”(2010年5月27日)

2007年初,苹果公司在改名的时候就已经预见到这个情况了,也许是因为那个夏天即将发布的iPhone。

但是不单只是iPhone让苹果在2010年春天成为了最大的高科技公司。这一过程始于2001发布iPod时,并在2003年发布iTunes时得到延续。请注意,虽然当时他们没有停止生产全尺寸的电脑,他们也开始做一些更小一点的电脑。而这些小的电脑比台式机和笔记本电脑更好地整合了计算机技术,并融入到我们的日常生活中。

通过推出新的微型计算机平台iPod,相比从Apple II到Mac的推出,Apple有了更大的飞跃。在第一个进化阶段,苹果普及了图形用户接口(GUI)、电脑桌面、鼠标输入设备,从而创造了一个全新的世界,现在,这个世界已经遍及到了所有的个人电脑。

今天,大部分的人无论是与电脑交互还是用它进行工作,都不再需要使用计算机语言(即无须通过编制程序来指示计算机完成工作)。

关于iPod最不可思议的事情是,它对Mac做了大量的裁剪。更有甚者,苹果不仅去掉了鼠标,也拿掉了桌面。他们把屏幕做得非常小,并使无法直接在iPod设备(图1.2)上创建任何内容。这样一来,苹果把一台电脑裁剪掉大量的功能,使之尽量简单尽量小,并使其完全无生产性。这种与20世纪90年代计算机制造策略背道而弛的做法显得是那么不合情理。


4cbb1d4936dfe3fc0368f937aaeed4d726bd1549

然而,对电源、尺寸和功能大幅缩减后的结果如何?

销售额飞涨,苹果公司取得了巨大的成功。

这种转变是深刻的,因为我们不会把iPod当做一种微型计算机。相反的,我们认为它是一个便携的、实用的、而且易于使用的设备,用来听音乐、新闻、信息和有声读物,浏览照片或甚至看电影和电视节目。

这不是商业的内容了,这是生活的内容。

有趣的是,苹果引入iOS设备时并没有削弱很多新的技术基础。相反,在2007年引入iPhone时,他们只是简单加回了一些关键特性,这些关键特性是当时从全尺寸的电脑打造微型iPod平台时去掉的。他们恢复了我们在桌面型和笔记本电脑上习惯了的因特网连接,并且重新引入基于屏幕的软键盘来输入信息。这在以前的iPod是被限制了的,只能通过点击和滚动输入。

而且,哦,对了,iPhone还有电话功能。

更重要的是,iOS设备把生活内容的概念又推进了一步。现在新闻可以被打断,音乐可以听现场,信息可以是我们孩子的足球时间表,或餐馆的地址,显示在地图上,并附上用户从所在地点到达该处的最佳路径。

所有这一切都意味着,所有的这些设备的设计需要开始着眼于生活内容,并围绕人类的生命和我们日常需要解决的问题。

为了这些情形设计,我们需要认清现实。

相关文章
|
13天前
|
设计模式 前端开发 JavaScript
【JavaScript 技术专栏】JavaScript 设计模式与实战应用
【4月更文挑战第30天】本文探讨JavaScript设计模式在提升开发效率和代码质量中的关键作用。涵盖单例、工厂、观察者、装饰器和策略模式,并通过实例阐述其在全局状态管理、复杂对象创建、实时数据更新、功能扩展和算法切换的应用。理解并运用这些模式能帮助开发者应对复杂项目,提升前端开发能力。
|
5天前
|
开发框架 JavaScript 中间件
中间件应用Koa.js(Node.js)
【5月更文挑战第3天】我们添加了两个中间件。第一个中间件记录请求的开始时间,并在下一个中间件执行完毕后计算并打印出请求的总时间。第二个中间件与之前的示例相同,它设置响应体为 "Hello World"
22 6
中间件应用Koa.js(Node.js)
|
22小时前
|
存储 监控 JavaScript
使用Node.js构建实时聊天应用的技术指南
【5月更文挑战第12天】本文指导使用Node.js、Express.js和Socket.IO构建实时聊天应用。技术栈包括Node.js作为服务器环境、WebSocket协议、Express.js作为Web框架和Socket.IO处理实时通信。步骤包括项目初始化、安装依赖、搭建服务器、实现实时聊天功能、运行应用以及后续的完善和部署建议。通过这个指南,读者可以学习到创建简单实时聊天应用的基本流程。
|
3天前
|
移动开发 HTML5
HTML5/CSS3粒子效果进度条代码
HTML5/CSS3进度条应用。这款进度条插件在播放进度过程中出现粒子效果,就像一些小颗粒从进度条上散落下来
15 0
HTML5/CSS3粒子效果进度条代码
|
5天前
|
JavaScript 中间件 API
中间件应用Express.js(Node.js)
【5月更文挑战第3天】我们定义了一个名为 `logger` 的中间件函数。它接受请求对象、响应对象以及下一个中间件函数作为参数。当接收到请求时,它会打印出请求的 HTTP 方法和 URL,然后调用 `next()` 函数来将控制权传递给下一个中间件或路由处理器。我们使用 `app.use()` 方法将 `logger` 中间件添加到了应用级别的中间件堆栈中,这意味着它将对所有请求生效。
16 3
中间件应用Express.js(Node.js)
|
7天前
|
数据采集 JavaScript 数据可视化
Node.js爬虫在租房信息监测与分析中的应用
Node.js爬虫在租房信息监测与分析中的应用
|
7天前
|
移动开发 前端开发 JavaScript
:掌握移动端开发:HTML5 与 CSS3 的高效实践
:掌握移动端开发:HTML5 与 CSS3 的高效实践
22 1
|
12天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。
|
12天前
|
前端开发 JavaScript 搜索推荐
【专栏:HTML 与 CSS 前端技术趋势篇】HTML 与 CSS 在 Web 组件化中的应用
【4月更文挑战第30天】本文探讨了HTML和CSS在Web组件化中的应用及其在前端趋势中的重要性。组件化提高了代码复用、维护性和扩展性。HTML提供组件结构,语义化标签增进可读性,支持用户交互;CSS实现样式封装、布局控制和主题定制。案例展示了导航栏、卡片和模态框组件的创建。响应式设计、动态样式、CSS预处理器和Web组件标准等趋势影响HTML/CSS在组件化中的应用。面对兼容性、代码复杂度和性能优化挑战,需采取相应策略。未来,持续发掘HTML和CSS潜力,推动组件化开发创新,提升Web应用体验。
|
12天前
|
移动开发 前端开发 JavaScript
【专栏:HTML与CSS实战项目篇】使用HTML5与CSS3制作一个动态表单验证页面
【4月更文挑战第30天】本文介绍了使用HTML5和CSS3创建动态表单验证页面的方法。首先,简述HTML5用于构建网页内容,CSS3用于描述样式。接着,分四步展示实现过程:1) 设计包含输入框和提示信息的表单结构;2) 使用CSS3创建样式,增强视觉效果;3) 使用JavaScript监听输入事件,动态验证表单并显示错误信息;4) 测试和调试确保跨平台兼容性。通过学习,开发者能掌握创建带验证功能的表单,提升用户体验。