Mobile App, Mobile Website or Hybrid?

Denver custom application development image

What’s The Best App Approach for Your Business?

 

Whether yours is a startup business looking to bring a break-through product to market or you operate a traditional bricks and mortar company seeking a better way to run the business, a custom mobile application could be the bridge to maintaining your competitive advantage.

 

What’s the next step to activating your concept?

 

Determining the right mobile app form at the start of your project will save time, money and possibly even your brand name. From a technology standpoint, you need to determine if you need a native app or a mobile website that behaves like an app. What are the differences?

 

Let’s start with basic definitions. A true mobile app – also known as a native app – is an app that runs directly on a device’s operating system. You are probably familiar with native apps as the downloadable software from the Apple App Store (for iPhones) or from Google Play (for Android mobile devices). The binary code on which these apps are based interact directly with the operating system.

 

A website optimized for mobile devices, a “web app” as they are sometimes called, is a website that responds to the screen of the device in which it appears as well as the browser being used. To be clear, mobile websites and mobile apps are not the same thing.

 

Overview

 

Mobile App (Native app) Basics

 

mobile-app-native-app development imageA mobile app is also known as a native app. Once it’s downloaded from an app marketplace – such as the Apple App Store or Android’s Google Play Store – onto a smartphone or tablet device, they reside within your device and are launched by tapping on an icon. From a coding standpoint, a native app is designed and coded for a specific device. iPhone apps are written in Objective-C while Android apps are usually written in Java.

 

Advantages:

 

  • A mobile app gives businesses the advantage of having their own real estate on a customer’s device. Because users have to download and install the app, businesses have more control over their presence on a device than they would with a mobile website. For instance, a mobile app can be closed or inactive, but still work in the background to send geo-targeted push notifications and gather data about customer’s preferences and behaviors. Mobile apps make it easy to deploy loyalty programs and use mobile payments using a single platform.
  • Mobile apps provide full access to the native device feature set such as the camera and microphone.
  • No Internet connection required – If you need to provide offline access to content or perform functions without a network/wireless connection, native apps make a lot of sense. Generally speaking, it’s also much easier to access a mobile app than a mobile website — all it takes is one tap, versus having to open a Web browser then type in a URL.
  • Ability to perform complex calculations – If you need something that will take data and allow you to manipulate it with complex calculations a native app gets that done.

 

Disadvantages:

 

  • As you might have guessed, native apps are more expensive than web apps because they need to be written for multiple platforms: once for iOS in Objective-C and again in Java for Android. Therefore, mobile apps are more expensive to build AND maintain because of the disparate systems and coding requirements.
  • Lack of immediate engagement. Native apps require the user to first download and install the app from a marketplace before the content or application can be viewed. Sometimes this can be a significant barrier between initial engagement and action / conversion.

 

Mobile Website Basics

 

web app development denver imageNothing too tricky here — a mobile website is similar to any other website in that it consists of browser-based HTML pages and connected via the Internet (3G or 4G networks, WiFi). Mobile websites are distinct from standard websites because of they are designed for the smaller handheld displays and touch-screen interfaces. Your home page will appear differently on mobile devices than on desktop or laptop computers but that’s a good thing. Design-wise, all visible elements self-adjust in the interest of practicality.  This “responsive” element of mobile websites allows them to automatically detect the mobile device and redirect the viewer to the mobile version. As mentioned above, use of this type of “app” requires an Internet connection because the software does not reside on the mobile device.

 

