HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 过渡时期 如何做好Mobile Web工作?

过渡时期 如何做好Mobile Web工作?

我们现在所熟知的web主要是从桌面端进行访问的。现在的趋势显示出这一点即将发生变化。据ITU预测,在未来的18~24个月内,移动设备将会超过PC机,成为访问web最常见的方式。如果这些预言成为事实,那么web就会变成mobile web居多,web user也会是mobile user居多了。

就如同和任何一个迅速改变的领域一样,我们并不清楚这样的改变意味着什么。我们所知道的是,在现在我们的问题的解决方案似乎就是一个mobile website(或者很有可能是一个responsive website)。

但问题究竟是什么呢?这和我们去年所提的问题是一样的吗?但对我们去年所提出的问题,答案是构建一个native app。

因此,我们也想应该重新考虑一下我们需要解决的问题。

我是做Web设计的,我有个问题

据说解决问题的第一步是承认你有一个问题。那么,我们现在的问题可能就是我们还把mobile web当做一个独立的东西。

Mobile web不仅仅是独立于现在的web那么简单,而是被看成了一个完全不同的东西,这个东西包括一系列产品、性能、版型(form factors)或者是行为。这个想法是很吸引人的,因为它让mobile web看起来是个全新的东西(因此有一些新的东西去学,需要推销,需要给出预算)。

而事实是,我们要过渡到mobile web还需要时间,需要一系列站点、apps以及其他平台的合作,而我们甚至不太知道具体的过渡方式是什么。在这段过渡时期内,我们要重视围绕着桌面端站点建立起来的关系和信任。

用户对于渠道都是不了解的。他们不关心他们访问的站点是什么站点(如果他们确实是在访问一种站点的话),他们只是想要达到自己的目的(即使他们的目的不过浏览youTube)。

开始去做

在内容还没有达到完全无缝对接时,用户还需要做出自己的选择。

  • 有些人会更倾向于你的桌面端站点,是因为它更熟悉。
  • 其他一些人可能无法在你的mobile站点上找到他们想要的东西。
  • 一些人会被重定向到你的桌面端站点,只因为mobile站点在他们的设备上无法工作。
  • 其他一些人可能会从平板电脑大小的设备上访问你的站点,他们选择这么做只因为这样做比起用一个放大的mobile site“感觉更好”(尽管这样可用性很糟糕)
  • 大多数人只是简单浏览一下,他们访问哪个站点取决于手上的是什么设备,或者朋友通过消息或者邮件发给他们的链接是哪个

所以很重要的事情就是要记住——在可以预见的将来——这些行为都为成为新的常规行为(除非你的mobile site在他们的手机上无法工作……如果是这种情况,你就必须要处理一下了)。

所以,为什么不从现在就开始呢?从审视你的桌面端站点开始。

如果你已经在把你的站点重新设计为一个mobile site,那么下面的tips就会很有用了,因为它们阐述了为不同屏幕和操作模型(manipulation models)设计的很多方法,还讲述了一些性能,这些性能可能会改变你对于为web进行设计时的一些假设。

1. 减小规模

你站点上的任何字节都应该是有价值的。

如果说这个逻辑对于小的便携设备来说是适用的,那么,它对于大一些的设备应该也是适用的(或者是用户在等待时刻看到的一些文本)。

用户对于价值的评估方式是有很多的,所以这并不意味着为所有访问者都提供一个最低标准的通用的应用。这仅仅意味着我们应该记住我们不能假设我们知道用户所拥有的时间以及带宽的多少。

事实是我们现在的站点比以前更臃肿一些了。从2003年起,排名前1000的站点大小变成了以前的六倍多。在2011年,站点平均大小要比2010年的站点大小大25%。

页面庞大不只是唯一的问题。每一幅图、样式表或者脚本都会引发http调用,降低你的站点的加载速度。这包括来自于第三方服务的http请求,比如analytics,font hosting, 广告服务,以及很多的小工具,“Like”按钮,以及我们随意分散在站点各处的分类social objects。

2. 让用户自己去选择

别阻止mobile用户访问你的桌面端站点。

I如果你提供了一个单独的mobile site,那么将mobile用户带向你的桌面端站点就是非常值得一做了。但是别希望他们在那里停留太久。除非你已经将所有桌面端内容以及功能都设计得适应于小屏幕了,否则你的用户会从一个站点移向另外一个站点——如果他们这么做了,考虑下是否是因为站点没有提供预期的内容。

