菜单

移动网站:移动专用,响应,自适应或桌面网站?

通过 Raluca Budiu2016年2月14日

摘要:实现移动网站的不同方法各有优缺点相同的移动用户体验原则适用于独立于实施。


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

  • 移动- - - - - -专用 网站是manbetx官方网站手机版ed为手机。
  • 网络应用是一种特殊类型的移动专用网站,外观和感觉就像一个应用程序。
  • Responsive-manbetx官方网站手机版网站are sites manbetx官方网站手机版ed for a multitude of devices with different screen sizes; they automatically adjust the layout of their content to the available screen size.
  • 完整的(要么桌面) 网站是针对桌面的manbetx官方网站手机版,并没有针对移动设备进行优化。

移动专用网站

移动专用网站是专门针对手机的网站manbetx官方网站手机版它们通常位于单独的URL(例如,m.site.com)下,并且与完整站点完全不同They contain features or content that have been deemed appropriate for mobile; frequently, these are just a subset of what is available on the desktopThey are often contrasted with responsive sites, which typically contain the same content and functionality for mobile and desktop, but rearrange these features on mobile.

网络应用程序

网络应用are not real applications; they are really网站那可能外观和感觉像本机应用程序,但不是实施因此(我们关于不同类型的应用程序的文章详述了Web应用程序与本机或混合应用程序之间的区别。)

响应manbetx官方网站手机版

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

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

投诉mobile-dedicated网站之一就是他们经常排除可能相关的内容和功能至少偶尔一些用户响应式manbetx官方网站手机版通过在不同版本的网站上争取内容和功能平等来解决这一异议。

In practice responsive manbetx官方网站手机版 is often a continuum: many responsive sites are not “fully” responsive and do not have a 100% feature or content parity; instead, they do remove functionality that is rarely needed on mobile.

网站Authenticjobs.com的响应:桌面版包括发布一个新的工作机会的能力,这是失踪的移动版本。
Authenticjobs.com的移动版本:虽然该网站具有响应能力,但移动版本并未包含桌面上的所有功能。

Mobile-Dedicated vs响应式网站

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

  • 响应网站可以支持多种设备和屏幕尺寸和一个实现。专用站点是特定于设备的:公司必须为移动和桌面构建单独的站点相比之下,相同的响应式网站可以在各种设备和屏幕尺寸上正常运行,从智能手机到平板电脑再到桌面设备。
  • 响应网站提供内容和功能平价(至少在某种程度上)。与移动专用网站不同,至少在理论上,响应式网站的所有版本都提供相同的内容和功能(We saw that in practice, some responsive sites do leave out content and functionality on mobile, but to a lesser extent than mobile-dedicated sites.) No more need to decide which features are important on mobile and which should be left out虽然您仍需要确定功能的优先级并确定它们在较小屏幕上的位置。
  • 过去,使用搜索引擎更容易找到响应式站点。手机网站比桌面网站,有一个不同的URL,原来他们并不总是继承从他们的妹子桌面网站搜索排名很高因此,移动网站在搜索引擎网页搜索结果中可能会显得较低即使桌面网站检测到移动客户端和重定向用户到相应的移动网站重定向可能需要额外的时间和损害移动用户体验(另外,它也可能影响搜索引擎优化)。
    因为一个URL对应于所有版本的响应网站,网站没有响应担心SEO或重定向。
    然而,如今,现代搜索引擎已经学会了处理移动专用站点,并且如果有可用的话,它们会将用户发送到站点的移动版本。
  • 响应式站点可以保存内容和功能维护。一个网站和一个内容存储库比几个独立的网站更容易维护However, any interface change must be tested across all devices.
  • 响应网站往往更昂贵的开发。客户报告从头构建整个反应的过程网站可以更昂贵的不仅仅是创建一个单独的手机网站此外,开发技能所需的响应往往是更先进的网站。
  • 响应式网站往往较慢。虽然有改善的技术响应站点的性能,因为同样的内容传递给所有类型的设备,加载响应页面可以超过加载mobile-dedicated页面。
  • 响应式站点在复杂任务和内容方面的效果较差。复杂的任务很难适应同样在所有设备上复杂的电子表格,比较表和可视化通常难以在小型移动屏幕上重新调整移动专用网站可能经常决定遗漏这些内容,特别是因为用户倾向于避免在智能手机上执行复杂的任务。
  • 响应式站点与现有的第三方服务无法很好地集成。如果您正在构建依赖于单独的独立后端服务的站点(例如,在酒店站点上预订引擎),则通常很难将该服务的界面集成到响应式站点中。

最后一个响应网站的缺点是一些公司可能会认为这个实现技术使他们从考虑手机的可用性manbetx官方网站手机版和桌面manbetx官方网站手机版仅仅因为一个实现允许相同的代码重新包装,并显示在许多不同的屏幕尺寸并不意味着最终的用户界面将体面,更不用说优化使用任何设备类别。

自适应manbetx官方网站手机版

自适应manbetx官方网站手机版是一个响应式manbetx官方网站手机版的版本,其中服务器检测客户端设备的功能,只发送可以在该设备上正确显示的内容和功能更强大的设备可以获得更复杂的内容,这些内容可以通过这些设备提供的CSS和JavaScript功能进行丰富不良网络连接上功能较弱的设备被发送到页面的灵活,轻量级版本 - 剥离到核心功能有时会调用此技术渐进增强。

自适应manbetx官方网站手机版的主要优点是它解决了问题响应时间慢经常困扰响应manbetx官方网站手机版。

手机上的完整网站?

用户有时会说他们宁愿去桌面网站而不是移动网站这主要归功于他们之前对移动优化内容的体验:为了使内容更容易消化,一些移动专用网站仅包含其移动网站上的全部网站产品的一小部分有时人们可能用于完整的网站,他们可以使用这个先验知识来找出一个小屏幕上。

最后,用户偶尔会声称移动网站已经瘫痪:它过于简单和贫困我们的一位参与者试图在酒店的移动网站上进行预订她说当她看到网站的第一件事是很贫乏的,她预期一个华丽的网站,公司(这是一个很大的赌场酒店在拉斯维加斯)然而,她能够很快完成预订最后,她开始欣赏网站的简洁性,并惊喜地发现她完成任务是多么容易。

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

一个注意Phablets

在我们涉及平板手机的研究中,即屏幕大于5.3英寸的手机,更大的屏幕确实让参与者能够更好地阅读,并且还允许其中一些人更频繁地使用桌面网站,并且在移动设备上更成功虽然我们的一些phablet参与者一直喜欢桌面网站,但这些网站在(仍然很小的)屏幕上的可用性远远不够好,人们在小目标和小字体上都很挣扎。

总体而言,在大尺寸平板电脑(iPad之类)上,完整的网站工作得体并且少量的小调整可以使它们非常有用,在平板上它们仍然非常紧张因此,我们不建议您将平板电脑用户发送到您的桌面网站。

Conclusion

Mobile-dedicated、响应性或适应性是所有可能的方法来实现移动用户体验(Delivering the desktop site on mobile is a possibility, too, but not one that we recommend.) Each of them has advantages and disadvantages, and他们甚至互相影响对用户来说没有区别普通人不认为响应或自适应网站与移动网站不同,并且他们不会以不同方式对待它们(唯一的办法你可以告诉作为一个最终用户,网站实现响应manbetx官方网站手机版是通过调整的窗口显示在桌面上,回流检查内容除非他们参加我们的研讨会,否则这不是用户会做的事情扩展用户界面。)

虽然他们的实现可能大相径庭,响应性,适应性,或mobile-dedicated网站需要遵循相同的mobile-usability原则和指导方针是可用的。