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

简介:

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

1.3 移动应用程序 ≠ 桌面应用程序

我们仍然要保持简单。

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

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

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

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

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

而这不是一个技术问题。

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

相关文章
|
3月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
173 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
3月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
82 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
7月前
|
缓存 JavaScript 前端开发
高效打造跨平台桌面应用:Electron加载服务器端JS
【9月更文挑战第17天】Electron 是一个基于 Chromium 和 Node.js 的开源框架,允许使用 HTML、CSS 和 JavaScript 构建跨平台桌面应用。加载服务器端 JS 可增强应用灵活性,实现代码复用、动态更新及实时通信。通过 HTTP 请求、WebSocket 或文件系统可实现加载,但需注意安全性、性能和兼容性问题。开发者应根据需求选择合适方法并谨慎实施。
307 3
|
3月前
|
前端开发
“弘五四,耀青春”程序创意获奖作品【html+css】
本作品以“青春筑梦,共创未来”为主题,采用动态龙元素展现青春活力与创新精神。页面设计简洁明快,色彩协调,突显年轻人积极向上的风貌。作品内容包括获奖截图、名字《时代扬新帆》及源代码分享。特别说明:禁止用于商业活动,可用于比赛和作业等开源场景。最后,作者表达了对五四精神的致敬与传承,强调了青春活力和创造力的重要性,并感谢评委和支持者。 **获奖感言摘录:** “获得这个奖项,对我们团队来说,既是认可也是激励。我们将继续努力,不断优化产品,为用户带来更好的体验,为社会贡献更多价值。”
56 2
|
8月前
|
IDE 开发工具 Android开发
安卓与iOS开发环境对比:选择哪个平台开始你的移动应用之旅?
【8月更文挑战第12天】在移动应用开发的世界中,安卓和iOS是两个巨头,它们各自拥有独特的开发环境和生态系统。本文将深入探讨这两个平台的开发环境,包括它们的编程语言、工具、社区支持和市场覆盖度等方面。无论你是新手开发者还是有经验的专业人士,了解这些差异都将帮助你做出更明智的决策,选择最适合你项目需求和个人技能的平台。
112 1
|
5月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
220 6
|
6月前
|
开发工具 Android开发 iOS开发
Android vs iOS:构建移动应用时的关键考量####
本文深入探讨了Android与iOS两大移动平台在开发环境、性能优化、用户体验设计及市场策略方面的差异性,旨在为开发者提供决策依据。通过对比分析,揭示两个平台各自的优势与挑战,帮助开发者根据项目需求做出更明智的选择。 ####
WK
|
7月前
|
存储 移动开发 前端开发
HTML5和CSS5有什么区别
HTML5和CSS5在网页设计中扮演不同角色。HTML5是超文本标记语言的第五版,通过新特性如实时更新、跨平台运行及更好的安全性等,定义网页内容和结构。尽管常说CSS5,实际最新的CSS版本包含多个模块如CSS Grid和Flexbox,主要用于控制网页布局和样式,提供强大的选择器、动画支持和响应式设计,与HTML5相辅相成,共同构建现代网页的基础架构。
WK
175 3
|
8月前
|
移动开发 JavaScript 前端开发
揭秘!如何用Web2py+HTML5/CSS3/jQuery打造超炫响应式网站?你的设计梦想即将照进现实!
【8月更文挑战第31天】本文详细介绍如何利用Web2py框架及HTML5、CSS3与jQuery构建响应式网站。首先需安装Python和Web2py,并启动服务器。接着,在Web2py中创建新应用,例如命名为“ResponsiveSite”。随后,编写HTML5基本结构,包括头部、导航栏等元素。在`styles.css`文件中添加CSS3样式代码,实现响应式布局。最后,通过在`scripts.js`中加入jQuery脚本提升页面交互性,如点击导航项时平滑滚动至目标区域。此教程为你打下响应式网站设计的基础,便于进一步扩展和优化。
67 1
|
8月前
|
移动开发 前端开发 JavaScript
大气实用的HTML5/CSS3个人中心页面(含源码)
大气实用的HTML5/CSS3个人中心页面(含源码)