菜单 关闭

移动网站:移动专用,反应敏捷的,适应的,还是桌面网站?

通过 拉鲁卡布迪乌2月14日,二千零一十六

总结:实现移动网站的不同方法各有优缺点。同样的移动用户体验原则独立于实现而适用。


在网络上,并非所有网站的创建都是平等的。在移动设备上,用户可以遇到以下类型的网站之一:

  • 手机-献身的 地点专为手机manbetx官方网站手机版设计。
  • 网络应用程序是一个特殊类型的移动专用网站,看起来和感觉像一个应用程序。
  • 响应式设计网站manbetx官方网站手机版是为多种不同屏幕尺寸manbetx官方网站手机版的设备设计的网站;它们自动将内容的布局调整为可用的屏幕大小。
  • (或)桌面) 地点是为桌面manbetx官方网站手机版设计的,不是移动优化的。

移动专用网站

移动专用网站是专门为移动电话设计的网站。manbetx官方网站手机版它们通常位于单独的URL下(例如,和完全不同于完整的站点。它们包含被认为适合移动的功能或内容;经常地,这些只是桌面上可用内容的一个子集。它们经常与响应性网站形成对比,通常包含相同的移动和桌面内容和功能,但在移动设备上重新排列这些功能。

网页应用

网络应用程序不是真正的应用程序;他们真的是网站那可能观感像本机应用程序一样,但不是实施像这样的。(我们关于不同类型应用程序的文章详细介绍了Web应用程序与本机或混合应用程序之间的区别

响应式设计manbetx官方网站手机版

响应式设计manbetx官方网站手机版是一种开发技术,检测客户机类型并根据显示站点的屏幕大小动态调整站点布局。因此,相同的内容可以三列格式显示在桌面上,平板电脑上的两列格式,以及智能手机上的一列格式。

伦敦交通局(tfl.co.uk)是一个响应性网站。在桌面上,内容的格式设置为3列。
tfl.co.uk的平板电脑(左)和移动(右)版本分别在两列和一列中显示桌面内容。

针对移动专用网站的一个投诉是,它们通常会排除一些内容和功能,这些内容和功能至少偶尔会与某些用户相关。响应式设计通过努力在不manbetx官方网站手机版同版本的网站上实现内容和功能的对等性来解决这个问题。

在实践中,响应式设计通常是一个连续体:许多响应manbetx官方网站手机版式站点没有“完全”响应,并且没有100%的特性或内容对等性;相反,它们确实删除了手机上很少需要的功能。

authenticjobs.com的响应站点:桌面版本包括发布新工作机会的功能,手机版本中没有。
authenticjobs.com的移动版本:虽然该网站是响应的,移动版本没有包括桌面上的所有可用功能。

移动专用与响应站点

下面是这两种方法的一些相对优缺点。

  • 响应站点可以通过单个实现支持各种设备和屏幕大小。专用站点是特定于设备的:公司必须为移动和桌面构建单独的站点。相反,同样的响应站点可以在一系列设备和屏幕大小上很好地工作,从智能手机到平板电脑再到台式机。
  • 响应站点提供内容和功能对等(至少在某种程度上)。与移动专用网站不同,至少在理论上,响应站点的所有版本都提供相同的内容和功能。(我们在实践中看到,一些响应性网站确实忽略了手机上的内容和功能,但比移动专用网站的作用要小得多。)无需决定哪些功能在移动设备上很重要,哪些功能应该被忽略。尽管您仍然需要优先考虑特性并决定它们在较小屏幕上的位置。
  • 过去,使用搜索引擎更容易找到响应性网站。移动网站的URL与桌面网站不同,最初,他们并不总是从姐妹桌面网站继承高搜索排名。因此,移动网站可能在搜索引擎页面的搜索结果中显示得更低。即使桌面站点检测到移动客户端并将用户重定向到相应的移动站点,重定向可能需要额外的时间,并损害移动用户体验(另外,它也会影响SEO)。
    由于一个URL对应于响应站点的所有版本,响应站点不必担心SEO或重定向。
    如今,然而,现代搜索引擎已经学会了处理移动专用网站,如果有移动版本的网站,他们也会向用户发送。
  • 响应站点保存内容和功能维护。一个站点和一个内容存储库比几个单独的站点更容易维护。然而,任何接口更改都必须在所有设备上进行测试。
  • 响应性网站的开发成本往往更高。我们的客户报告说,从头开始构建一个完整的响应站点的过程可能比创建一个单独的移动站点成本更高。也,响应站点所需的开发技能往往更高。
  • 响应站点的速度往往较慢。尽管有一些技术可以提高响应站点的性能,因为相同的内容被传送到所有类型的设备,加载响应页面的时间可能比加载移动专用页面的时间长。
  • 响应性网站在复杂的任务和内容中工作得不太好。复杂的任务在所有设备上都很难同样地适应。复杂的电子表格,比较表,在小型移动屏幕上,可视化效果通常很难很好地重新缩放。移动专用网站可能会经常决定忽略这些内容,尤其是因为用户倾向于避免在智能手机上执行复杂的任务。
  • 响应站点不能很好地与现有的第三方服务集成。如果您正在构建一个依赖独立后端服务的站点(例如,在酒店网站上预订引擎)通常很难将该服务的接口集成到响应站点中。

响应站点的最后一个缺点是,一些公司可能认为这种实现技术使他们不必考虑移动设计和桌面设计的可用性。manbetx官方网站手机版仅仅因为一个实现允许相同的代码在许多不同的屏幕大小上重排和显示,并不意味着最终的用户界面将是体面的,更不用说针对任何给定设备类别进行了优化。

自适应设计manbetx官方网站手机版

自适应设计manbetx官方网站手机版是响应式设计的一个版本,在该版本中,服务器检测到客户机manbetx官方网站手机版设备的功能,并且只发送可以在该设备上适当显示的内容和功能。更强大的设备接收更复杂的内容,这些内容丰富了这些设备所提供的CSS和JavaScript功能。在网络连接不良的情况下,功能较弱的设备可以灵活发送,轻版本的页面-精简到核心功能。这种技术有时被称为渐进增强。

自适应设计的主要优点是解决了manbetx官方网站手机版响应时间慢这经常困扰着响应式设计。manbetx官方网站手机版

手机上的完整网站?

用户有时会说他们宁愿去一个桌面站点,也不愿去一个移动站点。这主要是由于他们之前对移动优化内容的经验:为了使内容更易于消化,一些移动专用站点只包含其移动站点上完整站点产品的一小部分。有时人们对整个网站如此习惯,以至于他们可以利用这些先验的知识在一个小屏幕上找到自己的出路。

最后,用户偶尔会宣称移动网站被屏蔽了:太简单了,太贫困了。我们的一个参与者试图在酒店的移动网站上预订房间。当她看到这个网站的时候,她说的第一件事就是它是非常裸露的,她还期待着这家公司(碰巧是拉斯维加斯的一家大型赌场酒店)有一个更华丽的网站。然而,她很快就完成了预订。最后,她开始欣赏这个网站的简单性,并对她完成这项任务是多么容易感到惊喜。

底线是:你不应该听用户说什么,而是看看他们在做什么。当人们使用移动设备上的移动优化站点,他们通常效率更高,更成功。但当你问他们更喜欢移动网站,否则他们可能会告诉你。

关于气泡的一个注记

在我们的研究中涉及到水泡,即屏幕大于5.3英寸的手机,大屏幕确实能让参与者更好地阅读,同时也允许他们中的一些人在移动设备上更频繁、更成功地使用桌面网站。虽然我们的一些普通参与者总是喜欢桌面网站,这些网站在(仍然很小)屏幕上的可用性还远远不够好,人们在小目标和小字体上挣扎。

总体而言,在大尺寸平板电脑(类似于iPad)上,完整的网站工作得体少量的小调整可以使它们非常有用,在水泡上,它们仍然是一种菌株。因此,我们不建议您将普通用户发送到桌面站点。

结论

移动专用,反应敏捷的,或者自适应是实现移动用户体验的所有可能方法。(可以在移动设备上传送桌面站点,同样,但没有一个是我们推荐的。)每一个都有优点和缺点,和他们甚至互相影响.对于用户来说,他们之间没有区别。正常人不承认响应性或适应性网站与移动网站不同,他们对待他们的方式也不一样。(作为最终用户,唯一能告诉用户一个网站是在响应式设计中实现的,就是调整显示在桌面上的窗口的大小,manbetx官方网站手机版检查内容是否回流。如果用户不参加我们关于缩放用户界面

尽管它们的实现可能是两极分化的,反应敏捷的,适应的,或移动专用网站需要遵循相同的移动可用性原则以及使用指南。