Total Time Spend Using Mobile Web vs. Apps (October 2012)

Saw this today at BI website…

Source: Business Intelligence (BI)

Source: Apps More And More Important Than The Mobile Web (Business Intelligence). Original report by Nielsen.

The above is self-explanatory…

What I find ‘funny’ is that over time I have noticed that Business Intelligence’s opinion on “native vs. web on mobile” swings back-and-forth (based on the top news of the day). In this particular case, all the recent attention to “native vs. mobile web” is thanks to Mr. Zuckerberg.

ceo

“The biggest mistake we made as a company was not investing enough on native.” — Zuckerberg (2012)

The title of this blog is not what Zuckerberg actually said, but is what he really meant.

From TechCrunch Disrupt – Zuckerberg Shows He’s The Right Man For The Job:

“The biggest mistake we made as a company was betting too much on HTML5.” While building native apps that were bacially just a wrapper for the mobile web standard let it experiment quickly, it made the apps run way too slow. “We burnt two years.”

This validates what I have been saying for years… Don’t take me wrong, I’m a fan, user and developer of webapps. Web on mobile is big and the mobile browsers and frameworks are getting so advanced, and the mobile webapps so kickass, but for certain kinds of apps, especially rich consumer-based applications, native is the way to go today.

Consumers are about great user experiences and great quality. The “mistake” Zuckerberg refers to is not really that they bet “too much” on HTML5, but that they didn’t invest enough on native.

But that said, FB has nailed it down; recognizing the need to invest on the native apps and related infrastructure, and focusing on mobile first.

Any company going global must have a mobile first strategy — we know that for many around the world, their online experience will be on mobile.

ceo

Introduction to jQuery Mobile (May 2012)

See my latest article, Introduction to jQuery Mobile (developerWorks).

This article, an update to my original Intro to jQuery Mobile (Feb 2011), introduces the basics in the latest version of jQuery Mobile. Learn about browser support, the UI components, and the API.

“Summary: Get an introduction to the jQuery Mobile framework. Learn the basics of the framework and how to write a functional mobile web application user interface. In this article, an example guides you through basic pages, navigation, toolbars, list views, form controls, and transition effects.”

Link: Introduction to jQuery Mobile (developerWorks).

Related links:
* jQuery Mobile developer site
* Original article: Intro to jQuery Mobile (Feb 2011)

ceo

Mobility in 2011: Mobile Apps, Webapps and Tipping Points

(This is part of a series of blog posts on Mobility in 2011)

The debate of mobile (native) app vs. webapp is not new. This is a decade-old topic that has been debated since the days of WML.

Today the debate is pretty much the same debate.

The debate’s topics and considerations typically center around “design, experience & capabilities”, “marketing & monetization”, and “code-building-effort”.

…where:

  • The “design, experience & capabilities” part of the debate is about the application design, features & technical capabilities and its effect on the user experience; today this favors native apps;
  • the “marketing & monetization” is about awareness, visibility and discoverability, for example, creating a popular app will give you lots of visibility and direct and indirect monetization methods, and today it currently favors apps thanks to the app markets and stores, and;
  • the “code-building-effort” part of the debate is about ROI. This is mostly debated by those responsible for creating and delivering great applications and solutions as efficient as possible: fast development cycles with minimal resources, minimizing code duplication & maximizing code re-usability, better and cheaper ways for distribution and deployment. Topics like fragmentation, browser capabilities and centralized distribution come to light. This part of the debate favors webapps, unless you focus on a single native app platform such as the iPhone. Android is fragmented but this should improve over time as the platform matures (in theory). The webapps centralized model is a winner, but so is the centralized model of app stores. At the end, due to the previous two debate points, native apps are leading the way with iPhone and Android as the platforms of choice. But this is changing as well, thanks to toolkits such as jQuery Mobile which helps bring consistent webapp development and user experience across browsers. While apps are a clear winner today, an increasing number of customers are asking for mobile web versions of their apps before they commit to native apps; these typically are customers who want to go mobile now and who understand the ROI benefits of webapps across mobile platforms, yet are doing this as a starting point before introducing the app version of their applications (since they too understand the user and business benefits of native apps). It is important to note that hybrid app approaches that brings together the benefits of webapps into native apps (containers) is something to consider in the meantime.

