为什么我们不推荐做独立的手机版网站?

mobilie-website-article.jpg

移动端网站和电脑网站已经经历了很长一段时间的“战争”了。主要的矛盾点我们可以归纳如下:

  • 需要为移动端制作一个独立的网站,提供一个与众不同的站点;

  • 一个网站,让它兼容各种不同的设备访问(响应式网站);

著名的可用性专家Jakob Nielsen曾经说过,他认为需要给移动终端创建独立的网站,在这一点上,我们伟致还是认为需要从实际的情况来定,而且在大多数的情况下,手机端的网站只需要做兼容,而不需要做独立网站,特别是企业站。

可用性专家Jakob Nielsen最近发布了他的最新移动可用性指南。他总结如下:

“要获得良好的移动用户体验,就需要与满足桌面用户需求不同的设计。有两个设计,两个站点,并通过交叉链接使其全部正常工作。”

我们对这个观点保留意见,因为用户的移动设备实在是太多了,各种各样,无论是成本还是设计本身,这将存在巨大的困难。

从业界人士的交流,以及我司开发团队的经验来看,我们发现在某些情况下建立一个单独的移动网站是更便宜的选择,主要是受到时间或预算的限制。 选择做独立网站,很多是因不可控的因素,团队别无选择,只能创建一个新单独的网站。

我认为这并不理想,但对于许多人来说,这是现实。使用响应式设计重构整个网站需要审核内容,更改生产网站时要承担所有随之而来的风险,然后测试整个网站以确保它可以在移动设备上运行(同时在电脑网站中不出现任何问题),这是一项艰巨的任务。如果网站是由CMS提供支持的,则通常更便宜,更容易将“桌面网站”放在一边,并实施并行URL结构,以便m.example.com/foo可以映射www.example.com/foo,并且www.example.com/bar由m.example.com/bar镜像(CMS仅将信息输出到高度简化的移动网站模板中)。

Nielsen的建议:“如果移动用户访问您完整的网站URL,则将他们自动重定向到您的移动网站。”

但是这种方式的问题是,如何可靠地检测移动浏览器以便重定向它们?事实是:并不能可靠检测。大多数人会尝试通过浏览器嗅探来执行此操作-检查浏览器随每个请求发送到服务器的用户代理字符串(User Agent)。但是,它们不能被可靠的使用,而这个不可靠,大家都不愿意去承认它。 “浏览器嗅探”的声誉很差,因此如今经常被重新命名为“设备检测”,但这是一个有缺陷的概念。


User Agent的使用的相关阅读:

门户网站制作运维中屏蔽无用蜘蛛降低服务器压力

企业网站制作开发中如何禁止不想要的用户代理和请求来源


更麻烦的是,您的检测脚本实际上需要知道数百个UA字符串,才能将访问者发送到“正确的”页面。 列表在不断增长,因此您需要不断检查和更新检测脚本。 当然,在分析中出现新的User Agent字符串后,您只会知道它-因此,在第一个访问者收到未知UA并将您将其添加到检测脚本之间会有一段时间(在此期间,访问者会 发送到错误的网站)。

尽管为建立第二个并行网站进行了所有这些工作,但您仍然会发现一些访问者被发送到错误的位置,因此在这里我同意Nielsen的观点:

“为需要完整网站功能的那些用户提供一个完整的清晰的跳转到全功能手机站点的链接,为少数的那部分需要特殊功能的用户提供从移动站点到完整站点的清晰链接。”

在移动设备上的网站如果缺少功能和内容会让用户体验很差,进一步增加数字鸿沟。

首先,越来越多的人将移动作为访问网站的唯一方式。 去年年底,权威机构进行的两项研究表明,在美国,超过25%的人在智能手机上浏览网络几乎从未使用过其他平台。 在美国只有11%的成年人(约2500万)的成年人中,他们只能在小屏幕上看到网络。 这里有一个数字鸿沟问题。 只能负担一个屏幕或互联网连接费用的人正在选择手机。 如果您想完全接触他们,则必须在移动设备上接触他们。 我们不能满足于为如此庞大的受众群体提供简化的体验,也不能迫使他们游走于小屏幕的桌面布局中。

目前,仅使用移动设备访问网站的人数越来越多。如果只是用简化的手机网站来提供服务器,那么就相当于将它们与您的网站进行了隔离。

responsive-web-desktop-development.gif

移动可用性

我非常赞同Nielsen文章中提到的,当人们使用移动设备访问网站时,他们衡量的可用性比完整网站要高得多。”

但是由此他得出了我们认为错误的结论,那就是我们应该继续制作特殊的移动网站。 我们通常不应拥有单独的移动网站,而应拥有独立的屏幕阅读器网站。 许多“完整网站”无法在手机上使用的原因是,许多完整网站无法在任何设备上使用。 人们常说,您的支出随着收入的增长而增加,而无论您搬到更大的房子时,自己拥有的杂物数量都会扩大以填满房子。 同样,网站所有者长期以来一直证明无法使桌面网站保持专注,只是因为它们有很大的空间。

为所有设备开发可用的网站

W3C移动Web最佳实践中提到

“一个网站意味着在合理的范围内为用户提供相同的信息和服务,而与他们使用的设备无关。 但是,这并不意味着可以在所有设备上以完全相同的表示形式获得完全相同的信息。 移动使用的网站内容,设备功能的变化,带宽问题和移动网络的功能都会影响表示。 此外,某些服务和信息更适合特定的用户并针对特定的用户提供网站内容。”

在某些情况下,总是可以使用单独的移动专用网站来提供更好的用户体验,但这并不是您进入移动网络时的默认设置。 对于一种可维护的,对未来友好的开发方法,我建议您的默认移动方法是设计一个网站,该网站可以使用viewport,媒体查询和其他常被称为“响应式设计”的技术来适应不同的设备。

将这些技术以智能方式与渐进增强相结合,可以在任何设备上查看您的内容(并在更复杂的设备上获得更丰富的体验)。