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

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

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

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

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

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

相关资料:

  • Mobile Web App Design : Getting Started
  • Mobile Web Application Best Practices
  • iPhone web apps
  • [PDF] Web Application Solutions: A Designer’s Guide
  • CssiPhone

本文来自:http://daichuanqing.com/index.php/archives/1998

转载于:https://www.cnblogs.com/bmate/archive/2010/11/15/1877515.html

手机Web app应用研究相关推荐

  1. java 开发手机web,手机web app开发笔记

    各位朋友好,最近自学开发了一个手机Web APP,"编程之路",主要功能包括文章的展示,留言,注册登录,音乐播放等.为了记录学习心得,提高自己的编程水平,也许对其他朋友有点启发,特 ...

  2. manifest.json 解析--手机web app开发笔记(三-2)

    四.SDK配置和模块权限配置 SDK 就是 Software Development Kit 的缩写,中文意思就是"软件开发工具包",也就是辅助开发某一类软件的相关文档.范例和工具 ...

  3. manifest.json 解析--手机web app开发笔记(三-1)

    在HBuilderX生成的文档中,还有一个"manifest.json",只要是创建"移动App"应用,都会在工程下生成这个文件,一看扩展名就知道他是一个jso ...

  4. web系统 手机app 能访问吗?_成都APP开发:原生APP开发与Web APP开发有什么区别呢?...

    智能手机上的APP应用软件对于人们来说已经成为日常工作生活当中必不可少的工具,无论是工作生活中的聊天交流,购物,饮食,出行,娱乐都会有相应的APP软件.目前常见的APP软件开发模式有两种,一种是原生A ...

  5. (转)web app 禁用手机浏览器缓存方法

    开发过web app的同学,特别是前端人员,都碰到这烦人的事情,JS或CSS代码改变,可手机浏览器怎么刷新都不更新,手机浏览器的缓存特别恶劣. 所以今天贴个方法解决这问题.记得,本地调试的时候贴上,上 ...

  6. 在HTML5中, web app 以及手机客户端中,设置页面图片等比例居中显示

    在HTML5中, web app 以及手机客户端中,设置页面图片等比例居中显示 接触前端时间不长,费了一些时间 img{display:block;max-width:100%;margin:auto ...

  7. Web App、Hybrid App与Native App的设计差异

    目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...

  8. 你的首个 Progressive Web App

    Progressive Web Apps 是结合了 web 和 原生应用中最好功能的一种体验.对于首次访问的用户它是非常有利的, 用户可以直接在浏览器中进行访问,不需要安装应用.随着时间的推移当用户渐 ...

  9. Web App适配iPhoneX

    前言 Iphone每次退出新尺寸的手机都会掀起一番适配风波,这次没有下巴但有刘海的iPhoneX更是如此,网传横屏下的适配动画更是令不少人汗颜. 其实对于Native App来说,适配并不算困难(当然 ...

最新文章

  1. CSDN中Markdown编辑器的数学公式编写(非常详细!)
  2. cookie设置httponly属性防护XSS***
  3. ubuntu20配置阿里源简单粗暴的方法
  4. wind10MySQL闪退什么密码_win10系统Mysql输入密码后闪退的解决方法
  5. oracle like 条件拼接
  6. linux c 多线程socket编程,Linux多线程socket编程一些心得
  7. iPhone屏幕大小和适配建议(包括 XR XS XSM )
  8. 集合框架(去除ArrayList集合中的重复字符串元素案例2)
  9. Linux——系统引导流程学习简单笔记
  10. 名片识别信息分类python_名片识别API接口_免费数据接口 - 极速数据
  11. 关于word中的DDE如何查看
  12. 韩寒首度回应小三事件:望女友妻子和平相处_陕西频道_凤凰网
  13. java入门循序渐进
  14. 如何用Dreamweaver编辑rails的html.erb文件
  15. 安装部署Ceph Calamari
  16. 数据分析师出品:新媒体运营年终总结模板分享
  17. 绘图与滤镜全面解析--Quartz 2D 、Core Image
  18. 约束优化问题的一阶条件(KKT条件)、互补松弛条件、拉格朗日对偶问题、SVM
  19. 通过Office 2007发布Blog
  20. Pytorch/Python中item()的用法

热门文章

  1. 2021年考研英语二真题pdf
  2. AVVR电线电缆的介绍使用
  3. 手机抓包工具--fiddler everywhere
  4. 电话销售如何开场?1套心法4个模板打造高成交率的勾魂话术!
  5. 用java实现字符串的部分应用
  6. python单向循环链表
  7. 计算机的系统环境变量,PATH环境变量
  8. 【Cocos Creator游戏开发教程】仿微信趣味画赛车小游戏(一)前言,界面UI
  9. php正则邮箱验证,php正则表达式验证邮箱
  10. 数据库分区、分表、分库