Two Important Tipping Points

Below I cover two thoughts on the matter of app vs. webapp, and two tipping-points that most occur before the debate of apps vs. webapps become a moot point .

While the browser of today is a number of magnitude more advanced than its predecessors from the days of WML (and CHTML, etc), the relationship between apps and webapps have persisted over time; that is, from the application perspective the native app has always been ahead when it comes to features, user experience & capabilities. This answers the “design, experience & capabilities” part of the debate and the top reason why still today mobile apps are more popular than webapps.

But it is just a matter of time before webapps will be very close or equal to apps. If you were to picture this in a chart, based on experience, it would look something like the following:

…where: while the native platform and apps have had more features & capabilities than the webapp, as the browser becomes more capable (including performance) and the markup language becomes more “expressive”, the two lines will meet (but will they cross?); this is the first tipping point. And recall that “…after the tipping point has been passed, a transition to a new state occurs.”

In the chart above I also attempt to capture the impact the iPhone, Android and the Webkit, as well as sensors such as touch & location all have had in the progression of apps and webapps, and how they have contributed to awesomeness for both app and webapps.

But there is a second tipping point to be crossed. The second tipping point is related to user experience & perception. If we were to visualize this as well, it would look similar to the chart above, but with additional/different triggers. Apps have been very successful in creating analogous experiences to the physical world and its attributes, in ways webapps haven’t being able to achieve yet. Apps you can find, buy and own, see, listen to and touch in ways webapps don’t offer at this point. The way apps are owned is unique too. And people even socialize about apps in ways we don’t see yet about webapps. Before this tipping is crossed though, tipping point #1 explained above must be crossed first.

Will these tipping points occur in 2011? I don’t believe so. In the meantime, this has major implications on marketing and monetization which favors native apps.


So the debate of mobile webapps vs. native apps is not new. The debate of app and webapps is really relative as dictated by specific needs. We can debate the technical merits for each, the business merits or both. Today, the the user experience and perception favors apps which translates to business benefits ($) and thus outweigh the benefits of webapps. But there are business reasons why go webapp such as going mobile faster across platforms. The app is still ahead of webapps when it comes to the combination of design, experience & capabilities + marketing & monetization + development ROI, but the gap continuous to close; it is a matter of time. From the capabilities perspective such as a graphical and transforms, performance, sensors, connectivity, storage and offline behavior, the mobile web browser is rapidly advancing, and when combined with better webapp discoverability, marketing and revenue models, then we will be closer to the “features & capabilities” and “experience & perception” tipping points at which time the distinction between mobile apps and webapps will become a moot point.

Related to this, see: Is 2011 the year of the Mobile Web apps? (Open Gardens)

Related posts from About Mobility:

ceo

Article: DOM-based data storage and retrieval using jQuery

See my latest article titled DOM-based data storage and retrieval using jQuery. It covers the jQuery data() APIs and HTML5 data-* attributes in your jQuery-powered applications…

Summary: The popular, and free (MIT and GPL-licensed), jQuery JavaScript library has a concise and portable set of JavaScript APIs for rapid web development. In this article, learn how the jQuery data() method can simplify the task of associating data to DOM elements. In-depth examples show how to use the method in your own applications. Discover how jQuery lets you use HTML5 data-* attributes in your jQuery-powered applications.

See DOM-based data storage and retrieval using jQuery (developerWorks)

ceo

Article: Introduction to jQuery Mobile


My first article for 2011, meet the jQuery Mobile framework.

This article provides an introduction to the jQuery Mobile framework. Learn the basics of the framework and how to write a functional mobile web application user interface with minimal or no JavaScript code at all.

See the article Introduction to jQuery Mobile (IBM developerWorks) which introduces the jQuery Mobile framework.

ceo