常常有人向我问起“我怎样将我的产品转变为一个移动产品?”而我的回答是,不要这么做。简单地将一个网站,app或是游戏转变为一个移动版本其实是一个非常大的错误。可能我们能够从其他媒体上的产品中学到不少经验,但是移动市场却非常独特,无论是在处理的问题和盈利的模式上,都与以往的媒体有所不同。所以开始移动策略的最好方法是重新创造一个产品,而不是简单地针对小屏幕修修改改。
还记得早期的网站设计吗?它还是一个全新的出版媒体,随着越来越多的人走入网络,网站和web页面的需求也在日益增长。一些创造web内容的设计人员常常将网站制作得像是一个光鲜亮丽的小册子,网页中加入了各种丰富的图片,动画甚至是声音。这些资源往往需要花很长的时间加载,其中的文本阅读起来并不方便,搜索起来也很困难。我们往往要花费好几年的时间才能改掉这些坏习惯——这些习惯可能会妨碍Web的发展。这都是因为我们参考了错误的媒体设计规则。
好的移动产品都是从头设计的,而非移植的。首先需要深入了解你的用户以及你使用的媒体可以提供的优势。整合需求,目标和环境,好的开始就是成功的一半了。
以一个航班网站为例。仅仅是在小屏幕上加入web体验是远远无法满足用户的要求的;事实上,它可能还会起到反作用。如果用户正在去机场的路上,希望查看是否有航班延误,他根本就没有空去滚动屏幕四处查找应该在哪里查看航班时间。如果你的服务定位是航班查询和预定的话,那么你应该尽快地将讯息呈现在用户面前。
新建一个应用而不是改造原有的应用能够更好地符合移动设备的体验需要,为用户带来更加快捷,友好和准确的信息。
这里有关于如何新建一个应用的一些建议:
- 理解你的用户和他的背景。弄清楚用户何时、会以何种方式访问你的内容有助于你设计一个量身定做的移动体验。
- 不要忘记移动设备特有的优势。不要简单地将一些千篇一律的基本内容复制到你的移动策略中。
译文来源:http://www.webapptrend.com/
WebAppTrend是一个独立的技术博客,关注Web App前瞻和实践,以及智能浏览器发展
请大家在关注ITeye的同时,关注我们的新浪微博 @WebAppTrend,关注我们的腾讯微博@WebAppTrend,欢迎加入我们的Q Q群:193775364
发表评论
-
响应式Web设计资源整理
2012-03-02 22:50 803这篇文章是对以往发表在Smashing Magazine上关于 ... -
投身移动开发必须知道的20件事
2012-03-01 23:42 718移动开发需要具体的设计考虑。这个所指的范围非常广,可以从“ ... -
聘用NodeJS开发者的六个建议
2012-03-01 23:41 790假设你正想聘用一名Node ... -
[摘要]Vision Mobile发布2012跨平台开发工具报告 PhoneGap最受欢迎
2012-03-01 23:41 871国外知名调查分析机构V ... -
Facebook发力Mobile Web 推出支付和测试工具
2012-02-28 23:49 786Facebook入场了,在MWC大 ... -
【数据】《移动优先》作者:为什么移动如此重要?
2012-02-28 23:48 899三 年前,前雅虎用户体验总监Luke Wrobl ... -
重新审视Mobile Web
2012-02-28 23:48 667作者简介:Byron是一个 ... -
WebAppTrend周刊:Google Chrome工程师推出Web App开发指南
2012-02-26 00:52 1181从本周起,WebAppTrend将精选一周内(2月20日~2月 ... -
Google Web App开发指南第四章:构建优秀的Web Apps
2012-02-24 23:13 1245构建漂亮的应用 一个web app 的视觉设计不仅 ... -
零基础学习Sencha Touch(资料和教程集合)
2012-02-23 00:41 1250译者注:本篇文章为开发者提供了零基础使用Sencha To ... -
Google Web Apps开发指南之项目样例(上)
2012-02-23 00:41 897如果缺少项目案例部 ... -
如何一步一步制作出高品质Infographic?
2012-02-20 21:23 946译者注:Infographic就 ... -
海豚浏览器CTO刘铁锋:Mobile Web App发展现状及展望
2012-02-18 00:10 849在计算机的发展过程中 ... -
海豚浏览器CTO刘铁锋:Mobile Web App发展现状及展望
2012-02-18 00:09 0在计算机的发展过程中 ... -
新手必读:PhoneGap入门六大问题
2012-02-18 00:08 989很多PhoneGap新手总是需要一些基础问题的解答,Ado ... -
Google Web App开发指南第一章:什么是Web Apps?
2012-02-18 00:07 886很多人向我问起学习HTML5技术的权威入门资料,我总是毫不 ... -
Lanyrd是如何应用HTML5创建出优秀的移动Web应用的
2012-02-15 00:28 620当很多人都在等待观望 ... -
Appcelerator收购Cocoafish,旨在为Titanium平台提供即时移动云服务
2012-02-15 00:17 881译者注:Appcelerator是 ... -
Android官方文档之Web Apps最佳实践
2012-02-15 00:14 645为移动设备开发web页面或者web应用与为桌面浏览器开发web ... -
Android官方文档之Web Apps调试
2012-02-15 00:13 883概览 你可以使用控制台的Javascript方法调试你的w ...
相关推荐
webapp开发的最佳实践与中文总结,非常热门的web app开发必备资料!
教育移动WebApp开发实践.ppt
全程组件化开发一个的图表webApp
这是一款用于webApp端的iframe插件demo,css中有部分冗余样式,这是从项目简单拷贝出来的,还有一些demo无关样式并没有删除掉,所以大家使用的时候请自行调整样式即可
Webapp设计与实践:必胜宅急送背后的思考.pdf
webapp1 webapp1
10个主流webapp小程序项目,是个非常好的资源,包括主流的:教育,电商,快递,外卖等;10个主流webapp小程序项目,是个非常好的资源,包括主流的:教育,电商,快递,外卖等;10个主流webapp小程序项目,是个非常好的...
很棒的python3-webapp Python入门教程实战篇:网站+ iOS App源码项目结构awesome-python3-webapp/ <-- 根目录|+- backup/ <-- 备份目录|+- conf/ <-- 配置文件|+- dist/ <-- 打包目录|+- ...
这是一个移动webapp的应用,使用angularjs bootstrap ocLazyLoad gulp ui-router,实现一个单页面应用程序,依赖注入,异步装载、模板引擎、前端MVC、路由、模块化
Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app,可以在多终端下实现数据同步、任务迁移。并且Clouda支持面向数据的编辑模式,根据数据的变化自动实现界 面实时更新,开发者不需描述...
C# Webapp C# WebappC# WebappC# WebappC# WebappC# WebappC# Webapp
webapp开发教程之将html网页打包成app的4种方法.zip
webApp1:webApp
一个webapp,对于新手可以参考。名字叫做gilt是个国外的商城
Maven坐标:org.eclipse.jetty:jetty-webapp:9.3.19.v20170502; 标签:eclipse、jetty、webapp、中文文档、jar包、java; 使用方法:解压翻译后的API文档,用浏览器打开“index.html”文件,即可纵览文档内容。 ...
maven 初始化webapp,博客 用到
移动考勤webapp源码.rar移动考勤webapp源码.rar移动考勤webapp源码.rar移动考勤webapp源码.rar
IntelliJ IDEA 12 配置webapp项目,IntelliJ IDEA 12 配置webapp项目,
需求分析(1)滴滴多条业务线在一个WebApp页面里运行,业务线之间互不影响。(2)业务线发单流程基本一致,部分业务线支持自定义化。(3)业务线可以独立自主迭代上线,不需要公共团队的参与。(4)新业务线可以快速...