阅读更多

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万元/...

  • DeepSeek与AI幻觉-清华大学团队制作

    DeepSeek与AI幻觉-清华大学团队制作 一、什么是AI幻觉 (定义与基础概念) 二、DeepSeek为什么会产生幻觉 (聚焦特定AI模型的幻觉成因分析) 三、AI幻觉评测 (评估AI幻觉的频率、类型与影响的方法) 四、如何减缓AI幻觉 (解决方案与技术优化方向) 五、AI幻觉的创造力价值 (探讨幻觉在创新场景中的潜在益处,如艺术生成、灵感激发等)

  • 协同过滤算法商品推荐系统(源码+数据库+论文+ppt)java开发springboot框架javaweb,可做计算机毕业设计或课程设计

    协同过滤算法商品推荐系统(源码+数据库+论文+ppt)java开发springboot框架javaweb,可做计算机毕业设计或课程设计 【功能需求】 前台用户可以实现注册登录、商品浏览,在线客服,加入购物车,加入收藏,下单购买,个人信息管理,收货信息管理,收藏管理,评论功能。 后台管理员可以进行用户管理、商品分类管理、商品信息管理、订单评价管理、系统管理、订单管理。 【环境需要】 1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境:IDEA,Eclipse,Myeclipse都可以。 3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可 4.数据库:MySql 5.7/8.0等版本均可; 【购买须知】 本源码项目经过严格的调试,项目已确保无误,可直接用于课程实训或毕业设计提交。里面都有配套的运行环境软件,讲解视频,部署视频教程,一应俱全,可以自己按照教程导入运行。附有论文参考,使学习者能够快速掌握系统设计和实现的核心技术。

  • MES系统数字化工厂解决方案.pptx

    MES系统数字化工厂解决方案.pptx

  • MUI调用照片以及裁剪和图库照片上传到服务器

    MUI调用照片以及裁剪和图库照片上传到服务器

  • ChatGPT付费创作系统V3.1.3独立版 WEB端+H5端+小程序端 (新增DeepSeek高级通道+新的推理输出格式)

    GPT付费体验系统最新版系统是一款基于ThinkPHP框架开发的AI问答小程序, 是基于国外很火的ChatGPT进行开发的Ai智能问答小程序。这是一种基于人工智能技术的问答系统, 可以实现智能回答用户提出的问题。相比传统的问答系统,ChatGPT可以更加准确地理解用户的意图, 提供更加精准的答案。同时系统采用了最新的GPT3.5接口与GPT4模型,同时还支持型,文心一言,腾讯混元, 讯飞星火,通义千问,DeepSeeK,智普等等国内各种大模型,可以更好地适应不同的应用场景,支持站点无限多开, 可以说ChatGPT付费创作系统目前国内相对体验比较好的一款的ChatGPT及多接口软件系统。 新增接入DeepSeek-R1、DeepSeek-V3(Ollama自部署和第三方均支持)、高级通道增加DeepSeek、 支持AI接口输出的reasoning_content字段(新的推理输出格式)、更新模型库、修复导出Excel的bug等功能, 优化了云灵Midjourney接口,出图更快更稳定。小程序端变化不大该系统版本测试下来比较完美, 老版本升级时数据库结构同步下,同时把原来

  • 基于java的美食点餐管理平台设计的详细项目实例(含完整的程序,GUI设计和代码详解)

    内容概要:本文档详细介绍了一款基于Java技术的美食点餐管理平台的设计与实现。该平台旨在优化传统餐饮行业的服务流程,通过智能化的点餐系统、高效的订单处理、智能库存管理和数据分析等功能,为用户提供便捷高效的点餐体验,并提升餐厅管理效率和服务质量。系统涵盖了前端设计、后端开发、数据库设计等方面,采用了成熟的Java技术和现代Web开发框架,如Spring Boot、Vue.js或React,确保系统的高效性和稳定性。此外,文档还包括详细的用户界面设计、模块实现以及系统部署指南,帮助开发者理解和搭建该平台。 适合人群:具备一定的Java编程基础和技术经验的研发人员、IT从业者以及有意开发类似系统的企业和个人。 使用场景及目标:①为餐厅提供一个集点餐、订单处理、库存管理于一体的高效平台;②优化传统餐饮服务流程,提升客户服务体验;③利用大数据分析辅助决策,助力餐饮企业精细化运营;④通过集成多种支付方式和其他外部系统,满足多样化的商业需求。 其他说明:本项目不仅提供了完整的技术方案和支持文档,还针对实际应用场景提出了多个扩展方向和技术优化思路,旨在引导用户不断迭代和完善该平台的功能和性能。

  • 相场模拟与激光制造技术:选择性激光烧结、激光融覆中的凝固与枝晶生长研究,相场模拟与激光制造技术:选择性激光烧结、激光融覆及凝固过程中的枝晶生长研究,相场模拟 选择性激光烧结 激光融覆 凝固 枝晶生长

    相场模拟与激光制造技术:选择性激光烧结、激光融覆中的凝固与枝晶生长研究,相场模拟与激光制造技术:选择性激光烧结、激光融覆及凝固过程中的枝晶生长研究,相场模拟 选择性激光烧结 激光融覆 凝固 枝晶生长 ,相场模拟; 选择性激光烧结; 激光融覆; 凝固; 枝晶生长,相场模拟与激光工艺:枝晶生长的凝固过程研究

  • 基于ssh框架开发的厂区管理系统,集成增删改查功能。.zip

    项目工程资源经过严格测试运行并且功能上ok,可实现复现复刻,拿到资料包后可实现复现出一样的项目,本人系统开发经验充足(全栈全领域),有任何使用问题欢迎随时与我联系,我会抽时间努力为您解惑,提供帮助 【资源内容】:包含源码+工程文件+说明等。答辩评审平均分达到96分,放心下载使用!可实现复现;设计报告也可借鉴此项目;该资源内项目代码都经过测试运行;功能ok 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 【提供帮助】:有任何使用上的问题欢迎随时与我联系,抽时间努力解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 下载后请首先打开说明文件(如有);整理时不同项目所包含资源内容不同;项目工程可实现复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用

Global site tag (gtag.js) - Google Analytics