0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

总结开发用户友好型移动应用的5种教训

电子设计 作者:电子设计 2018-09-11 09:08 次阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5)尽可能使用Javascript

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

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


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • iPhone
    +关注

    关注

    28

    文章

    13124

    浏览量

    200096
  • 移动应用
    +关注

    关注

    0

    文章

    61

    浏览量

    15454
  • 电脑
    +关注

    关注

    15

    文章

    1598

    浏览量

    67188
收藏 人收藏

    评论

    相关推荐

    设计教训如何成就称职的FPGA资深工程师?

    !大家一起来看看特权同学告诉你哪些不为人知的秘诀:设计教训如何成就称职的FPGA资深工程师?作为ASIC领域中一半定制电路,FPGA的发展不但解决了定制电路不足,并且能够克服可编程器件门电路数有限
    发表于 08-20 16:50

    HTML5移动互联APP开发培训班

    华嵌 课程目标1)对HTML5进行移动应用开发有全面深入的了解,掌握Hybrid app开发框架;2)理解HTML5编程的关键技术,能够自己
    发表于 12-13 13:55

    从自己的过失中吸取教训是聪明,从别人的过失中吸取教训是智慧

    从自己的过失中吸取教训是聪明,从别人的过失中吸取教训是智慧
    发表于 06-20 21:52

    转: 13年棘手Bug调试总结18条教训

    有什么经验教训是我可以学习的。下面是我总结的最重要的经验教训,包括编码,测试和调试三个方面。编码下面这些都是我经历过的会导致难点bug的问题:1.事件顺序。在处理事件时,提出下列问题会很有成效:事件可以以
    发表于 07-11 18:07

    HTML5和HLS协议两技术完美结合解决移动端网页播放问题

    的嵌入。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文
    发表于 06-01 14:48

    关于F5汇编代码不能转成c的伪代码的几个问题总结

    IDA逆向程序的经验总结关于F5汇编代码不能转成c的伪代码的几个问题总结关于一些类型转换以及指针和地址的总结最可以拿来当教训的应该是 hid
    发表于 07-16 06:31

    移动通信基础总结 精选资料分享

    移动通信基础总结术语GSM: gloabal system for mobile communications 全球移动通信系统GPRS:general packet radio service
    发表于 07-27 07:37

    基于ICL7660的面包板友好溢出导轨PSU

    描述learnelectronics-bb-opamp-psu-v1使用 ICL7660 IC、3 个帽和一些公头针的运算放大器的面包板友好溢出导轨 PSU。直接插入面包板,为您提供正极、负极和接地轨。
    发表于 07-04 07:01

    摩托罗拉联席CEO布朗总结经验教训

    摩托罗拉联席CEO布朗总结经验教训     据《商业周刊》报道,摩托罗拉一度是世界上占据主导地位的手机制造商,不过在过去几年,该公司的业绩急剧下滑。
    发表于 05-21 00:48 476次阅读

    开发高性能的移动应用的技巧

    移动应用,小编总结了以下十大技巧: 1.规划好应用功能,做好应用架构评估 用户体验开始于APP开发初始规划阶段,当你梦想开发一个APP改变
    发表于 10-12 16:26 0次下载

    工程师跨度13年、回顾194个bug总结的18条编码、测试和调试经验教训

    工程师跨度13年、回顾194个bug总结的18条编码、测试和调试经验教训
    发表于 02-27 16:50 907次阅读

    中国移动率先启动 5G友好用户招募!

    中国移动浙江分公司正式启动5G友好业务客户体验招募活动
    的头像 发表于 04-19 08:59 5071次阅读

    如何使用python开发运维友好的程序

    本文档的主要内容详细介绍的是如何使用python开发运维友好的程序。
    发表于 02-01 11:08 8次下载

    aigo国民好物移动硬盘S7 Pro简评:对常出差用户友好

    aigo国民好物移动硬盘S7 Pro简评:对常出差用户友好! 说到aigo(爱国者)相信很多人都有所耳闻,在电子领域深耕二十多年的国产品牌,不管是在产品品质方面,还是在口碑方面表现都不错。 今天
    的头像 发表于 08-12 15:19 1083次阅读
    aigo国民好物<b class='flag-5'>移动</b>硬盘S7 Pro简评:对常出差<b class='flag-5'>用户</b>很<b class='flag-5'>友好</b>!

    STM8和STM32开发总结

    STM8和STM32开发总结
    发表于 11-23 18:07 23次下载
    STM8和STM32<b class='flag-5'>开发</b><b class='flag-5'>总结</b>