响应式网页设计将改善所有浏览者的用户体验
花点时间想想所有你拥有的可用于查看网站上的设备。如果你和大多数人一样,这个名单不断壮大,在过去的几年里。它可能包括像台式和/或便携式计算机连同设备已进入突出对这些过去的几年中,包括智能电话,平板电脑,随身携带的(SmartWatch的,谷歌眼镜),游戏系统,以及更传统的设备。
得更大,更多样化的所有的时间,这意味着在网络上今天茁壮成长(和将来),网站必须有一个负责任的做法,建立CSS媒体查询,必须考虑人们如何将结合这些不同的设备为一体的网络浏览体验。
进入多设备用户
我们已经看到打出来的一个事实是,如果人们都赋予不同的方式来访问Web,他们会使用它们。不仅是使用大量的人不同的设备来访问网站的内容,但同样的人正在访问使用这些多样的设备相同的站点。这就是“多设备”用户的概念从何而来。
一个典型的多设备方案
考虑一种常见的网络互动,许多人经历的每一天 – 在寻找新的家园浏览房地产网站。这方面的经验可能会开始如果有人进入,他们正在寻找的标准和审查匹配的查询,不同的房源信息在桌面计算机上。通过一天,这个人可以看具体的性能再一次他们的移动设备上,或者他们可能会收到警报到他们的电子邮件(他们会检查他们的移动设备上)相匹配的搜索参数的新上市。
他们甚至可以让这些警报可穿戴设备,像一个的SmartWatch,并查看小屏幕上的基本信息。
这个过程可能会持续到新的一天,到现场不同的桌面计算机上更多的访问,或许可以从他们的工作办公室。这天晚上,他们可以使用平板设备证明是特别有趣的家人任何上市,以获得这些属性他们的反馈。
在这种情况下,我们网站的客户可能使用四个或五个不同的设备,每个都有非常不同的屏幕尺寸,访问相同的网站,看同样的内容。这是一个多设备用户,如果他们正在访问没有满足他们在所有这些不同的屏幕的网站,他们就会立即离开,并找到一个没有。
其他方案
搜寻在房地产仅仅是一个例子,即用户从设备在其与网站的整体体验跳到设备。其它的例子包括:
- 在搜索汽车购买
- 规划一个假期
- 阅读新闻文章
- 研究家装理念
- 寻找当地承包商/服务
- 筹备婚礼或其他大型活动
- 继运动队或体育赛事
在这些情况下,网络体验是可能延伸到一个以上的会话,这意味着有一个机会,一个用户将使用基于哪一个是方便他们在任何给定的时间不同的设备。
最佳实践跟随
如果今天的网站需要使用观众,以满足越来越多的设备,然后有一些基本的原则和最佳做法,应遵循以确保这些场所已准备好处理好这些游客,他们在搜索引擎中排名靠前。
- 响应网站- 一个负责任的布局,可以适应和改变不同的屏幕大小是至关重要的当今,支持多种网络连接的设备。
- 所有内容应该可用 -如果当他们访问该网站在一个设备上的人可以访问的内容或功能,他们期望这些也可当他们在其他设备上返回。内容应被呈现的方式,适合于每个设备,但没有任何内容应是“隐藏”或“关闭”的某些设备。
- 可读性是关键 -无论是什么样的设备或什么尺寸的屏幕被用来访问一个网站,方便阅读该网站是非常重要的。这意味着,排版是一个重要的设计因素集中。如果有人有一个硬的时间阅读网站的内容,他们很可能会完全离开现场。
- 一致性烟雨多样性 -同时提出了每一个不同的屏幕尺寸的布局会有所不同,应该有一致性,从 一个设备到另一个。总的经验应连接,这样用户就不必每次访问一个新的屏幕上的时间重新学习该网站。
- 做好绩效优先级 -网站应快速加载,并在所有设备上,包括不完美的下载速度,移动设备的正常工作。整体网站的性能应该是在一个网站的设计和开发的各个方面优先考虑-毕竟,没有人会说,一个网站的加载速度过快或过太好了!