Peter Sheldon serves eBusiness & Channel Strategy Professionals. See the full Analyst bio.
Visit Forrester.com to learn how we make eBusiness & Channel Strategy Professionals successful every day.
Follow Peter on Twitter.
Peter Sheldon serves eBusiness & Channel Strategy Professionals. See the full Analyst bio.
Visit Forrester.com to learn how we make eBusiness & Channel Strategy Professionals successful every day.
Follow Peter on Twitter.
Posted by Peter Sheldon on July 13, 2012
If you’ve been chatting with your web development team recently, you might recall them talking about responsive design. But, what is responsive design and why should eBusiness professionals be taking it seriously?
First, responsive design is not a technology, it’s a development philosophy - an approach to web development that forces user experience developers to design and optimize from the outset for multiple touchpoints including (but not limited to) the desktop, tablets and mobiles. Until now, many eBusiness teams have either developed their mobile site by coding a separate set of templates, or outsourcing to a 3rd party vendor or agency whom in many cases scrapes or proxies existing content from the desktop site. As many retailers and other eBusiness teams start to develop optimized tablet sites, there is a distinct concern that supporting 3 different sites for desktop, tablets and mobile is becoming increasingly expensive and is causing a drag on innovation momentum.
With a responsive site, developers use a single set of front-end code to build a site that responds within the constraints of the device to deliver an experience that is contextual to the size and orientation of the screen. Responsive design allows eBusiness leaders to consolidate their teams (UX designers and developers) back into a single ‘web’ team aligned around a single technology (CSS3 & HTML5) and writing a single set of code. Some eBusiness leaders are referring to this consolidation as back to “one-web” and are increasingly intrigued by the potential cost and efficiency benefits that moving to a responsive site has to offer.
There are many examples of responsive sites from the Boston Globe, Starbucks and Sony, but a great example of a responsive eCommerce site can be seen from the custom online menswear site Indochino.

At Indochino, the user experience and development teams recently re-built their web-site in just 2 months using responsive design principles and subsequently their site now supports an optimized user experience across a range of different touchpoints from a single front-end code base. If you're new to responsive design, I recommend looking at this site on a few different devices or re-size your desktop web browser to see how the site dynamically adjusts as you shrink the browser size.
In my new report, Understanding Responsive Design, I take a detailed look at the benefits and potential pitfalls of adopting responsive design. I encourage you download and read the report and I’d be happy to discuss this topic with any eBusiness teams that are considering building or already developing a responsive eCommerce site.
Finally, if you haven’t already done so, I highly recommend taking your web development and UX team leads out for lunch and get their thoughts on what responsive design might mean for your organization.
Comments
Indochino
You're right. Indochino is an excellent example of a responsive site. Do you know who built it? I'd like to contact them.
Thanks
heather
It was developed in-house by
It was developed in-house by their existing UX and web development team.
Responsive Web Design is Future for Mobile Revolution
Due to increasing reach of small screen devices responsive web designing is going to become future of web development for sure, until unless something out of box solution arrives on web arena.
Responsive site - page weight for mobile
What do people think about the page weight of responsive sites for mobile. The Indochino home page is 2.5mb (big for desktop), the experience wouldn't be much fun on a mobile data connection and could therefore cost you sales. A responsive site from wide screen to tablet makes a lot of sense because its generally over wi-fi.
Agree.... 3 years ago, people
Agree.... 3 years ago, people wanted nothing but answers, but today, people are using mobile/tablet devices as their PRIMARY device. Look at the newest statistics. By 2013, mobile browsing will surpass desktop browsing, and over 50% of people will use mobile devices as their primary browsing device. Looking forward, the number and percentage of people that use mobile as their primary (or even their only) means of web browsing will do nothing but increase. Responsive design puts you ahead of that curve now, rather than being reactionary later.
On page size
Great observation Keith. I completely agree that page size is a big concern for responsive design. Most responsive sites showcased as good examples suffer from this problem. Responsive does not allow for selective resource loading (scripts, images). There's also challenges around information architecture -- responsive only lets you change the CSS, so, show/hide elements and a limited ability to move them around using hard to maintain relative positioning tricks. You'll notice when you visit responsive sites that many sites have had difficulty with getting the 'Add to cart' button above the fold on PDP pages, or have had other layout optimization challenges that will impact customer conversion.
Mobify's platform pairs with responsive to address a lot of these challenges -- 1) you can make any site responsive by adding a single tag, no need to rebuild from scratch 2) Mobify lets you select only assets needed for the site, essentially allowing the developer to whitelist only what is needed 3) Mobify provides complete control to manipulate the document including inserting, removing and repositioning elements in the DOM 4) Assets that are required for the site (images, scripts) can be optionally run through a cloud based optimization.
Best,
Peter
(I'm the chief architect at Mobify)
Ecommerce Website Development
I usually don’t comment on blogs but this blog inspired me to make one compliment as I know it’s not enough for the meaningful context in your writing as one could understand it easily, will refer this blog to my friends to gather such informative insights.
Nice Blog !!
Nice Blog !!
I think the product image on
I think the product image on the website does not reflect the actual texture through the back side. And it still has remaining in the left and right, the assembly is not as good
If you’ve been chatting with
If you’ve been chatting with your web development team recently, you might recall them talking about responsive design. But, what is responsive design and why should e Business professionals be taking it seriously? First, responsive design is not a technology, it’s a development philosophy – an approach to web development that forces user experience developers to
First responsive design is
First responsive design is not a technology, it’s a growth viewpoint an approach to web development that forces consumer knowledge developers to design & optimize from the outset for numerous. listed below are additional very best http://www.allbestmessages.com/quotes/Future-Quotes.php
Facebook App Development
Well this is really a informative post and I am glad to read such a great post. I came to your site by mistake but from now I am going to read all of your posts. Great article thanks
Facebook Application Developer
I read your whole blog. Your work is really good and inseparable .Thanks for sharing.
Facebook Application Developer
Handicap Tracker
I like this post a lot and it contains a lot of great points and obsessions!
Handicap Tracker
I'm still learning from you,
I'm still learning from you, but I'm trying to achieve my goals. I certainly enjoy reading all that is posted on your blog.Keep the information coming. I loved it!
Automobile Logo Design
Business Logo Design
I really enjoy reading your posts as I learn a lot from them. I also broaden my thinking as far as what I can use and do with things
Business Logo Design
I'm still learning from you,
I'm still learning from you, but I'm trying to achieve my goals. I certainly enjoy reading all that is posted on your blog.Keep the information coming. I loved it!
Logo Design Ideas
You wrote very interesting
You wrote very interesting post i love your blog it contains very informative article i will share it with my friends.
Iran Visa at Airport
voip service providers
I Like your blog,will sharing this with my friends, excellent work.
voip service providers
I was hopping when to start
I was hopping when to start this thing with my friends as it is too informative.Logo Design Service|
Responsive Website Design
Creator Shadow is the most professional and affordable web development & design company. World's best Intuitive web site interfaces and user-friendliness are the hallmark of our company. Responsive Website Design
Responsive Web design for Wb development
Responsive designs have come in the picture due to smart phones and tablets. And Indochino is the best example of a responsive web design. Responsive web design is the can be further used for web development.