当用户选择从一个站点移到另外一个站点的时候,让他们的操作更简单。要保证这样的转移路径是很容易发现的,并且要让移到桌面端的链接或者移到移动端的链接不只是简单地将他们带回主页。如果桌面端和移动端之间不存在对应的内容,那么提供一个友好的出错提示信息,其中要包含一些到其他内容去的建议。

要记住用户的访问路径是可以反映用户喜好的。你可以使用这些数据来优化你的移动策略(mobile strategy),保证最受欢迎的内容是所有用户都能看到的。

3. 考虑整个流程

社交媒体是发现web内容最常见的机制之一。研究显示,世界上有70%的internet用户在使用社交网络。事实上,有66%的欧洲人每天登陆社交网络。其中有很大一部分流量来自于移动端。Twitter 和 Facebook中有30–50%的流量来自于便携设备。

造成这一现象的原因是什么呢?

一个用户(恰好在使用移动设备)发现了一个很棒的产品,并在Facebook上发布了这个产品的链接。在理想情况下,这个用户的好友会点击这个链接并达到一个设计合理的页面——不论他们的浏览器是什么或者使用什么设备,这个页面都应该是良好呈现的。这个产品确实很棒,有些人会立刻买下这个产品。还有些人会顺手点一下“Share Me”链接,将这个产品推送给他们的好友。

于是皆大欢喜。多么美好的局面。

但是,这样的理想情况仅仅是想象。在现实世界中,当人们点击链接的时候,更有可能发生的是以下情况:

  • 移动端的链接不能对应到相应的桌面端链接,因此桌面端用户会被定向到首页而非这个产品的页面。
  • 一些mobile user也被定向到主页上(因为他们使用了“不被支持的”浏览器)。
  • 一些mobile user顺利达到了产品页面(这实在是太棒了),但是这个页面在用户设备上的呈现却十分糟糕。有小部分用户会尝试在随后在PC上重新查看这个链接。(希望那时候他们能看到一个优雅呈现的页面……)
  • 一些mobile user到达产品页面,点击“Share Me”,并花费功夫编辑了一条消息,但却因为这个“Share Me”表单在他们的设备上消失而放弃了分析这个产品。
  • 其他一些用户根本就没有使用浏览器。他们通过一个native Facebook app的web view打开了这个链接。他们到达了正确的页面,却因为一个产品视频开始自动播放而让这个app崩溃了。
  • 一些mobile user到达了产品页面,点击了“Buy”按钮,却无法通过登录验证,因为这个验证窗口在手机上不能正确加载。
  • 诸如此类,还有很多……

这些问题是很普遍的,但也同时都是可以解决的。只需要多加一点注意,多一些测试,多一些重构,你就能极大提升应用品质。

弥补缝隙

记住,有时候最好的解决方案(临时方案或者其他方案)可能和web毫不相关。一些在线旅行网站提供给用户一个显眼的“Call us”按钮。如果用户需要完成交易,他们直接使用手机通过代理进行呼叫。一旦他们完成了交易,这个网站会发送一封email或者SMS作为确认。

在网络、线下(甚至是商店)、交易间构建起联系能够满足mobile用户多变行为的需求。最近的一个研究显示,智能手机用户中有56%的人曾经在家进行过mobile purchases。另外有42%的人在外面的时候在他们的手机上买过东西,他们可能是在各种地方,比如学校、餐馆或者工作的地方。另外有36%的人在实体商店中在手机上买过东西。

一个用户可能今天在你的mobile site上看到一个产品,然后明天在桌面端上又查看一遍,接下面他们可能带着自己的移动设备到实体商店中进行比价。最后交易可能发生在任何地方

因此,精心设计你所有的应用是非常关键的,不管是在线上还是线下。这绝不仅仅是“mobile web”相关的设计,你需要支持用户行为以及商业交互上发生的改变,这一改变十分重要,令人激动。

【过渡时期 如何做好Mobile Web工作?】相关文章

1. 过渡时期 如何做好Mobile Web工作?

2. 通过Web App和Native App之争 看如何做技术选型

3. 网站如何做到完全不需要 jQuery ?

4. 网站如何做到完全不需要 jQuery ?

5. 程序员如何提升工作以外的技能?

6. 为什么说HTML5还没到黄金开发时期?

7. 伤心HTML5 黄金开发时期何时到?

8. EventRay UI Kit – Web & Mobile 的素材

9. 手把手教学,用jQuery Mobile创建Web App

10. Mobile Web开发即将成为主流吗?

本文来源:https://www.51html5.com/a2470.html

点击展开全部

﹝过渡时期 如何做好Mobile Web工作?﹞相关内容

「过渡时期 如何做好Mobile Web工作?」相关专题

其它栏目

也许您还喜欢