Advantages

  • A mobile website can behave as an app. Just like a standard website, mobile websites can be developed as database-driven web applications that act very much like native apps. A mobile web application can be a practical alternative to native app development.
  • Cost-effectiveness. Mobile websites have to be written once, in a mobile-responsive format and are device-agnostic. They require considerably less time to develop than a native app, especially if you need to have a presence on different platforms (requiring development of multiple apps).
  • Web apps are often designed to look and behave like native apps.
  • Speed-to-market. Because of the simplified coding requirements involved, mobile websites require less time to spin up.
  • Immediate engagement with users. A mobile website is instantly accessible to users via a browser across a range of devices (iPhone, Android, BlackBerry).
  • Broader compatibility / accessibility. If your mobile strategy is underscored by PR or marketing, a mobile website is going to make sense as a practical first step in your mobile outreach strategy. This is because a mobile website has a number of inherent advantages over apps, including broader accessibility, compatibility and cost-effectiveness.
  • Instant updates. A mobile website is much more dynamic than a native app in terms of pure flexibility to update content. If you want to change the design or content of a mobile website you simply publish the edit once and the changes are immediately visible; updating an app on the other hand requires the updates to be pushed to users, which then must be downloaded in order to update the app on each type of device.
  • Mobile websites are more easily found. Because pages can be displayed in search results and listed in industry-specific directories, it makes it easier for qualified visitors to find you. Most importantly, visitors to your regular website can be automatically sent to your mobile site when they are on a handheld (using device-detection). In contrast, the visibility of apps are largely restricted to manufacturer app stores.

 

Hybrid App Basics

 

hybrid app development denver imageIn most cases, they look and behave like native apps. You can find them in app stores and they install on your device much like native apps. Hybrid apps are much like any other app you might find on your phone but are built with the same HTLM5, JavaScript or CSS technologies used to develop traditional websites. A native app “wrapper” is then added in order to deploy on each platform.

 

The key difference from a website is that hybrid apps are hosted inside a native application that utilizes a mobile platform’s WebView. This “nativity” enables them to access device capabilities such as the camera, accelerometer, and contacts, features that are often restricted to access from inside mobile browsers.  The main downside to hybrid apps – specifically those that are 3-D games, or rely heavily on device features – are performance-related.

 

Advantages:

  • Easily design for various form factors (including iPads and other tablets) using responsive web design
  • Access to some device and operating system features
  • Build once – using one code base – and run on multiple devices
  • Reduced development time and costs
  • Ability to share code, skills and resources across web apps and mobile apps
  • Increased visibility because the hybrid app can be distributed natively (app stores) and to mobile browsers (via search engines)

 

