阅读更多

1顶
0踩

移动开发
编者注:本文编译自Iain McQueen发表在Posterous上的博文“What I Learned Building a Mobile Friendly Web App”。Iain McQueen是Swiperoo应用的创始人。

自今年11月19日发布第一版Swiperoo起,Dave和我就开始时不时谈论开发初期遇到的各种问题。我想,一定也有很多其他移动应用开发者会遇到和我们一样的问题,因此,在这里把我在开发用户友好型移动应用时总结出来的五个教训和大家分享,希望对大家有一定的借鉴意义。

1)用户期望本地浏览器功能保持不变

如果你计划开发一个移动优化网站,那么至少需要花一定的时间来模仿本地设备功能。进行滑动/分页的清扫手势就是一个很好的例子。清扫这个创意听起来似乎不错,但通常需要禁用默认的平移和缩放手势功能,而这是某些用户并不希望发生的。我们正在努力寻求一种技术解决办法,一旦有所发现,便会第一时间发布。

教训:进行移动应用开发时,尽可能保持本地功能。

2)并非所有设备“生来就平等”

假如移动应用开发领域存在可靠标准,那很多设计方面的头疼问题都会迎刃而解。但问题是,目前根本没有这样的标准存在,因此,该头疼的问题还是得继续“头疼”。使用不同移动浏览器时会有细微区别,比如宽度设计。考虑到很多人喜欢固定宽度,960像素能很好地适用iPad和iPhone。然而,或许你早已认识到,iPhone上的高度并不完全相同,因而使设计变得更为复杂,而本地功能可以很好地避免这类问题,这又可以回到第一个教训。

教训:在尽可能多的设备上进行测试,或者专注于某一类特定设备,如iPad或智能手机等。

3)面向未来的兼容性是一个很大的挑战

Swiperoo是面向平板和所有台式电脑浏览器的平台,用户需要将Safari、Firefox或Chrome等浏览器更新至最新版本才能获得我们产品的全方位体验。但据调查,非技术人员用户通常都不会主动更新他们的浏览器。如果想开发一个同时面向移动设备和本地设备的的网站,Modernizr是一个不错的工具,或者至少应该提醒用户如何解决问题以及不解决这些问题可能受到的种种限制。

教训:设计和开发前端产品时,多考虑传统浏览器。

4)设计时需考虑资源问题

与台式电脑相比,移动网络在带宽和处理能力方面存在诸多限制。用户在抱怨速度太慢时,图片负载是一个很重要的因素,以下是一些处理图形的小技巧:

  • 图片可以不用时就不要用,实在需要时就尽可能使用小图片;
  • 使用sprites减少HTTP请求;
  • 图片的渐变和阴影效果会加大对硬件的压力,因此使用时需谨慎;
  • 如需使用动画,使用较轻的渐变等效果。
有时候确实不可避免地需要用到图片,这些小技巧可在一定程度上起到改善性作用,同时也有助于维护缓存文件。

教训:确保网站能快讯载入移动设备。

5)尽可能使用Javascript

在提高移动网络性能方面,Javascript能有效地解决很多令人头疼的问题。现在几乎所有的移动浏览都兼容Javascript,这样可以使HTML看起来整洁,减少页面大小。建议借助Ajax进行需要服务器端交互的页面更新,它不均可以避免重载不必要的内容,还能创造一种更本地化的用户体验。

教训:通过使用有利于后端进程的前端技术提高性能。

