从概念上讲,响应式网页设计是一个范式转变,使用户和用户体验(UX)成为主要焦点。该方法旨在简化网站的设计和开发,使其对用户环境进行流畅反应,包括用户设备的平台,屏幕尺寸和方向。
然而,由于许多遗留网站臭名昭着的用户界面,继续被转化为响应性,关于他们的表现的问题数量一直在增长。这些问题足够令人信服,使其在除最新一代移动设备之外的任何平台上几乎无效。
这种情况对于响应性的本质是有害的,这意味着可以向更广泛的受众提供网站。下面讨论一些重新回应反应概念的建议。
优化辅助功能
构想网站或门户网站,包含一系列最新的先进功能,是跟上设计技术创新所必需的。但是,如果新功能在基本型号上无法使用,即使在今天甚至大部分手机中都使用这些功能,那么您只会取消移动用户的使用资格。
因此,还有必要向用户提供可在其功能手机上运行良好的网站的低端版本。例如,Gmail的基本HTML版本是一个救生员,当您的净速度不是很高,或者当您尝试在只有基本功能的手机上检查您的电子邮件。
因此,通过提供与基本设备兼容的您的站点版本,您可以使其在可访问性和功能方面做出真正的响应。
优化可用性
设计人员应始终专注于通过优化可用性来实现整个设备阵列中网站或Web应用程序的范围最大化的核心响应理念。该流程采用智能设计调整,通过修剪需要显示的信息来提供更好的用户。
简而言之,网站的桌面实例可以通过最佳间距来显示丰富的组件。然而,同一网站的基本移动实例将需要大量的信息,而不会失去美学。
为了实现这一点,设计师必须优先考虑最重要的信息以及最大限度地减少处理器重量级的数量。例如,移动设备上的新闻文章只能显示标题,发布商的信息和时间戳,而在桌面上,它可以将摘要包含在缩略图中。
再次,设计师应该意识到,在解决方案时,只有最新一代的智能手机具有高级Web组件的分辨率和处理能力,与桌面相比,屏幕尺寸仍然是一个约束。因此,根据屏幕的尺寸,选择字体和图像的相关尺寸和清晰度非常重要。
图像的质量可以保持不变,同时通过消除通常被添加到其中的可分配数据来减小文件的大小。缩小是修剪不需要的数据的过程,例如代码中的时间,数据,空格或字符,软件版本等,同时只保留创建图像的数据。
图像的大小也可以减少到很少,对质量的影响很小。虽然图像可能不太清晰,但它的加载时间可以大大减少。实现这一目标的方法之一就是以20质量压缩而不是800 x 600在90秒保存1600 x 1200图像,并允许浏览器照顾调整大小。
关键
创建一个仅具有最新一代智能手机功能的创新功能的网站与核心响应理念并不相符。
虽然不需要确保所有新功能在低级设备上运行,但网站应该能够至少显示重要信息,并让这些用户能够获得所需的内容,而不会发送设备崩溃。