Bazaarvoice理解网站需要为所有用户提供服务，无论他们使用的是哪种设备(台式机、平板电脑或移动设备)。

的设计服务团队可以将有限形式的响应式设计应用到PRR平台。

注意:响应式设计项目可能涉及复杂的集成工作，这会产生成本。我们只能根据具体情况提供响应式设计。在实现响应式设计之前，我们必须确保已签名的工作说明书(SOW)．

什么是响应式设计?

响应式网页设计意味着一个网站应该回应到正在被查看的设备上。当用户从笔记本电脑切换到平板电脑或智能手机时，用户体验应该是轻松的。广义而言，响应式网站应该自动切换以适应设备分辨率、图像大小和方向。”

评估客户对响应式设计的准备情况

将响应式设计添加到现有的PRR实现中可能涉及技术复杂性或站点上复杂的集成问题，这将阻止我们轻松地实现它。

以下步骤将帮助我们成功地检查您的实现，以确保它为响应式设计做好了准备。

步骤1:访问你的网站

  • Bazaarvoice将需要访问您希望实现响应式设计的环境:
    • 暂存如果是重新设计的话
    • 生产如果在当前设计上实现
  • Bazaarvoice将需要访问移动设备或移动模拟器，如浏览器开发工具或iOS模拟器。
注意:调整浏览器窗口的大小并不适合代替使用移动模拟器进行测试。

步骤2:评估准备

的设计服务团队遵循以下流程:

  1. 它们会将您的产品显示页面(PDP)加载到移动环境中。
  2. 他们会检查响应。例如，设计应该适合移动视口，没有水平滚动条。
  3. 页面将针对移动显示进行优化。
  4. 团队将验证源代码是否包含Bazaarvoice代码，并在页面上显示评论。
  5. 他们将测试审查提交过程。
注意:如果有任何集成问题，设计服务团队将与您的Bazaarvoice代表沟通，与您分享。

断点媒体查询

“媒体查询是可以用来检查设备宽度和方向的代码片段。”

设计团队使用媒体查询来更改页面的样式，以适应PRR实现在不同设备上的显示方式。

例如，使用媒体查询，可以将iPhone屏幕设置为显示与较大的平板显示器不同的一组颜色和字体大小。

注意:设计服务团队可以在你的网站上模仿一个适应平板电脑和移动设备的响应式显示和提交布局。