《iOS应用开发指南——使用HTML5、CSS3和JavaScript》——1.3节移动应用程序 ≠ 桌面应用程序

简介:

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

1.3 移动应用程序 ≠ 桌面应用程序
iOS应用开发指南——使用HTML5、CSS3和JavaScript
我们仍然要保持简单。

从日常生活的角度去考虑移动内容的需求,会使你专注于设计工作的合适情景,人们搜寻信息的方式和何时需要信息。下一步,我们需要把重点放在人们如何实际使用移动设备。

关于应用程序开发的许多书籍和演讲集中着重介绍使用特定的功能特征(比如学习如何使该设备震动!)。对,可以肯定的是,对于一个大型软件团队来说,要从事一个复杂的应用程序,专注于特定的技术特点和行为可能是有意义的。但本书是从“以人为本”角度来阐述,它以人和他们的内容为第一。

当人们使用移动内容时,他们最关注的可能不是是否有人使用了设备的极具特色的功能。但是如果设计者忽视了特定功能,或者这个功能设计得很糟糕,人们毫无疑问会注意到。当我们把关注点集中在内容和人们的需求上时,这种方式会引导我们采用正确的行为和特征。对我而言,这比首先去研究怎样实现一个特征,然后再围绕某个需要的行为来建立一个应用程序的方式更加有效。

为移动设备设计应用程序和为大屏幕的计算机设计一个网站有很大的区别。我们倾向于在工作或者学习的时候使用桌面电脑甚至笔记本电脑。(很明显,因特网让这种情况发生了巨大的改变,对不起,扯远了。)这意味着我们使用电脑的地方往往是在办公室,教室,或者在家。当然,笔记本电脑可以带到很多地方,而且我们中的一些人几乎无论走到哪里都随身携带着笔记本电脑,但是大多数人还是在一个主要的地点使用它。

比较iPhone、iPod touch或者iPad的使用,当然这得看你有哪种设备,哪一个型号,网络连接的种类,以及是否有无处不在的无线网络,如果有一个这样的移动电脑在你的口袋里(对iPad用户而言这是个比喻,除非你真的有一个巨无霸口袋),意味着你随处都可以使用它,也意味着使用时的情景往往是不同的。和使用电脑相比,使用的动机也可能是完全不同的。反复查看一个菜谱的配料表也许只是个人需求,而并非因为有商业方面的企图,除非你是个厨师或者餐饮服务商。你在杂货铺跟前掏出iPhone或者iPod touch,因为你是人,你饿了,你需要在忙碌中解决掉这一特殊的问题。

而这不是一个技术问题。

需要牢记的重要事情是:为Apple iOS设备设计内容是不同于为一个大尺寸屏幕上运行的浏览器设计内容的。而且这不仅仅关乎于情景。在一个大尺寸屏幕的电脑上,会将更多的内容显示在屏幕上,但是我们并没有感觉到变化。浏览器显示给我们一个网站,而且它还是显示在那里,而我们并没有感觉到浏览器变化带来的变化。

相关文章
|
4天前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2天前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2月前
|
监控 JavaScript 算法
如何使用内存监控工具来定位和解决Node.js应用中的性能问题?
总之,利用内存监控工具结合代码分析和业务理解,能够逐步定位和解决 Node.js 应用中的性能问题,提高应用的运行效率和稳定性。需要耐心和细致地进行排查和优化,不断提升应用的性能表现。
206 77
|
3天前
|
缓存 NoSQL JavaScript
Vue.js应用结合Redis数据库:实践与优化
将Vue.js应用与Redis结合,可以实现高效的数据管理和快速响应的用户体验。通过合理的实践步骤和优化策略,可以充分发挥两者的优势,提高应用的性能和可靠性。希望本文能为您在实际开发中提供有价值的参考。
23 11
|
19天前
|
敏捷开发 人工智能 JavaScript
Figma-Low-Code:快速将Figma设计转换为Vue.js应用,支持低代码渲染、数据绑定
Figma-Low-Code 是一个开源项目,能够直接将 Figma 设计转换为 Vue.js 应用程序,减少设计师与开发者之间的交接时间,支持低代码渲染和数据绑定。
66 3
Figma-Low-Code:快速将Figma设计转换为Vue.js应用,支持低代码渲染、数据绑定
|
3天前
|
前端开发
“弘五四,耀青春”程序创意获奖作品【html+css】
本作品以“青春筑梦,共创未来”为主题,采用动态龙元素展现青春活力与创新精神。页面设计简洁明快,色彩协调,突显年轻人积极向上的风貌。作品内容包括获奖截图、名字《时代扬新帆》及源代码分享。特别说明:禁止用于商业活动,可用于比赛和作业等开源场景。最后,作者表达了对五四精神的致敬与传承,强调了青春活力和创造力的重要性,并感谢评委和支持者。 **获奖感言摘录:** “获得这个奖项,对我们团队来说,既是认可也是激励。我们将继续努力,不断优化产品,为用户带来更好的体验,为社会贡献更多价值。”
16 2
|
13天前
|
JavaScript 前端开发
【Vue.js】监听器功能(EventListener)的实际应用【合集】
而此次问题的核心就在于,Vue实例化的时机过早,在其所依赖的DOM结构尚未完整构建完成时就已启动挂载流程,从而导致无法找到对应的DOM元素,最终致使计算器功能出现异常,输出框错误地显示“{{current}}”,并且按钮的交互功能也完全丧失响应。为了让代码结构更为清晰,便于后续的维护与管理工作,我打算把HTML文件中标签内的JavaScript代码迁移到外部的JS文件里,随后在HTML文件中对其进行引用。
36 8
|
1天前
|
监控 安全 中间件
Next.js 实战 (十):中间件的魅力,打造更快更安全的应用
这篇文章介绍了什么是Next.js中的中间件以及其应用场景。中间件可以用于处理每个传入请求,比如实现日志记录、身份验证、重定向、CORS配置等功能。文章还提供了一个身份验证中间件的示例代码,以及如何使用限流中间件来限制同一IP地址的请求次数。中间件相当于一个构建模块,能够简化HTTP请求的预处理和后处理,提高代码的可维护性,有助于创建快速、安全和用户友好的Web体验。
|
2月前
|
存储 缓存 监控
如何使用内存监控工具来优化 Node.js 应用的性能
需要注意的是,不同的内存监控工具可能具有不同的功能和特点,在使用时需要根据具体工具的要求和操作指南进行正确使用和分析。
83 31
|
1月前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
92 2

热门文章

最新文章