您现在的位置:首页
--> Web App Trend
现如今在移动设备上访问Web已经不是什么新鲜事了,然而WAP2.0设备的出现又重新引发了移动Web开发的热潮,大量经验丰富的XHTML开发者以及著名组织如dotmobi和W3C的 Mobile Web Initiative都在为此努力。现在是学习移动Web开发的最好时机。 告诉你一个小秘密:我有读心术。我知道你现在在想什么,你肯定在想:“我为什么要关注移动领域?毕竟,移动web的用户体验比起桌面web差远了。” 不止你一个人这样想。我们之中的很多人,包括传统的桌面web开发者、管理者、生产者等等,在评估移动web体验的时候都会产生这样的误解。我们期望它和桌面web的体验一样好。
当今正是本地应用与移动web之间的斗争俞演俞烈之时,但真正的问题却是“下一步会出现什么?”开发者们正在试图颠覆所谓的“app经济”,特别是要颠覆苹果对App Store的操纵。假如移动web的开放性跨平台获胜(就像以往的多次获胜一样),这样的“后app经济”将会是什么样子呢?它会给开发者以及用户带来什么好处呢? 预测后app经济 移动领域的后app经济将是以社交为基础,基于浏览器,内容驱动的。 目前,我们仍处于app经济时代,被Apple App Store, Android Google Play, Windows Phone Marketplace 以及 BlackBerry App World上的本地应用和混合应用所主宰。 但是,那些想要绕开App Store生态系统的开发者们正在致力于一种移动web驱动的经济,这种经济与app store是完全背离的。
在世界上,已有超过55,000,000台iPads被人使用,在2011年,售出了400,000,000台智能机。公司在指定他们的web以及mobile app 策略时,已经开始越来越多将“移动优先”考虑在内了。 例如,Hotels.com这个网站,不仅提供了一个移动最优(mobile-optimized)的站点,还针对iPad和 iPhone提供了专门的mobile apps。 然而,虽然公司竞相走向移动化,但是他们却忽略了全球化的重要性。也就是说,他们的移动站点和apps与他们的桌面端站点相比,所支持的语言的种类以及本地化的内容要少得多。 这篇文章所讨论的就是这个问题,并为每个移动小组和web小组(mobile and web team)提出了一系列问题,他们要想有一个好的移动全球化策略,就必须先回答这些问题。
正如我在教程响应式Web设计三步走当中所讲的,响应式的Web设计其实并不难,但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简单的CSS属性,如min-width、max-width、overflow 和相对属性值,但是这些属性在响应式设计中发挥着很大的作用。
摘要: 良好的移动用户体验要求Mobile站点的设计不同于PC站点。本文介绍了如何针对Mobile站点和PC站点两种网站,进行两种不同设计,并且采用交叉链接的形式使两者更好的运转。 通过对数百个站点可用性的测试,可以了解到对mobile站点进行优化的要点如下: 构建独立的针对移动设备进行过优化设计的网站(或者mobile网站)。这是因为,移动设备的可用性要求比PC网站要高很多。 ○ 如果可以构建一个移动应用程序也许会更好——至少在现在是这样 如果移动用户正在访问你的PC网站,请将他们重定向到mobile站点。不幸的是,因为mobile网站在搜索引擎的排名往往不够靠前,结果导致移动用户经常被(错误地)带到PC站点,而不是访问到具有更好用户体验的mobile网站。
如果在不同平台间重用内容和设计,比如将印刷内容重用为内容,或者将桌面端内容移植到移动端上去,那么,费用会比较便宜,但与此同时,质量也会有所降低。较高级的UX设计需要和平台紧密结合的设计,也即优化设计。那么,什么时候该重用?什么时候该进行优化设计?在易用性方面有多项研究并出版多本专著、或者多项专利的知名技术人员Jakob Nielsen在本文中给出了他的回答。 当涉及到用户体验策略(user experience strategy)的时候,有两种相反的做法: 重用(Repurposing): 尽可能少设计——最好只有一次——并且在尽可能多的平台上重用这些设计内容。 平台优化设计(Platform optimization): 为每个不同的主流平台设计不同的用户界面,将其与用户体验层尽可能紧密结合。 重用有很大的成本优势。
很多方法可以帮助你提升App的性能,本篇文章不提供完整版本,笔者只提供几种常用的方法。 笔者希望你从本篇文章中得到的最重要的信息是:优异的性能并不是凭空而得来的,这需要你尽自己所能让用户取得最好的体验。 值得注意的是,一些MVVM 纯化论者可能会对以下的一些内容提出异议,但是这些规则或方法是由现实世界中的一些体验所得来的,必然有其合理性。
对于Mobile Web来说,现在是快速成长时代。由于采用了HTML5和CSS3技术,移动浏览器的性能加强了许多,同时,移动app的框架也扩展了,这意味着为移动设备创建丰富的互动的web体验的可行性又提升了。采用诸如PhoneGap这样的封装软件,您就可以使用native app Store以及单个代码库,就可以分布式部署iPhone,iPad和Android等不同的目标平台了。 对于Mobile Web的开发人员来说,切换框架代价很高:因为动画的转换,工具栏,按钮,列表的显示,以及线下存储等都很麻烦。因为大部分上述功能都是新技术,以及这些领域的技术还在迅速地改变。作者玩转了许多Mobile Web的框架并且对它们进行了分析比较,下面将为您讲解他的研究发现。
Web设计师是否应该学习编写代码是个充满争议的问题。通常,在完成了一件网页设计后他们把创建网页代码的繁重工作都留给了程序员们。这种现象不只出现在网络开发行业,在软件及游戏开发业也是如此。 在本篇文章中,作者Deepu Balan 和大家分享了一些为什么Web设计师需要学习编写代码的理由,这会使广大的Web设计师们受益匪浅。 Deepu Balan 是个自学成才的Web UI设计师和Web开发者,他对Web设计相关的工作充满热情,你可以通过他的Twitter@bdeepu来关注他。 我们假想一下,如果所有的Web设计师对开发一窍不通,而Web开发人员对设计一无所知,情况会有多么糟糕?偏偏我这样的怪人既希望网站能够设计得非常漂亮,运行也非常流畅。
[ 共9篇文章 ][ 第1页/共1页 ][ 1 ]
近3天十大热文
- [55] Oracle MTS模式下 进程地址与会话信
- [54] IOS安全–浅谈关于IOS加固的几种方法
- [53] 如何拿下简短的域名
- [52] Go Reflect 性能
- [51] android 开发入门
- [51] 图书馆的世界纪录
- [49] 读书笔记-壹百度:百度十年千倍的29条法则
- [47] 【社会化设计】自我(self)部分――欢迎区
- [40] 程序员技术练级攻略
- [31] 视觉调整-设计师 vs. 逻辑
赞助商广告