《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设备设计内容是不同于为一个大尺寸屏幕上运行的浏览器设计内容的。而且这不仅仅关乎于情景。在一个大尺寸屏幕的电脑上,会将更多的内容显示在屏幕上,但是我们并没有感觉到变化。浏览器显示给我们一个网站,而且它还是显示在那里,而我们并没有感觉到浏览器变化带来的变化。

相关文章
|
2月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
151 21
【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站的分拼一下子
65 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2月前
|
前端开发
“弘五四,耀青春”程序创意获奖作品【html+css】
本作品以“青春筑梦,共创未来”为主题,采用动态龙元素展现青春活力与创新精神。页面设计简洁明快,色彩协调,突显年轻人积极向上的风貌。作品内容包括获奖截图、名字《时代扬新帆》及源代码分享。特别说明:禁止用于商业活动,可用于比赛和作业等开源场景。最后,作者表达了对五四精神的致敬与传承,强调了青春活力和创造力的重要性,并感谢评委和支持者。 **获奖感言摘录:** “获得这个奖项,对我们团队来说,既是认可也是激励。我们将继续努力,不断优化产品,为用户带来更好的体验,为社会贡献更多价值。”
40 2
|
3月前
|
JavaScript 前端开发
页面滚动触发css3动画js插件
delighters.js是一款页面滚动触发css3动画js插件。该js插件可以在页面向下滚动时,为进入浏览器视口的元素制作各种炫酷的CSS3动画效果。
63 13
|
3月前
纸屑飘落生日蛋糕场景js+css3动画特效
纸屑飘落生日蛋糕CSS3动画特效是一款js+css3制作的全屏纸屑飘落,生日蛋糕点亮庆祝动画特效。
65 3
|
3月前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
109 2
|
4月前
|
前端开发 JavaScript UED
CSS滚动效果和视差滚动的原理、应用及其对用户体验的影响。从平滑滚动到元素跟随,再到滚动触发动画
本文探讨了CSS滚动效果和视差滚动的原理、应用及其对用户体验的影响。从平滑滚动到元素跟随,再到滚动触发动画,这些效果增强了页面的吸引力和互动性。视差滚动通过不同层次元素的差异化移动,增加了页面的深度感和沉浸感。文章还讨论了实现方法、性能优化及案例分析,旨在为设计师和开发者提供实用指导。
109 7
|
4月前
|
前端开发 UED 开发者
CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求,提升加载速度
本文探讨了CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求,提升加载速度;图标字体则以字体形式呈现图标,便于调整样式。文章分析了两者的优缺点及应用场景,并提供了应用技巧和注意事项,旨在帮助开发者提升页面性能,改善用户体验。
59 5
|
4月前
|
编解码 前端开发 UED
探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用
本文深入探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用。通过实际案例分析和注意事项的讨论,旨在帮助开发者更好地理解和运用媒体查询,提升移动端用户体验。
88 4
|
4月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
141 0
html5+three.js公路开车小游戏源码

热门文章

最新文章