Tuesday, May 22, 2012

What’s Next for Mobile Now That Adaptive Web Design Has Failed?


This post was also published in VentureBeat.


This article was written for business readers. Due to an outcry from the responsive design community, I added the word "web" to the term "adaptive design" to avoid confusion with progressive enhancement, and updated the text to read that Facebook uses "a precursor to" responsive design, even though very techie trades like RWW say that Facebook uses responsive design. Obviously, the outcry has more to do with the content than the terminology, but it's always good to be pedantic. Read on!

Analysts commenting on Facebook’s IPO have highlighted a major issue in mobile computing: that it’s incredibly difficult to monetize on mobile devices. Like many other engineering-led cultures, Facebook has embraced adaptive web design, a precursor to also known as responsive design, where essentially the same code can render itself down from a desktop browser to a tablet to a diminutive mobile screen.

Adaptive web design is an elegant solution to the thorny technical problem of having to deliver a content experience on multiple devices. And engineers love more than anything to apply the same hammer to multiple nails.

Unfortunately, users do not agree. Desktop web browsers, tablets, and mobile devices are fundamentally different and are used in very different ways. Across our properties at CBS Interactive, we have experimented with a variety of adaptive and direct designs and are learning the hard way that a one-size-fits-all solution delivers a subpar user experience.

Turn those mobile pages

The app has defined the mobile form factor. Users expect to see menus with only a few relevant options that do not require scrolling, titlebars with back buttons, and do not mind paging through content as long as it loads fast. In contrast, when a full size web page is adapted down to a mobile form factor, it forces a lot of vertical scrolling – even if some components are removed and others are made smaller.

Narrowing a mobile experience down to the essentials of what a user wants while mobile is critical. Tight menus and quick page loads compel users to turn more pages, which is essential in the small mobile form factor that has limited ads. Some ad units on mobile are worth more on mobile than desktop — for example, someone reading a product review on a mobile device in a store is likely contemplating buying that product.

Content publishers can learn a lot from airlines and banks, which are usually technology lagards. The mobile sites of United Airlines and Wells Fargo are tight, focused, and substantially different from their websites.

Tablets are for swiping

The tablet is essentially a magazine form factor, and users have been trained by numerous popular apps ranging from iBook to the New York Times to Flipboard that they should swipe right to left to page through content an a tablet. Users are perfectly happy to swipe through an article that is split into several pages, since this is what they did with magazines.

Rather than adapting a web page down to the tablet form factor and requiring users to scroll vertically, publishers should embrace swiping. Users are not perturbed at all to see a full page interstitial ad stuck into the mix while paging through content, making the tablet extremely monetizable.

Swiping is very difficult to code for mobile web. Fortunately, there are turnkey solutions such as Pressly and OnSwipe that make it easy for simple sites to create swipeable tablet editions. Extensions to jQuery Mobile and Sencha Touch make it easy for programmers to add swiping features to their mobile HTML.

Let websites be websites

Website design is proven, monetizaton techniques work well, and users expect sites to function the way they currently function. There is no pressing need to substantially change how they work.

The trend of “iPadification” of websites is more about adding simplicity and whitespace rather than a complete restructuring of how a website should work. Some types of services, such as Twitter, provide a tablet-like experience on their website. Twitter’s website offers a clean design with white, rounded content areas and no dynamic menus. Users are comfortable scrolling vertically on tablets to see streams, so the same design works well for desktop web and tablet.

It is painful for engineers to have to support three different use cases for three different form factors. However, particularly for content sites, the effort bears worthwhile fruit in terms of mobile monetization.

51 comments:

ethant jangamarra said...

I've inquired website developers from perth about this. They told me that the website design that is being used today is called responsive rather than adaptive.

Lauren Hixson said...

Hmmm. Good point there. Thanks for posting this. It is of great help for us when making a web design in perth.

ARABELLA ASTON said...

Desktop web browsers, tablets, and mobile devices are fundamentally different and are used in very different ways. Across our properties at CBS Interactive, we have experimented with a variety of adaptive and direct designs and are learning the hard way that a one-size-fits-all solution delivers a subpar user experience. κατασκευή ιστοσελίδας

