IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

手机Web app应用研究

晓生's新视角 2010-11-14 21:16:38 累计浏览 3,662 次
本机暂存

    手机端的产品形态比PC端还复杂,研发前需要根据产品特征选择合适的产品形态,再考虑相应平台的兼容性和屏幕多样性。如触摸屏手机会在几年之内成为主流,其产品用户体验更好,但目前用户数和产生的实际经济价值可能还不如低端手机。

    但是做客户端成本大,多平台是必须逾越的技术门槛,这也导致成本低可以跨平台使用的web app会越来越流行。同样的产品在手机有多种现实方式,有根据分辨率和操作方式区分的各种wap网站、和客户端效果相似但缺乏富交互效果的web app和基于各种操作系统的客户端。

    dianp taobao

    以手机端产品相对完善的淘宝和大众点评网为例,纯文字版的wap1.0网站,wap2.0分为标准版和炫彩版和兼容触摸屏手机的web app版。基于浏览器的开发不得不考虑到各种浏览器对html代码、js和css的支持度,难度低但很繁杂,适合以内容为主并不依赖手机硬件的产品。

    从客户端下载量来看,大众点评网的手机产品更成功,用户有在手机端使用基于地理位置搜索信息的需求。而淘宝手机产品像是互联网衍生产品,除了目前应用还不是广泛的语音的二维码,没有手机端特有的产品形式。查看商品需要耗费大量的图片流量,用户反复查询对比商品的的需求更强,不合适购买差别较大的商品。彩票、充值和游戏点卡等信息少和娱乐性强商品更适合在手机端利用琐碎时间即时购买。因此,目前只做wap网站和web app也能满足大部分需求。

    dianpp

    不过两者的缺点都是功能性太强,缺乏新闻和娱乐性内容,大众点评网如果能把质量不错的内容转成类似与周末画报app,或许用户在打发时间的时候浏览,增加产品使用时间和用户粘度。商品反复查询不适合手机,但适合随时随地直接查询个人账户或者记录已收藏的信息。

    3-2009_monterilla 3-2009_pleasefix

    链接密集的显示在手机上不适合手机点击,有了操作方便的平移手势,上下滚屏更容易,页面可以设计的更长。其页面显示类似于手机客户端,视觉效果更好,但web app不适合新闻类高密度信息这样只有内容,缺乏任务型操作的产品。

    相关资料:

Mobile Web App Design : Getting StartedMobile Web Application Best PracticesiPhone web apps[PDF] Web Application Solutions: A Designer’s GuideCssiPhone原图已失效

同分类推荐文章

  1. 「置顶」我做了什么 (2026-05-05 12:13:28)
  2. 万字长文推演:手机不再从 App 开始,Agent OS 如何接管任务入口 (2026-04-28 14:57:22)
  3. Android Perfetto 系列 10 - Binder 调度与锁竞争 (2025-11-16 15:33:30)

查看更多 移动开发 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  2. 2011年手机产品设计趋势(1):精致实用的界面 (累计阅读 5,526)
  3. 移动终端开发必备知识 (累计阅读 4,997)
  4. 响应式设计的5个CSS实用技巧 (累计阅读 4,909)
  5. 手机UI设计基础-尺寸&单位 (累计阅读 4,867)
  6. web设计趋势与潮流 (累计阅读 4,589)
  7. 优先为移动设计带来的优势 (累计阅读 4,119)
  8. 输入框的大小 (累计阅读 3,954)
  9. 一张背景实现自适应九宫格 (累计阅读 3,816)
  10. 移动网站开发――标记语言 (累计阅读 3,791)