常常有人向我问起“我怎样将我的产品转变为一个移动产品?”而我的回答是,不要这么做。简单地将一个网站,app或是游戏转变为一个移动版本其实是一个非常大的错误。可能我们能够从其他媒体上的产品中学到不少经验,但是移动市场却非常独特,无论是在处理的问题和盈利的模式上,都与以往的媒体有所不同。所以开始移动策略的最好方法是重新创造一个产品,而不是简单地针对小屏幕修修改改。
还记得早期的网站设计吗?它还是一个全新的出版媒体,随着越来越多的人走入网络,网站和web页面的需求也在日益增长。一些创造web内容的设计人员常常将网站制作得像是一个光鲜亮丽的小册子,网页中加入了各种丰富的图片,动画甚至是声音。这些资源往往需要花很长的时间加载,其中的文本阅读起来并不方便,搜索起来也很困难。我们往往要花费好几年的时间才能改掉这些坏习惯——这些习惯可能会妨碍Web的发展。这都是因为我们参考了错误的媒体设计规则。
好的移动产品都是从头设计的,而非移植的。首先需要深入了解你的用户以及你使用的媒体可以提供的优势。整合需求,目标和环境,好的开始就是成功的一半了。
以一个航班网站为例。仅仅是在小屏幕上加入web体验是远远无法满足用户的要求的;事实上,它可能还会起到反作用。如果用户正在去机场的路上,希望查看是否有航班延误,他根本就没有空去滚动屏幕四处查找应该在哪里查看航班时间。如果你的服务定位是航班查询和预定的话,那么你应该尽快地将讯息呈现在用户面前。
新建一个应用而不是改造原有的应用能够更好地符合移动设备的体验需要,为用户带来更加快捷,友好和准确的信息。
这里有关于如何新建一个应用的一些建议:
- 理解你的用户和他的背景。弄清楚用户何时、会以何种方式访问你的内容有助于你设计一个量身定做的移动体验。
- 不要忘记移动设备特有的优势。不要简单地将一些千篇一律的基本内容复制到你的移动策略中。
译文来源:http://www.webapptrend.com/
WebAppTrend是一个独立的技术博客,关注Web App前瞻和实践,以及智能浏览器发展
请大家在关注ITeye的同时,关注我们的新浪微博 @WebAppTrend,关注我们的腾讯微博@WebAppTrend,欢迎加入我们的Q Q群:193775364
发表评论
-
响应式Web设计资源整理
2012-03-02 22:50 841这篇文章是对以往发表在Smashing Magazine上关于 ... -
投身移动开发必须知道的20件事
2012-03-01 23:42 758移动开发需要具体的设计考虑。这个所指的范围非常广,可以从“ ... -
聘用NodeJS开发者的六个建议
2012-03-01 23:41 851假设你正想聘用一名Node ... -
[摘要]Vision Mobile发布2012跨平台开发工具报告 PhoneGap最受欢迎
2012-03-01 23:41 908国外知名调查分析机构V ... -
Facebook发力Mobile Web 推出支付和测试工具
2012-02-28 23:49 822Facebook入场了,在MWC大 ... -
【数据】《移动优先》作者:为什么移动如此重要?
2012-02-28 23:48 943三 年前,前雅虎用户体验总监Luke Wrobl ... -
重新审视Mobile Web
2012-02-28 23:48 702作者简介:Byron是一个 ... -
WebAppTrend周刊:Google Chrome工程师推出Web App开发指南
2012-02-26 00:52 1223从本周起,WebAppTrend将精选一周内(2月20日~2月 ... -
Google Web App开发指南第四章:构建优秀的Web Apps
2012-02-24 23:13 1280构建漂亮的应用 一个web app 的视觉设计不仅 ... -
零基础学习Sencha Touch(资料和教程集合)
2012-02-23 00:41 1288译者注:本篇文章为开发者提供了零基础使用Sencha To ... -
Google Web Apps开发指南之项目样例(上)
2012-02-23 00:41 936如果缺少项目案例部 ... -
如何一步一步制作出高品质Infographic?
2012-02-20 21:23 980译者注:Infographic就 ... -
海豚浏览器CTO刘铁锋:Mobile Web App发展现状及展望
2012-02-18 00:10 881在计算机的发展过程中 ... -
海豚浏览器CTO刘铁锋:Mobile Web App发展现状及展望
2012-02-18 00:09 0在计算机的发展过程中 ... -
新手必读:PhoneGap入门六大问题
2012-02-18 00:08 1031很多PhoneGap新手总是需要一些基础问题的解答,Ado ... -
Google Web App开发指南第一章:什么是Web Apps?
2012-02-18 00:07 929很多人向我问起学习HTML5技术的权威入门资料,我总是毫不 ... -
Lanyrd是如何应用HTML5创建出优秀的移动Web应用的
2012-02-15 00:28 650当很多人都在等待观望 ... -
Appcelerator收购Cocoafish,旨在为Titanium平台提供即时移动云服务
2012-02-15 00:17 918译者注:Appcelerator是 ... -
Android官方文档之Web Apps最佳实践
2012-02-15 00:14 686为移动设备开发web页面或者web应用与为桌面浏览器开发web ... -
Android官方文档之Web Apps调试
2012-02-15 00:13 912概览 你可以使用控制台的Javascript方法调试你的w ...
相关推荐
教育移动WebApp开发实践.ppt
在全程组件化开发一个图表WebApp的过程中,我们主要涉及到的技术栈和知识点包括JavaScript开发、前端框架、数据可视化、组件化编程以及现代Web开发的最佳实践。下面将详细展开这些主题。 首先,JavaScript作为Web...
Webapp 设计与实践:必胜宅急送背后的思考.pdf 文件提供了深入浅出的见解,讲述了餐饮业在移动消费趋势下的 O2O 模式实践, Web app 设计的重要性及其在 O2O 双向流程中的应用。 一、O2O 模式下的餐饮业发展趋势 ...
【总结】:Webapp1作为一个Web应用程序,涵盖了前端和后端开发的广泛知识领域,包括但不限于编程语言、框架、数据库、安全性、用户体验、部署策略和性能监控等。开发者需要不断学习和掌握这些技能,以创建出高效、...
要将 WebApp 项目打包生成手机 APP 首先需要新建一个 WebApp 项目。目录结构为:index.html(项目首页 html 入口文件)、html(项目文件夹)、css(用于存放用到的 css 文件)、js(用于存放用到的 js 文件)。 二...
本篇文章将深入探讨Android WebApp开发的各个方面,旨在为开发者提供一个全面的理解和实践指导。 一、WebApp概述 WebApp是一种基于Web技术构建的应用程序,用户可以在浏览器中直接访问和使用,而无需安装。对于...
5. **Web服务器**: WebApp需要一个服务器来托管和处理请求。基本的HTTP协议和更现代的HTTPS协议是服务器与浏览器之间通信的基石。了解如何配置和管理Web服务器,如Apache或Nginx,对于部署WebApp至关重要。 6. **...
**QtWebApp应用例程详解** QtWebApp是一款基于Qt框架的开源库,它使得开发者能够在C++环境中轻松地创建Web应用程序...无论你是希望创建简单的数据交互应用,还是复杂的后台服务,QtWebApp都是一个值得考虑的优秀工具。
在本文中,我们将深入探讨如何使用Qt库中的QtWebApp模块来构建一个HTTP服务器,以实现文件的下载功能。Qt是一个强大的跨平台应用程序开发框架,而QtWebApp是其一个扩展,专门用于创建基于Web的应用程序,包括HTTP...
在本篇关于“Web基础——WebApp之初体验(三)”的文章中,我们将深入探讨Web应用程序(WebApp)的关键概念和技术,以及它们如何为用户提供便捷的在线体验。WebApp是互联网技术的重要组成部分,它们允许用户在浏览器...
WebApp是一种基于Web技术构建的应用程序,用户无需安装...通过分析和实践这个"Gilt" WebApp项目,新手不仅可以掌握Web开发的基础知识,还能了解到电商网站特有的功能和设计考虑,为未来开发自己的Web应用打下坚实基础。
因此,我们可以推测这个“模仿W3C的webapp”旨在遵循W3C的最佳实践和标准,以创建一个高效、兼容且可扩展的Web应用。 【描述】:“angular和mobile做得一个完整的,录入查看系统” 描述中提到的关键技术是...
标题 "maven3 + jetty 新建webapp" 涉及到的是使用Apache Maven 3构建工具和Jetty轻量级应用服务器来创建一个新的Web应用程序的过程。在Java开发领域,Maven是广泛使用的项目管理和集成工具,它帮助管理项目的构建、...
项目名称 camunda BPM - webapp - webjar 项目主页 隶属组织 开源协议 仓库 Central 类库 camunda BPM - webapp - webjar 标签 javabpmnworkflowdmnbpmprocess-enginecamunda-bpm-platformcamunda-enginecmmn
为了应对这种情况,刘炬光使用了`window.onerror`函数来捕获错误,并通过一个图像请求将错误信息上报。这种方法能够在用户界面出现异常时及时收集错误数据,并将其发送至错误处理系统。 在实际操作中,错误上报机制...
在现代Web应用开发中,组件化开发已经成为一种主流的...总之,组件化开发是现代Web开发的关键技术,通过“组件方式开发webApp源码”,我们可以深入了解这一概念并实践其中的技巧,从而提升我们的开发效率和产品质量。
标题中的“ssh webapp 先方方”似乎是一个简化的表述,它可能指的是在Web应用程序开发中使用SSH(Secure Shell)进行远程管理或部署的过程。SSH通常用于安全地访问远程服务器,执行命令,传输文件等。Webapp则代表...
10个主流webapp小程序项目,是个非常好的资源,包括主流的:教育,电商,快递,外卖等;10个主流webapp小程序项目,是个非常好的资源,包括主流的:教育,电商,快递,外卖等;10个主流webapp小程序项目,是个非常好的...
当我们谈论“maven初始化webapp”时,我们实际上是指使用Maven来创建一个基础的Web应用程序项目结构,这个结构符合Java EE规范,尤其是对于基于Servlet和JSP的Web应用。 首先,让我们详细了解一下Maven的基本概念。...