Website Design Portland said...

Great Stuff!! I do appreciate your post. Website Design Portland

ford said...

An effective web design has to be a perfect fusion of strategy and creativity. Designing and developing a website that is aesthetically appealing and highly artistic is only winning half the battle.

Myoptimind web design manila

Website Design Portland said...

Direct designs and are learning the hard way that a one-size-fits-all solution delivers a subpar user experience. Website Design Portland

Alex alexy said...

Tablets are for swiping - so true. At first I was very annoyed, seeing all those people with their Ipads flying their fingers around like there's no tomorrow, but it does resemble the motion we make when we flip a magazine or a book paper.
Web Design Kansas City

Albina N muro said...

Adaptive web design is an elegant solution to the thorny technical ... down to the essentials of what a user wants while mobile is critical. κατασκευή eshop

sujan said...

Nice article keep on writing What Responsive web Design

karthik zinavo said...

This is really a great blog because whenever it providing the good information to the visitors.
Website Development Companies Bangalore

Cyrus Paul said...

Nowadays, there are many companies availabale in the market, who provides affordable web design as your requirements. It's a good news for the Business.

Web Developing Services said...

Responsive web design is a good option for mobile website to get the good structure and layout while people seeing the website in their mobile without fail.
Web Development Company | Web Design Companies

sanam arzoo said...

In the future, net style and net development field ought to be nearly as good level growth compared to alternative fields world.Because a lot of net sites area unit vital things to Web Design services.Sensitive net style is you have got to make only 1 edition of your online page for all form of system. and its easy to use.

sanam arzoo said...

Looks good. i have been thinking of change the web site style for my Toronto business. i feel a freshman look would attract a lot of customers.Hopefully this can build Web Design style somewhat a lot of accessible to the final public. it's wonderful however versatile laptop programs will be.Very Nice Post. i actually appreciate together with your web log. All advertizing Service net planning, web site Development Company, web site style Company, net style Company.

Manoj Kusshwaha said...

We have adapted responsive designing for last one an half year its a grid based design using media queries

Bangalore RWD said...

Every website design and development company should provide the custom web solutions to customers.Then only they consummation the customer satisfaction.
Webs Design Bangalore | Web Design Company India

Bangalore RWD said...

Yes adaptive design is failed to view the website on mobile devices.Responsive web design replacing that adaptive design to visible the website structure on all devices.
Web Design Companies | Web Designing Bangalore

chaithanya m said...

B school in Bangalore enriches the reserved as entire widening of the learners by portion them put up the speculative acquaintance learnt in class into a waged environment. B school in Bangalore can help create a luminous circumstance by given that an extraordinary variety of complete instruction.
B school in Bangalore

chaithanya m said...

Sherwani for men in Bangalore
Sherwani for men in Bangalore is grouping of royal sophistication and perfect style with clean cuts, fine craftsmanship and elaborate thread work. Sherwani for men in Bangalore is an eminent exporter, manufacturer and trader of ethnic ears.

chaithanya m said...

Web application development Bangalore
Web application development Bangalore paints your company virtually on the internet. Web application development Bangalore maintains your brand appearance effectively.

chaithanya m said...

Website design company Bangalore
Website design company Bangalore provides creation of business platform to showcase your company products and services. Website design company Bangalore affords an effective web domain to customer.

muqtiyar ahmed said...

Business school in Bangalore located in the midst of the leading technological giants Like INFOSYS, TATA BP, HCL, BIOCON, HP.


Business school in Bangalore

muqtiyar ahmed said...

Top MBA in Bangalore IZee Business School is promoted by IZee Education Trust, driven by a single minded focus on imparting quality education...........





Top MBA in Bangalore

muqtiyar ahmed said...

Royal impress with the touch of culture and modernity, Online men Sherwani


Online men sherwani


chaithanya m said...

It has good infrastructure
Real estate Bangalore

chaithanya m said...

manage your resources and information in an efficient and organized manner
Web application development

chaithanya m said...

To create the model and design of the entire web page layout.
Website designing Bangalore

chaithanya m said...

empower the online presence of a particular product or service in more identifiable way
Web designing Bangalore