Disadvantages:

  • Performance issues for certain types of apps (especially those relying one native device functionality
  • Access limitations to native device features
  • Risk of being rejected by Apple if app does not feel native enough
  • Difficult to create non-HTML/web type functionality

 

If your app is heavily based on content, the benefits of a hybrid app far outweigh the disadvantages described above. In those cases where an app will be dependent upon native device features and high performance expectations, the drawbacks of the hybrid approach are probably show-stoppers.

 

Summary

 

best choice app development denver imageDeciding on your technical app approach depends on many variables. Most importantly, your target audience and their online habits and behaviors should sit squarely at the forefront in your planning. From there, choosing between a native app, a mobile website or a hybrid app – or even a migration plan that starts with a web app and moves to a native app – as your product gains marketplace awareness and acceptance – depends on your answers to the following questions:

 

  • Which mobile platforms are you targeting?
  • Is an app store the most appropriate place to distribute you application?
  • Does your app require the native capabilities of the mobile device?
  • What are the technical abilities of your development team?

 

In some cases you may decide you native app, but it’s pretty safe to say that it rarely makes sense to build an app without already having a mobile website in place.

 

Clearly, any-size business can benefit – either through increased sales or improved business efficiencies, or both – by introducing a mobile app. However, establishing a sound, well-thought out strategy at the start of your project will save time and money. It may even protect and grow your brand if done right.

Does Your Business Website Travel Well?

Clock ticking on Google mobile-device mandate

Fans of the Denver Broncos are said to travel well. In other words, Broncomaniacs are likely to show up in droves at visiting NFL stadiums.

Does traveling well impact the outcome of a sporting event? Tough to say but it seems to reason that fans of any sports team who show up in large numbers at away games have a way of neutralizing the so-called home field advantage of their opposition.

How about your company website? In today’s digital marketing world, does your site travel well? When was the last time you checked it out on an iPad or another mobile device? Does traveling well digitally matter in the business world?

At Digital Assets, we think so. Too often business managers believe that if their website looks fine from their office PC, it must look fine to everyone else who stumbles upon it. And while most would agree that it’s important for a business website to work on as many devices and screen sizes as possible, they seldom invest the time to check it on mobile devices.

Why does this matter? If your business website does not scale to different screen sizes on different devices, or your phone number or “contact us” button is not easily found, your prospects will move on. Within a split-second, a potential buyer can navigate to your competitor’s site. The user experience, after all, should be at the center of everything we do. Google has said this since the beginning.

There is a growing body of evidence indicating a significant proportion of search traffic on Google and Bing now comes from mobile devices. This past November, in fact, saw mobile traffic surpass desktop traffic for Google search. At Bing, the percentage of mobile is still smaller (33 percent of visits against 67 percent from desktop) and more apt to fluctuate on a month-to-month basis. Although consumers may not yet be using their smart phones and tablets to make purchases at the same rate they buy from their PCs and laptops, they are definitely using them to do their homework on products before buying.

Consumer Friendly: Beyond Just Looking Good

Further underscoring the gravity of the mobile website issue, last month Google announced on its webmasters blog that it will implement an algorithm change that rewards businesses with mobile-friendly sites. If your site fails the Google mobile-friendliness test as of April 21st, you may lose visibility is search results conducted on mobile devices. Because there are not separate indexing protocols (yet) for mobile and desktop searches, SEO gurus are concerned that “mobile-unfriendly” may mean penalties at the desktop.

For years, Matt Cutts, Google’s head of webspam, has foreshadowed this change. Cutts has repeatedly commented that companies need to prepare for mobile, either through a responsive design or a separate mobile version of a website. Google’s previous algorithm updates – Penguin and Panda, for example – had big impacts on big companies. This one is likely to have a more profound impact on the smaller B2B and B2C firms (retailers) who have yet to make mobile a priority.

Risks of Doing Nothing

Ignoring the mobile technology trend is no longer an option. In sum, here are the business risks related to mobile deficiencies:

  •  Findability: Your site may lose visibility on searches conducted using one of the biggest game-changers of the 21st century: mobile technology;
  • Conversions / Revenue Growth: Assuming your site is discovered by potential buyers on their mobile devices, difficulty navigating and reading the content will undoubtedly inhibit sales leads and conversion events; and
  • Brand Damage: You may be sending the message to prospects and customers that your competition is more technically astute than your business.

Spring Into Action: Remedial Steps

The good news? Google has provided ample warning and resources. Since this new algorithm won’t go into effect until April 21, businesses have a window of opportunity. As part of “spring cleaning” at your business, we recommend making sure every page of your site is mobile-friendly by adopting a responsive web design. (We like WordPress.) Google determines mobile friendliness on a page-by-page basis, so it’s important to ensure that the entire site makes the grade. Here’s a quick test you can conduct on your site to understand what Google thinks of it.

Google has also issued a Mobile Usability Report in Google Webmaster Tools, and a guide to mobile-friendly sites. These resources allow site owners to better understand what might need to be changed or updated in order to continue appearing high in search results. In short, Google considers your site mobile-friendly if:

  • your text is legible without users having to zoom in;
  • content is automatically resized so that users don’t have to zoom or scroll;
  • good spacing exists between hyperlinks thus making user selections easy; and
  • it avoids software that may not be supported on typical user devices.

Until now, a responsive design site may not have impacted your search ranking although it had the benefit of creating a seamless experience across all devices. After April 21st, a responsive design will keep you competitive – and may even increase your competitiveness if your industry peers remain complacent. If Google Search matter to your business, it is essential to up your game to “mobile-friendly.”

-Tom Kennedy

 

Tom Kennedy is a business website and digital marketing advisor for Digital Assets, Inc. a Centennial, Colorado-based provider of web design and development, customer application development and search engine marketing. For more information, visit us at: http://digitalassets.wpengine.com/