菜单 关闭

手机网站:Mobile-Dedicated,响应,自适应,或桌面网站吗?吗?

通过 Raluca Budiu2月14日,2016年

简介:不同的方法实现移动网站每个他们的优点和缺点。应用相同的移动用户体验原则独立于实现。.


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

  • 移动- - - - - -专用的 网站是为手机manbetx官方网站手机版设计的。.
  • 网络应用程序是一种特殊类型的mobile-dedicated网站,看起来和感觉像一个应用程序。.
  • Responsive-manbetx官方网站手机版design网站网站设计为众多的设备manbetx官方网站手机版有不同的屏幕尺寸;他们自动调整的布局内容可用的屏幕大小。.
  • 完整的(或桌面) 网站优化设计manbetx官方网站手机版的桌面,不移动。.

Mobile-Dedicated网站

Mobile-dedicated网站是专为手机设计的网站。manbetx官方网站手机版他们常常生活在一个单独的URL(e。g。,m。网站。com),是完全不同于完整的网站。它们包含功能或内容被认为适合移动;通常情况下,这是桌面应用程序的一个子集。他们经常与响应网站,通常包含相同的内容和功能为移动和桌面,但重新排列这些特性在移动。.

网络应用程序

网络应用程序不是真正的应用程序;他们真的很网站这可能外观和感觉像本地应用程序,但不实现是这样的。(我们的文章不同类型的应用程序的细节web应用程序和本地或混合应用程序之间的区别.)

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

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

伦敦交通局(tfl运输。有限公司英国)是一个敏感的网站。在桌面上的内容格式在3列。.
平板电脑(左)和伦敦交通局的移动(右)版本。有限公司英国显示桌面内容分别在两列,一列。.

投诉mobile-dedicated网站之一就是他们经常排除可能相关的内容和功能至少偶尔一些用户。响应设计解决,反对通过manbetx官方网站手机版追求内容和功能奇偶不同版本的网站。.

在实践中响应设计通常是一个连续统一体:许多反应manbetx官方网站手机版网站不是“完全“响应和没有100%的功能或内容平价;相反,他们所做的删除功能,很少需要在移动。.

Authenticjobs。com的响应站点:桌面版包括发布一个新的工作机会的能力,这是失踪的移动版本。.
Authenticjobs。com的移动版本:虽然网站回应,手机版不包括桌面上的所有可用的特性。.

Mobile-Dedicated vs。响应性网站

这里有一些相对的这两种方法的优缺点。.

  • 响应网站可以支持多种设备和屏幕尺寸和一个实现。.专用网站设备具体:公司必须建立独立网站的移动和桌面。相比之下,相同的反应网站可以工作在一系列设备和屏幕尺寸,从智能手机到平板电脑桌面。.
  • 响应网站提供内容和功能平价(至少在某种程度上)。.与mobile-dedicated网站不同的是,至少在理论上,相同的内容和功能是可用的所有版本的响应。(在实践中我们发现,一些反应网站做遗漏内容和功能在移动,但程度低于mobile-dedicated网站。)不再需要决定哪些特性是重要的在移动,哪些应该被排除在外。尽管你仍然需要优先考虑的特性和确定他们的位置在较小的屏幕。.
  • 响应网站使用与搜索引擎更容易找到。.手机网站比桌面网站有一个不同的URL,,原来他们并不总是继承从他们的妹子桌面网站搜索排名很高。作为一个结果,手机网站搜索引擎页面上可能出现降低的结果。即使桌面网站检测到移动客户端和重定向用户到相应的移动网站,重定向可能需要额外的时间和损害移动用户体验(另外,它还可以影响SEO)。.
    因为一个URL对应于所有版本的响应性的网站,响应网站不需要担心SEO或重定向。.
    如今,然而,现代搜索引擎已经学会处理mobile-dedicated网站,他们发送用户的手机版网站如果是可用的。.
  • 维护响应网站保存内容和功能。.一个网站和一个内容存储库比几个独立的网站更容易维护。然而,任何接口变化必须测试所有设备。.
  • 响应网站往往更昂贵的开发。.客户报告从头构建整个反应的过程网站可以更昂贵的不仅仅是创建一个单独的手机网站。同时,所需的开发技能响应往往是更高级的网站。.
  • 响应网站往往是慢的。.虽然有改善的技术响应站点的性能,因为相同的内容传递给所有类型的设备,加载响应页面可以超过加载mobile-dedicated页面。.
  • 响应网站工作不那么复杂的任务和内容。.复杂的任务很难适应同样在所有设备上。复杂的电子表格,比较表,和可视化通常很难重新调节小型手机屏幕上。Mobile-dedicated网站常常会决定离开这些内容,特别是智能手机用户倾向于避免复杂的任务。.
  • 响应网站不整合与现有的第三方服务。.如果你建立一个网站,依赖于一个单独的独立的后端服务(e。g。,酒店网站上预订引擎),往往很难将该服务接口集成到一个响应。.

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

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

自适应设计manbetx官方网站手机版是一个版本的响应设计服务器检测到客户端设备的能力,只有manbetx官方网站手机版发送内容和特性,可以适当地显示在设备。更强大的设备获得更复杂的内容富含CSS和JavaScript特性通过这些设备。更强大的设备上糟糕的网络连接发送灵活,光版本的页面——剥夺了核心功能。这种技术有时被称为渐进增强。.

自适应设计的主要优势是,它可以解决的问题manbetx官方网站手机版缓慢的响应时间经常困扰响应设计。manbetx官方网站手机版.

完整的网站在移动吗?吗?

用户有时说他们宁愿去一个桌面网站比一个移动网站。这是主要是由于他们的经验与移动设备优化内容:为了使内容更加容易消化,一些mobile-dedicated网站只包含一个小的子集全站发行他们的移动网站。有时人们可能用于完整的网站,他们可以使用这个先验知识来找出一个小屏幕上。.

最后,用户偶尔宣称手机网站低能:太简单和贫困。我们的一个参与者试图预订酒店的移动网站。她说当她看到网站的第一件事是很贫乏的,从那家公司,她将一个华丽的网站(这是一个很大的赌场酒店在拉斯维加斯)。然而,她能很快完成预订。最后,她来欣赏简单的网站,是惊喜,是多么容易让她完成任务。.

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

一个注意Phablets

在我们的研究涉及phablets、这是手机屏幕比5。3,大屏幕并使参与者阅读更好,也让他们中的一些人经常使用桌面网站和移动更成功。而我们的一些phablet参与者一直喜欢桌面网站,这些网站的可用性(仍然很小)屏幕上还远未好,人们在小目标以及小字体。.

总的来说,在大型平板电脑(iPad),,完整的网站工作体面和少量的较小的调整可以使他们很有用,在phablets他们仍然非常紧张。由于这个原因,我们不建议你把你phablet用户桌面网站。.

结论

Mobile-dedicated,响应,或自适应所有可能的方法来实现移动用户体验。(交付桌面网站移动是可能的,同样的,但不是我们推荐。每个人都有其优点和缺点,和他们甚至相互影响.对用户来说没有区别。一般人不承认响应或自适应网站和手机网站是不同的,他们不会用不同的方式来对待它们。(唯一的办法你可以告诉作为一个最终用户,网站实现响应窗口大小来设计显示在桌面上,manbetx官方网站手机版检查如果内容回流。这不是用户做除非他们参与我们的研讨会扩展用户界面.)

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