chaithanya m said...

to satisfy client with a creative website to meet his business goals
Web design Bangalore

chaithanya m said...


Upgrade consumers with inexperienced help every step of the way from design and to development………….
Website design Bangalore

Chaithanya M said...

High quality frost proof glazed garden pots from their factory…..
prestige temple bell

Chaithanya M said...

Surrounded by basic amenities along with few special facilities.
Prestige Temple Bell

muqtiyar ahmed said...

Real estate agents offer home sellers......

Nitesh Chelsea

muqtiyar ahmed said...

Real estate agents offer home sellers......

Nitesh Chelsea

muqtiyar ahmed said...


Nitesh Estates is going to launch their new residential project

Nitesh Chelsea

chaithanya m said...

Prestige gulmohar designed apartments which promise you a life that will be the envy of your peers…
Prestige gulmohar

muqtiyar ahmed said...

Prestige Gulmohar is located exactly where you would wish your home to be and adorned with the world class quality…….

Prestige Gulmohar

muqtiyar ahmed said...

Windows Application Development Bangalore is this fast paced world of enlargement and novelty. Windows Application Development Bangalore predictable to touch a outline of smart phone users in the world. Windows Application Development Bangalore remarketers is targeting the smart phone apps to upgrade their business into a new level. Windows Application Development Bangalore extensive feature can be harness towards benefitting of business or for customized needs. Windows Application Development Bangalore phones get smarter with the structure of smart apps. Windows Application Development Bangalore while many of these smart phone apps are sizzling in the market. Windows Application Development Bangalore is made-up to be the most popular of all.
Windows Application Development Bangalore

muqtiyar ahmed said...

Ecommerce Development Bangalore shopping cart software is use to enable you to sell your products to your target market international. Ecommerce Development Bangalore is can either be utilize as an self-sufficient piece or as a part of an ecommerce website development tie together .Ecommerce Development Bangalore is factor of higher reach to people across the world is tall when it comes to Ecommerce. Ecommerce Development Bangalore is because of the facility of internet, the geographical and demographical reach of ecommerce is more. Ecommerce Development Bangalore in order to master the ability to realize how to make money through your E-Commerce website. Ecommerce Development Bangalore is consumers from all walk of life obviously are drawn to stores in the piece and mortar world that are nicely festooned and agreed.
Ecommerce Development Bangalore

muqtiyar ahmed said...

Luxury Mattress Bangalore is quilting with exquisite designs on comfortable stretchable white. Luxury Mattress Bangalore is much softer when compared to boned spring one. Luxury Mattress Bangalore Constant design up-gradation in Luxury Indian Mattress, Pillows. Luxury Mattress Bangalore indulge the Best Imported & Good Quality International Mattress. Luxury Mattress Bangalore is provide Imported Mattress adhering to International Brand standards. Luxury Mattress Bangalore these mattresses are highly appreciated for their durability and their superior quality maintain good health & provide luxury as well to the users. Luxury Mattress Bangalore is our manufacturing set up located at three different strategic locations; we endeavor to bring our clients, retailer and consumers with the complete range of our beddings in tiny time to almost any part of the country.
Luxury Mattress Bangalore

muqtiyar ahmed said...

Web design Bangalore is ensure the client needs and wants in regard to the product with an individualized approach. Web design Bangalore is our groups of extremely skilled, qualified and experienced website designers. Web design Bangalore retains a sound knowledge of web designing and developing for a broad range of businesses. Web design Bangalore designers and developers at Website Designing Bangalore provide a far-sighted, goal achieving, atypical design solutions to the varied businesses’ which the help of e-commerce strategy appeals to the masses. Web design Bangalore Client requirements and approach are monitored with extreme concern in order to deliver a customized solitarily solutions meeting the high standards of the market. Web design Bangalore is providing a better solution via the designing and developing team working at Web design Bangalore.
Web design Bangalore

muqtiyar ahmed said...


