响应式网页设计如何改善所有访问者的用户体验
花点时间考虑一下您可以用来查看网站的所有设备。 如果你像大多数人一样,这份名单在过去几年中一直在增长。 它可能包括桌面和/或笔记本电脑等传统设备以及过去几年突出显示的设备,包括智能手机,平板电脑,可穿戴设备,游戏系统等。 您甚至可以在家中安装电器,或者在汽车中安装屏幕,以便连接到互联网! 最重要的是,设备格局一直在变得越来越大,越来越多样化,这意味着为了在今天(以及未来)在网络上茁壮成长,网站必须采用响应式方法和CSS媒体查询来构建,并且必须考虑如何人们可能会将这些不同的设备组合成一个网络浏览体验。
输入多设备用户
我们看到的一个事实是,如果人们有多种方式访问Web,他们将使用它们。 人们不仅使用大量不同的设备访问网站内容,而且同一个人使用这些不同的设备访问同一个网站。 这就是“多设备”用户的概念来自何处。
典型的多设备场景
考虑许多人每天都会遇到的常见网络互动 - 浏览房地产网站以寻找新家。 这种体验可以在台式计算机上开始,在台式计算机上有人输入他们正在寻找的标准,并查看与该查询匹配的不同的房产列表。 在这一天,这个人可能会在他们的移动设备上再次查看特定属性,或者他们可能会收到他们的电子邮件(他们将检查他们的移动设备)的提醒,以寻找符合其搜索参数的新列表。 他们甚至可以将这些警报提供给可穿戴设备,如智能手表,并在该小屏幕上查看基本信息。
这一过程可能会持续一整天,并可能在其他台式计算机上访问该网站,也可能从他们的办公室工作。 那天晚上,他们可能会使用平板电脑设备向他们的家人展示任何特别感兴趣的物品,以获得他们对这些物品的反馈。
在这种情况下,我们的网站客户可能已经使用了四台或五台不同的设备,每台设备的屏幕尺寸都非常不同,可以访问相同的网站并查看相同的内容。 这是一个多设备用户,如果他们访问的网站在所有这些不同的屏幕上都无法容纳他们,他们只会离开并找到一个可以访问的网站。
其他方案
搜索房地产只是用户在网站整体体验期间从设备跳到设备的唯一例子。 其他例子包括:
- 搜索要购买的汽车
- 计划度假
- 阅读新闻文章
- 研究家装改进的想法
- 寻找当地的承包商/服务
- 策划婚礼或其他重大活动
- 在运动队或体育赛事之后
在每种情况下,网络体验可能会延长到超过一个会话,这意味着用户有可能会在任何给定时间使用不同的设备,并根据哪个设备方便。
遵循的最佳实践
如果今天的网站需要迎合越来越多的使用观众的设备,那么应该遵循一些基本原则和最佳实践 ,以确保这些网站准备好妥善处理这些访问者,并且他们在搜索引擎中排名很好 。
- 响应式网站 -可针对不同屏幕尺寸调整和改变的响应式布局 ,对于支持当今可用的各种网络连接设备至关重要。
- 所有内容都应该可用 - 如果某人访问某个设备上的某些内容或功能时,他们希望这些内容或功能在其他设备上返回时也可以使用。 应该以适合每个设备的方式呈现内容,但是对于某些设备不应该“隐藏”或“关闭”内容。
- 可读性是关键 - 无论使用什么类型的设备或使用什么尺寸的屏幕访问网站,阅读该网站的便捷性都很重要。 这意味着排版是重点关注的重要设计元素。 如果有人很难阅读网站的内容,他们可能会完全离开网站。
- 多样性中的一致性 - 虽然每种不同屏幕尺寸的布局会有所不同,但应该从一个设备到另一个设备保持一致。 应该连接整体体验,以便用户不必每次在新屏幕上访问该网站时重新学习该网站。
- 优先考虑性能 - 网站应该能够快速加载并在所有设备上都能很好地运行,包括下载速度不尽如人意的移动设备。 总体网站性能应该是网站设计和开发各个方面的优先事项 - 毕竟,没有人会说网站加载速度太快或工作得太好 !
17/17/17由Jeremy Girard编辑