有四种主要方法来设计移动网站,每一种方法都有其的优点和缺点。他们是:
1.有所不为
2.修改现有的设计(用CSS)
3.设计一个独立的移动网站
4.设计一个负责任的网站
下面我们依次来看一下这四种方法吧。
1.“有所不为”
正如前面所说的,现在的移动浏览器能够处理大多数网站,大多数浏览器允许用户在阅读的时候放大页面,在浏览网页候缩小页面。这样虽然麻烦,但是用户习惯了这种工作流。有所不为是所有选择中花费最小的一种方法,因为你差不多“什么都没做”。同样这也是最有效的方法。移动浏览器的性能一定会有极大的提高。但是作为一个整体,移动用户的体验大大减少。这不会使所有移动用户不再访问你的网站,但是会使某些用户对你的网站不再感兴趣。
2.修改已有的设计
保留原有的标记,但是调整现有的设计样式是完善移动体验的长期方法。通常,通过更换移动浏览器的样式表来达到这个目的,该样式表简化了布局,隐藏了大幅图像/动画,并使得浏览页面更加容易。
利:
低成本,并且只需要修改外观。
该方法和“有所不为”相比,改进了用户体验。
弊:
限制了能够做出的改变的数量
内容仍需要下载,(给用户)带来了速度及带宽等一系列问题。
无法改变基于该站点上下文的内容。
对于大多数移动设备和屏幕分辨率来说,很难进行设计。
3.单独设计一个移动站点
如果有大量预算的话,那么最理想的方法就是开发一个独立的专门由移动设备访问的网站。移动网站的设计,组织和填充一直关注移动用户的需求。因为该站点独立于公司的主网站,因此它可以是完全不同的。当用户访问主站点的时候,他们被标识为移动用户,页面自动跳转到为移动设备访问版本,这给用户提供了好的体验。他们可以浏览专门为移动用户的需求设计的站点。
利:
给用户提供好的移动体验。
弊:
开发和维护的成本太高。
一些用户习惯了该网站的桌面版本,并倾向于通常使用的版本。
对于大多数移动设备和屏幕分辨率来说,很难进行设计。
4.设计一个负责任的网站
负责人的设计是个新成员。该设计非常有用,并且可行。因此它的普及率大幅上升。这个设计背后的观点非常简单,不仅仅只有一个样式表。你可以在不同的分辨率下使用不同的样式表。结果是站点展开和折叠取决于浏览器窗口的大小。负责任的设计让你保持最佳的演示不管用户是在使用移动电话,平板电脑还是一个大型的电脑屏幕。
利:
能够为多种分辨率设计一个良好的视觉体验。
比移动特定的网站花费要少。
弊:比移动特定的样式表花费要高。
无法修改基于移动使用的站点内容。
布局受制于资源顺序。
总结
设计任何移动网站的第一步就是选择你用的方法。选择的方法能够表明设计的局限性和性能。目前,有四种主流的设计方法,且每种方法有各自的优缺点。最古老,最有优越感,最贵的方法就是专门为移动设备设计一个站点。最少的花费且长期存在的方法是使用一个特定的样式表。方法是创建一个设计,该设计响应不同的屏幕分辨率。如果预算比较少,移动用户的访问量比较小,你可以什么都不做。现代的移动浏览器自己提供可以接受的体验。