Via Posterous
来自: 雷锋网
1
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Java Web开发为什么会使用struts2,springMVC和spring这样的框架? 而不使用传统的 Jsp + Servlet + Javabean 这种传统的V+C+M方式

    随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑问无法得到正确的解释,为什么我们现在做java的web开发,会选择struts2或者springMVC这样的框架,...

  • 为什么要使用struts2和spring这样的框架?

    随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑问无法得到正确的解释,为什么我们现在做java的web开发,会选择struts2或者springMVC这样的框架,...

  • Why struts2 + springMVC + spring for web

    随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑问无法得到正确的解释,为什么我们现在做java的web开发,会选择struts2或者springMVC这样的框架,...

  • 学JavaWeb必看文章!为什么我们会使用struts2,springMVC和spring这样的框架?

    我们学Javaweb中这样那样的框架为的是什么?它们为什么这么流行?它们给我们带来了什么?Servlet为我们做了什么?MVC的实战意义?Spring的存在有多么重要?如何从思想上理解这些问题,理解Javaweb,答案都在这篇文章...

  • 使用Maven搭建Struts2+Spring3+Hibernate4的整合开发环境

    使用Maven搭建Struts2+Spring3+Hibernate4的整合开发环境  做了三年多的JavaEE开发了,在平时的JavaEE开发中,为了能够用最快的速度开发项目,一般都会选择使用Struts2,SpringMVC,Spring,Hibernate,MyBatis这些...

  • 为什么做java的web开发我们会使用struts2,springMVC和spring这样的框架?

    为什么我们现在做java的web开发,会选择struts2或者springMVC这样的框架,而不是使用servlet加jsp这样的技术呢?特别是现在我们web的前端页面都是使用velocity这样的模板语言进行开发,抛弃了jsp,这样的选择又会给...

  • 为什么我们要用struts2,springMVC,spring

    随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑问无法得到正确的解释,为什么我们现在做java的web开发,会选择struts2或者springMVC这样的框架,...

  • 为什么要使用struts2和spring这样的框架

    为什么要使用struts2和spring这样的框架

  • [转]为什么javaweb开发,会使用struts2,springMVC和spring等框架?

    到了现在也颇有点心得了,随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑问无法得到正确的解释,为什么我们现在做java的...

  • 使用Struts2,SpringMVC,Spring的原因

    随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑问无法得到正确的解释,为什么我们现在做java的web开发,会选择struts2或者springMVC这样的框架,...

  • JavaWeb那些事儿(一)--为什么做java的web开发使用struts2,springMVC和spring这样的框架

    随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC,我突然有了一个新的疑问无法得到正确的解释,为什么我们现在做java的web开发,会选择struts2或者springMVC这样的框架,...

  • 附简历 请大家帮忙看看有哪些要改的地方啊 谢谢

    从开始去的一个小程序员,做完RBAC后升到小组长,工作中有酸有甜,成长的五味汤,让我从刚踏入社会的不懂事的小毛孩变成了一个能独当一面的 男子汉。 也积累了不少的工作经验。 汇报对象:部门经理 | 年收入:4万元/...

  • 基于纯verilogFPGA的双线性差值视频缩放 功能:利用双线性差值算法,pc端HDMI输入视频缩小或放大,然后再通过HDMI输出显示,可以任意缩放 缩放模块仅含有ddr ip,手写了 ram,f

    基于纯verilogFPGA的双线性差值视频缩放 功能:利用双线性差值算法,pc端HDMI输入视频缩小或放大,然后再通过HDMI输出显示,可以任意缩放。 缩放模块仅含有ddr ip,手写了 ram,fifo 代码,可以较为轻松地移植到其他平台。 硬件平台:易灵思 ti60f225 EDA平台:efinity

  • 【java毕业设计】智慧社区智慧社区管理员密码修改与重置系统(源代码+论文+PPT模板).zip

    zip里包含源码+论文+PPT,有java环境就可以运行起来 ,功能说明: 文档开篇阐述了随着计算机技术、通信技术和网络技术的快速发展,智慧社区门户网站的建设成为了可能,并被视为21世纪信息产业的主要发展方向之一 强调了网络信息管理技术、数字化处理技术和数字式信息资源建设在国际竞争中的重要性。 指出了智慧社区门户网站系统的编程语言为Java,数据库为MYSQL,并实现了新闻资讯、社区共享、在线影院等功能。 系统设计与功能: 文档详细描述了系统的后台管理功能,包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块:允许管理员重新设置密码,记录登录日志,确保系统安全。 新闻资讯管理模块:实现新闻资讯的添加、删除、修改,确保主页新闻部分始终显示最新的文章。 公告管理模块:类似于新闻资讯管理,但专注于主页公告的后台管理。 社区影院管理模块:管理所有视频的添加、删除、修改,包括影片名、导演、主演、片长等信息。 会员上传下载管理模块:审核与删除会员上传的文件。 留言管理模块:回复与删除所有留言,确保系统内的留言得到及时处理。

  • 基于51单片机的一个智能密码锁设计.7z

    基于51单片机的一个智能密码锁设计.7z

  • 《STM32单片机+2x180-SG90+2x360-SG90+OLED屏幕》源代码

    《基于STM32的舵机控制系统设计》毕业设计项目 1.STM32单片机+2x180_SG90+2x360_SG90+OLED屏幕 2.OLED屏幕显示舵机的方向、速度、角度各项数据 3.按键1:控制180度舵机正向转动角度      4.按键2:控制180度舵机反向转动角度 5.按键3:控制360度舵机正向转动并且控制舵机速度      6.按键4:控制360度舵机反向转动并且控制舵机速度 7.代码里面含有注释 8.硬件实物接上线就能直接运行

  • pyside6-qml-modern-uiapp

    Pyside6+Qml+QtCreator做的桌面app

  • 基于深度堆叠卷积神经网络的图像融合详细文档+全部资料+优秀项目+源码.zip

    【资源说明】 基于深度堆叠卷积神经网络的图像融合详细文档+全部资料+优秀项目+源码.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!

  • 基于卷积神经网络的语音识别声学模型的研究详细文档+全部资料+优秀项目+源码.zip

    【资源说明】 基于卷积神经网络的语音识别声学模型的研究详细文档+全部资料+优秀项目+源码.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!

  • IndexOutOfBoundsException(解决方案).md

    IndexOutOfBoundsException(解决方案)

Global site tag (gtag.js) - Google Analytics