Silverlight Authors: Automic Blog, Michael Kopp, AppDynamics Blog, Kaazing Blog, Steven Mandel

Related Topics: Microservices Expo, Mobile IoT, Adobe Flex, Machine Learning , Silverlight

Microservices Expo: Article

Improving the Mobile Experience with HTML5

The goal for every online organization should be to create a fast, seamless, and visually appealing mobile website

It has been reported that one third of the world's top 100 websites have already adopted HTML5, a percentage we expect to grow with the ever-increasing amount of traffic coming from smartphones and tablets and, more importantly, the amount of conversions and revenue-bearing transactions coming via that channel.

With Adobe signaling the end of mobile Flash, HTML5 has quickly become the choice for companies looking to deliver a rich and interactive mobile Website or app experience.

In the end, organizations must deliver an exceptional design and exceptional performance to give the end user the experience they are expecting and that keeps them coming back for more content. Delivering performance remains a key challenge; vigilant uses of testing and monitoring solutions that support HTML5 technologies (swiping, geo-awareness, local storage) have become more critical than ever. There is a lot more consideration that should go into developing your mobile site than just cost and function. HTML5 introduces a new wave of mobile development that will allow your organization to leverage the rich capabilities of smartphones and tablets.

Considering the Benefits of HTML5 for Your Organization
The growth and evolution of HTML to HTML5 has introduced many new capabilities for web developers to optimize the mobile experience.

Online video will account for 90 percent of Internet traffic within the next few years, according to Cisco. At its core, HTML5 was developed to support online video without requiring third-party plugins. What does that mean? It means that now browsers will be able to play video without the help of additional programs (which are generally expensive), and without worrying about slow loading or crashing of the browser.

Local storage and offline applications are another large consideration. Once you download an HTML5 website, the entire webpage data is stored in the local browser database. HTML5 supports storing large amounts of data for large periods of time, and then retrieving it even when the device is offline. A recent survey shows that more than 39 percent of smartphone users use their phone to access news and information. Having this information stored locally provides users with the ability to access information while on the go without the need to have a continuous Internet connection.

Geo-location is another benefit of HTML5 development, especially on mobile. HMTL5 enables geo-location by using the GPS coordinates identified by your phone. Retail stores, movie theatres, maps, and many more types of apps can utilize this function to determine a user's location without the need to enter it manually. In this case, the browser works for you and quickly gives organizations access and the ability to cater to convenient user features such as maps, check-ins, locations and location-based advertisements. As mobile evolution continues, geo-location will be able to provide location-specific content and also help users to more quickly and easily navigate around town finding just the service they need.

Why Not Just Make Apps?
If you wanted offline browsing or user-specific content, apps allow you to tap into these areas quickly. The general reality is that apps have a better user experience and are more interactive and provide richer graphical interfaces (especially for games, videos and graphics). Everything is located in the device and the user is simply interacting with the device instead of grabbing information from far away.

However, when creating an app, searchability and discoverability is critical. Continual investment in promoting the app is needed if you want mobile users to find it. Why not deliver what they want on the website so that users need not go further?

An app-centric content delivery strategy is expensive for development. It requires multiple builds as designing apps for iOS is different than designing for Android - a different skill set is required for each. With HTML5 these same features are being translated for Web. Canvas Drawing is a feature that allows Web developers to create interactive content for their website. With the canvas tool, websites have become more interactive, faster and easier to access, creating an app-like experience for the mobile user, similar to mobile sites like LinkedIn.

HTML5 is in the browser and not device dependent and using the technology can be as easy as updating your organization's website. It is cross-platform and can easily be done by a web developer. This method means your organization doesn't have to worry about hiring an app developer (much less common than a web developer and more expensive) or building an IOS app and going through app certification (which has longer release cycles and the certification process can be burdensome).

Other Considerations for HTML5
While HTML5 lets you consolidate your development efforts, don't think that every device supports HTML5 in the same way. Understanding the variances of compatibility on mobile and tablet browsers is important. Know what to expect and take steps to be sure your results line up with expectations.

Testing and Monitoring
When designing and developing HTML5 sites you need tools that let you test functionality so that you may ensure that the app performs as expected. Unless you have a large library of devices lying around, consider cloud-based resources that let you rent mobile devices based on your testing requirements. Desktop device emulators are a relatively inexpensive way to test your site on the devices that matter most to you. They are also capable of providing detailed feedback at the code level. However, if they don't support HTML5 functionality they'll be of little use.

As HTML5 allows mobile developers to continually iterate and web infrastructure performance fluctuates, it's critical to invest in monitoring tools that give you continual insight into the performance of your site. Determine the use cases that are critical to the performance of your site and create a robust test script. Create checks to ensure that HTML5 functionality is behaving as expected, and then run that script around the clock to ensure optimal performance. Mobile web monitoring solutions are capable of alarming you under precisely preset conditions when attention is required. Unlike maintaining multiple versions of apps, your single mobile website is being shared by all of your users. When failures occur you'll be able to address them in one fell swoop.

