作者：Carin van Vuuren
毫无疑问，响应式网页设计（responsive web design，RWD）的已经被抬高到近乎“一方独霸”的神话地位。
创造情境丰富的体验的另一个方法是，在手机网站中混合使用响应式和和适应式设计。这些混搭的例子包括Mercedes Benz USA、FedEx和许多保险公司如New York Life。通过将响应式设计与包含自适应性体验元素的页面组合起来，手机用户可以享受到两种最佳体验：网站不仅外观吸引人，而且速度快、内容丰富。
遵循这个方法的例子是，女性内衣和高级成衣品牌Fleur du Mal。这个奢侈品牌的下一手机体验将吸引人的内容、图片、直观的浏览和查看选项以及内容发布工具结合起来，以进行频繁的即时活动和促销。
如果手机体验在5秒钟内加载完毕，浏览者就会觉得简单有趣。这种体验的方方面面都是为了提高产品的被发现率和促进快速有效的浏览。手机网站还要通过本地定位整合先进的社交功能和个性化功能，也就是给用户发送有关本地商业、促销和热门零售活动的手机网页信息。作为线上独占品牌，Fleur du Mal意识到独特的手机体验可以更好地吸引消费者，所以创造这种体验是非常重要的。
Responsive design: Will your mobile customer thank you?
by Carin van Vuuren
There’s no doubt that the debate around responsive web design (RWD) has reached every level of most organizations, almost achieving mythical status for “one design to rule them all.”
Responsive design’s claimed ability to deliver great experiences on every mobile screen, while simultaneously saving companies’ money through reducing code and mobile experience management, sounds too good to be true. Which, unfortunately, is exactly what it is.
It should be noted that certain areas of the web experience – such as editorial content and e-commerce checkout functionality – can be effectively extended across mobile devices using RWD. However, there are many other areas of mobile web functionality where responsive design simply does not deliver. Businesses with complex web functionality, such as a comprehensive retail site with thousands of products, high-resolution images, user-generated content, high-frequency marketing offers and campaigns, and videos and animation, should think twice before embarking on a responsive redesign.
In order to better assess when responsive design does and does not make sense for your mobile customers, businesses must examine three areas of potential impact: performance, user context, and marketing control over mobile promotions.
Responsive sites are pretty, but slow
On mobile, performance boils down to speed. With every second of delay causing a 7% decrease in website conversions, commerce sites built with RWD run the risk of underperforming compared to unique mobile experiences achieving the desired three second page load time.
Keynote, a leader in online performance monitoring, regularly publishes indices on mobile and desktop website load speeds across major industries. Interestingly, not one of the retail or travel mobile sites that top its industry charts are responsively designed. This points to one of the flaws with responsive design: as it relies on code that delivers consistent content across all devices, pages with high-resolution images and other heavy content take much longer to load. While the result is a great looking site, the overall customer experience for mobile users is substandard.
Here are some additional tips to keep in mind when creating high-performing mobile experiences:
Reduce amount of IP requests: Desktop sites often make over 100 IP requests, but on mobile these requests take time and need to be minimized at all costs. Mobile sites should aim to use 40-60 as a reasonable average number of requests.
Effective mobile UI & UX: Users are drawn to visually stimulating mobile web experiences — especially bright colors, intuitive touchpad experiences and engaging content. Remember that speed does not need to come at the expense of a rich mobile experience.
Use a CDN: There is no doubt that a CDN will enhance the speed of your desktop AND mobile site. If you require a redirect to get to your mobile page, the redirect can be done at the edge-server, saving valuable milliseconds.
Context matters to users
In a report on mobile customer experiences, Forrester Research predicts that businesses that integrate the use of context – that is, sharing appropriate services, prices, and content with customers at the right moment – will gain significant advantages over competitors. Mobile sites built with responsive design are much less able to take context into account when engaging with mobile users.
An alternate approach to creating context-rich experiences is to fuse responsive and adaptive design approaches for mobile. Strong examples of these hybrid mobile sites include Mercedes Benz USA, FedEx and many insurance sites like New York Life. By combining responsive design with specific pages containing experiential elements that are adaptive, mobile users can enjoy the best of both worlds: visually appealing sites that are fast and context-rich.
However, if you are a brand seeking to personalize the mobile customer experience by using mobile campaigns, sweepstakes, giveaways, push messaging, location-based notifications, or any other personalized form of content, you should consider building a dedicated experience for each mobile channel.
Ready to yield control?
When considering whether or not to implement RWD into your company’s mobile web strategy, a major trade-off to keep in mind is relinquishing control to other stakeholders in the mobile marketing development cycle. A responsive approach pulls the marketing team out of the driver’s seat, making it much more difficult for marketers to quickly create and manage unique campaigns across channels.
I’ve had clients from large media agencies come to me disappointed after a responsive project. They did not realize the amount of testing that goes into creating a RWD site and how, in the end, they had to substitute functionality and performance to get their site live in a timely manner.
Focus on the mobile user
“Mobile-first” is often touted as the mantra of responsive design. While the premise is sound, a “user-first” approach is likely to yield better results and stronger engagement with mobile consumers.
A good example of a brand that takes this approach is luxury lingerie and ready-to-wear retailer, Fleur du Mal. Fleur du Mal’s next-generation mobile experience couples engaging content, visually enriching images, intuitive browsing and checkout options, and content publishing tools to enable frequent real-time campaigns and promotions.
The mobile experience loads in under five seconds, and visitors immediately notice how easy and engaging it is. Every aspect of the experience is designed to promote product discovery and enable fast, efficient browsing. The mobile site also features advanced social integration and personalization via location-based targeting, which sends users targeted mobile-web based information on local deals, promotions and pop-up retail events. As an online-only brand, Fleur du Mal recognized the importance of creating unique mobile experiences enabling them to better engage with their customers via mobile.
Ultimately the key to finding the right approach to designing for the mobile web is focusing not only on achieving internal business goals, but also delivering the kind of experience that customers will appreciate and share with others.(source:venturebeat)