Website design Bangalore we are located in Bangalore at India. Website design Bangalore we are a team of highly aggravated and ground-breaking engineers and other professional. Website design Bangalore is having gained the trust of 2000+ clients by serving them to take their business. Website design Bangalore is new height and generate larger conversions. Website design Bangalore creating attractive and user friendly websites has always been our main agenda. Website design Bangalore we provide specialized services in wide range of domains including Web Development, Web Designing, E-commerce solutions, SEO and much more. Website design Bangalore we provide tailored web solutions that match your business requirements exactly.
Website design Bangalore

muqtiyar ahmed said...

Website Designing Bangalore is affirmatively updated to the varied improving. Website Designing Bangalore technologies and is always keen of incorporating the aforesaid into the developed client projects in accordance to their requirements. Website Designing Bangalore is these technologies instilled with Web Solution have provided more effective and productive solutions for our clients in recent past. Website Designing in Bangalore has become more relevant for key problems in which incorporation of practical web solutions play the key role in customer satisfaction. Website Designing Bangalore is better in terms of web design, easier to implement and maintain. Website Designing Bangalore allows our client’s business to gain new levels of benefits and allowing them to use them as an advantage for future business complications.
Website Designing Bangalore

muqtiyar ahmed said...

Luxury Mattress Bangalore is quilting with exquisite designs on comfortable stretchable white. Luxury Mattress Bangalore is much softer when compared to boned spring one. Luxury Mattress Bangalore Constant design up-gradation in Luxury Indian Mattress, Pillows. Luxury Mattress Bangalore indulge the Best Imported & Good Quality International Mattress. Luxury Mattress Bangalore is provide Imported Mattress adhering to International Brand standards. Luxury Mattress Bangalore these mattresses are highly appreciated for their durability and their superior quality maintain good health & provide luxury as well to the users. Luxury Mattress Bangalore is our manufacturing set up located at three different strategic locations; we endeavor to bring our clients, retailer and consumers with the complete range of our beddings in tiny time to almost any part of the country.
Luxury Mattress Bangalore

Robert 1970 said...

Alpha data Group Company providing best digital marketing services in India. And email database provider in USA and UK. B2B and B2C lists in India, US and UK. Lead Generation in US and UK.
b2b and b2c database lists in Bangalore, India, Uk, and USA

Robert 1970 said...

Capture Media and communications Company offering b2b and b2c list services in India, USA and UK. I think best seo, ppc,smo,orm, like all digital marketing services and email database providers in Bangalore, USA,UK and India.
b2b and b2c database lists in Bangalore, Europe, UK, USA and India

Surbhi Sharma said...

May it be creating an ecommerce store, a web application or a responsive design. Web development experts of Capanicus satisfy every business requirement.

For More Information You Can Visit This Website Responsive Websites development Company

chaithanya m said...

Property in BTM layout is spectacular construction of particularly premium condominiums located in the heart of the city. Property in BTM layout boast a gleaming ultramodern design, with world class infrastructure and facilities, and a plethora of modern, state-of-the-art amenities. Property in BTM layout for real-estate mutual funds, which had been in the works for long, is welcome Property in BTM layout has the potential to spur reform in the poorly regulated, investor- /property owner-unfriendly market. Property in BTM layout will also have a beneficial impact on the property-financing market.
Property in BTM layout

chaithanya m said...

Property in BTM 2nd stage is glowing residential in terms of public infrastructures and basic features & amenities. Property in BTM 2nd stage is well associated through, in & around, the city through Roadways. Property in BTM 2nd stage possesses ample of club, theatres, market areas, educational institutions and hospitals which are placed in a closed knit area.
Property in BTM 2nd stage

chaithanya m said...

Property in BTM 2nd stage is glowing residential in terms of public infrastructures and basic features & amenities. Property in BTM 2nd stage is well associated through, in & around, the city through Roadways. Property in BTM 2nd stage possesses ample of club, theatres, market areas, educational institutions and hospitals which are placed in a closed knit area.
Property in BTM 2nd stage

Mindbird Mcc said...

Br hills provide the most comfortable stay for the tourist with all modern amenities & thus making they have a wonderful and memorable trip. We have the best services around Br hills and Br hills are very reasonable and the qualities of services are simply unparalleled. Totally an unlimited joy with refreshment in a relaxing climate in Br hills.


Br hills