响应式网页设计到底是什么?
响应式网页设计是一种让现有网页顺利地适应屏幕尺寸的技术,不受设备影响。开发人员定义了一些断点,一旦低于断点,内容的放置就会有所不同。在某些情况下,元素的显示会有所不同,甚至会被省略。例如,菜单经常变成下拉菜单或者大型引导图像消失。
为什么要追求响应式?
响应式网页设计本身的目的仅仅是让访问者能够通过智能手机或平板电脑以更愉快的方式浏览网站。内容变得更易读,您不再需要在屏幕上捏合或滑动。
但是响应式并不能帮助您优化转化率、引导访问者更有效地浏览网站或充分利用正在使用的设备的功能。更不用说响应式是针对尚未出现的大量设备的解决方案。例如对于Google Glass或iWatch您如何解决这个问题?从最后一个开始:每行一个词吗?这实际上不利于转变……
相对便宜
正如我之前所说,响应式网页设计是一种“穷人的内容策略”,我们现在还可以补充一点——得益于Bootstrap等开箱即用的解决方案—— 它是一种让您的网站在其他屏幕上可读的相对便宜的解决方案。这真是一种成就。
响应式网页设计是一种“一刀切的解决方案”
无论如何,每一个现成的解决方案都会出现一个问题。响应式网页设计将成为一种“一刀切的解决方案”。它看上去不错,但是就是不合适。这套成衣很适合模特,但不适合你。响应式网页设计仅考虑网页的展示面,而不考虑编辑或负责任何形式的业务逻辑的人员所在的方面(网站后面的连接应用程序)。另外两个群体的影响力正在越来越大。
响应式网页设计也不属于任何形式的内容策略的一部分。更不用说它考虑到设备上现有的功能。这是因为它关注的是屏幕尺寸,而不是设备或设备的用户,以及用户在使用 Web 应用程序时是否从设备一移动到设备二。
那么自适应网页设计呢?
现在,细心的读者可能会喊道:“所以您想要自适应网页设计?”。我不需要向细心的读者解释那是什么,但可能需要向其他读者解释。自适应网页设计并不常见。自适应网页设计的定义来自Aaron Gustafson。他在他的书《自适应网页设计》中写到了这一点等内容。根据古斯塔夫森的说法,自适应网页设计:界面可以适应用户的能力(形式和功能)。这比响应式网页设计更进了一步,后者只改变界面的形状。或者正如Kendall Bird所描述的那样:自适应网页设计就是提供浏览器可以提供的最佳用户体验,而不管使用什么设备。响应式网页设计的全部目的都是提供浏览器所能提供的最佳阅读体验。
当您在智能手机的浏览器中使用此搜索引 哥伦比亚电报数据 擎时,它也会使用您的 GPS 信息。例如,如果您正在寻找汽车修理厂或披萨送货服务,您将根据最近的位置对它们进行排序。此外,显示屏还针对智能手机进行了优化。针对您的智能手机优化的形式和功能。
设计 响应式网页设计
照片由 Fotolia 提供。
将自适应网页设计与行为相结合
Karen McGrane认为,网站访问者在通过移动设备访问时不希望看到简陋的网站。因此,您可以确保我们能够快速查看所有内容。但是如果我提供 200Mb 的视频怎么办?如果您作为游客在国外使用 3G 网络,这是否也会让您感到高兴?除了您的网络速度之外,还要考虑您的消耗以及您的成本。难道你不应该看看访客的情况吗?一种响应式或自适应的网页设计形式,除了布局或功能之外,还考虑到接收者的情况?那么不仅仅是环境变量,还有行为?
例如,你可能会想象国外的游客在按下播放键之前会做出选择。或者,如果某人住在距离某家公司 60 公里以内并且使用智能手机,他们访问该网站时可能会立即获得联系方式。或者更好的是:看到顶部带有联系按钮的优化菜单?或者 GPS 数据、交通状况、日历和联系方式搜索会让人们了解到你想打电话来表示你将会迟到(我明白,如果这些数据在未经许可的情况下被访问,隐私就会受到损害)。