Making the Commitment
The goal for every online organization should be to create a fast, seamless, and visually appealing mobile website. The site should be easy to use and have all of the functionality needed to meet the mobile user's expectations and needs. HTML5 helps to meet those goals by making your site more intuitive, easier to navigate and faster to load.

HTML5 gives developers new tools and presents an effective and efficient way to develop your company's mobile strategy. With HTML5 the lines between Web and app development are quickly blurring and the result is that the overall mobile user experience is improving.

Before taking the plunge, realize that employing HTML5 requires a level of commitment on many fronts to take full advantage of its many capabilities. You need a team of people who understand the benefits and limitations of HTML5, how to make them work for your mobile strategy, and how to ensure that your mobile user experience lives up to expectations. This commitment can pay great dividends in return.

More Stories By Nisheeth Mohan

Nisheeth Mohan is a Senior Product Manager, Mobile at Keynote Systems. He has a deep technology background with more than eight years of experience in mobile. In his role as Senior Product Manager at Keynote, Nisheeth is responsible for the growth and vision of Keynote's mobile strategy. His responsibilities include general management for the mobile business and he is a frequent speaker with FierceWireless. Prior to Keynote, he held product management roles in Telephia, now Nielsen Mobile, where he launched industry's first market research products for mobile media.

Comments (0)

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.

IoT & Smart Cities Stories
The deluge of IoT sensor data collected from connected devices and the powerful AI required to make that data actionable are giving rise to a hybrid ecosystem in which cloud, on-prem and edge processes become interweaved. Attendees will learn how emerging composable infrastructure solutions deliver the adaptive architecture needed to manage this new data reality. Machine learning algorithms can better anticipate data storms and automate resources to support surges, including fully scalable GPU-c...
Machine learning has taken residence at our cities' cores and now we can finally have "smart cities." Cities are a collection of buildings made to provide the structure and safety necessary for people to function, create and survive. Buildings are a pool of ever-changing performance data from large automated systems such as heating and cooling to the people that live and work within them. Through machine learning, buildings can optimize performance, reduce costs, and improve occupant comfort by ...
The explosion of new web/cloud/IoT-based applications and the data they generate are transforming our world right before our eyes. In this rush to adopt these new technologies, organizations are often ignoring fundamental questions concerning who owns the data and failing to ask for permission to conduct invasive surveillance of their customers. Organizations that are not transparent about how their systems gather data telemetry without offering shared data ownership risk product rejection, regu...
René Bostic is the Technical VP of the IBM Cloud Unit in North America. Enjoying her career with IBM during the modern millennial technological era, she is an expert in cloud computing, DevOps and emerging cloud technologies such as Blockchain. Her strengths and core competencies include a proven record of accomplishments in consensus building at all levels to assess, plan, and implement enterprise and cloud computing solutions. René is a member of the Society of Women Engineers (SWE) and a m...
Poor data quality and analytics drive down business value. In fact, Gartner estimated that the average financial impact of poor data quality on organizations is $9.7 million per year. But bad data is much more than a cost center. By eroding trust in information, analytics and the business decisions based on these, it is a serious impediment to digital transformation.
Digital Transformation: Preparing Cloud & IoT Security for the Age of Artificial Intelligence. As automation and artificial intelligence (AI) power solution development and delivery, many businesses need to build backend cloud capabilities. Well-poised organizations, marketing smart devices with AI and BlockChain capabilities prepare to refine compliance and regulatory capabilities in 2018. Volumes of health, financial, technical and privacy data, along with tightening compliance requirements by...
Predicting the future has never been more challenging - not because of the lack of data but because of the flood of ungoverned and risk laden information. Microsoft states that 2.5 exabytes of data are created every day. Expectations and reliance on data are being pushed to the limits, as demands around hybrid options continue to grow.
Digital Transformation and Disruption, Amazon Style - What You Can Learn. Chris Kocher is a co-founder of Grey Heron, a management and strategic marketing consulting firm. He has 25+ years in both strategic and hands-on operating experience helping executives and investors build revenues and shareholder value. He has consulted with over 130 companies on innovating with new business models, product strategies and monetization. Chris has held management positions at HP and Symantec in addition to ...
Enterprises have taken advantage of IoT to achieve important revenue and cost advantages. What is less apparent is how incumbent enterprises operating at scale have, following success with IoT, built analytic, operations management and software development capabilities - ranging from autonomous vehicles to manageable robotics installations. They have embraced these capabilities as if they were Silicon Valley startups.
As IoT continues to increase momentum, so does the associated risk. Secure Device Lifecycle Management (DLM) is ranked as one of the most important technology areas of IoT. Driving this trend is the realization that secure support for IoT devices provides companies the ability to deliver high-quality, reliable, secure offerings faster, create new revenue streams, and reduce support costs, all while building a competitive advantage in their markets. In this session, we will use customer use cases...