SpyreStudios

Web Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

Light App Development Indicative of China’s Online Consumption

March 9, 2015 by Christopher Jan Benitez

Web development is an evolving industry with a singular goal: create a seamless web experience. Current web design trends gravitate towards this notion – developers are embracing the use of HTML5 and CSS3 to design fast-loading responsive websites without compromising their quality.

While China shares the same goal, their approach is different.

There is a pervading culture of mobile-centrism in China that no other country can match. Westerners approach web development with a design so websites can be viewed using any device – desktop, mobile, or tablet. But China completely foregoes the desktop experience and goes straight to mobile development.

In this compelling article at Smashing Magazine, Kendra Schaefer further delves into the mobile-centrism that pervade China. Based on her experience in living there, she explains why mobile usage has dictated how web is consumed by people there.

This gives way to a unique digital experience absent from western countries. One of these innovations is the light app.

What is light app development?

04-xiaomi-light-app-opt

Example of a light app. (Image source here)

Light apps are hyper-targeted one pagers built and animated using HTML5. These contain a single message, have a dedicated URL, and are meant to be passed on to your friends like a flyer or brochure.

Since China’s web experience is mobile-based, viewing light apps using a desktop can be troublesome. These one pagers require swiping from your touchscreen to make them work. Almost all computers don’t have that function. Also, the orientation of the screen can make light apps problematic when loaded on a desktop  – since most mobile phones are used vertically, so does viewing light apps.

light app

In this example, you need to access the link on your mobile device. If not, it will just show you this image on your desktop screen.

The “unconventional” way of opening light apps is copying the URL and pasting it on your browser to be able to view it. How Chinese normally open light apps are by scanning the QR codes (which is finding a second lease in life in the country after most people have considered QR codes dead in most countries).

To understand how light apps work, below are examples on how businesses use them.

light app example

Baidu, China’s premier search engine, releases a Cosmetics Industry Semi-Annual Report in the first half of 2014 by way of a light app. It details the type of beauty and skincare products and services searched by Chinese using Baidu. Click here to scan the QR code and view the entire report.

light app example2

China Resources Land shares the results of their developmental strategies in this nifty light app. Click here to scan the QR code and view the entire light app.

light app example3

As Coca-Cola celebrated its 128th anniversary this past Thanksgiving, they released this light app that visualizes the brand’s history and cultural impact. Click here to scan the QR code and view the entire light app.

For more examples of light apps, check out the portfolio pages of Live App and Brand Social.

Culture of sharing

The calls to action on light apps encourage users to share them to their friends, similar to web properties built and developed by westerners. But this is where the similarities end.

One thing separating how businesses in China approach web properties is that they do not use light apps as an avenue to make money. If light apps were a thing in western countries, expect “Buy Now!” and countless ads popping up from the app.

Also, instead of sharing it using Facebook and Twitter – neither of which are popular in china to begin with – light apps are shared using WeChat, the country’s most used social messaging app with more than 355 million users since Q4 of 2013.

WeChat webpage

Due to the WeChat as their primary platform online communications, most light apps are developed specifically for sharing on WeChat’s native browser, which offers API development.

Sharing is made more convenient using Wechat because of Moments. Similar to Facebook feed and timeline or Twitter stream, most of the user’s online activities including light apps are shared through this feature.

Will we see light apps cross the border?

As of the moment, light apps won’t be making any transition into the western market anytime soon. China has found an effective use for QR codes that are used to access the light apps. As mentioned, use of QR codes have cooled down outside of China, and chances of it being used effectively are slim to none.

The closest counterpart of light apps in the west are landing or splash pages. While the latter is not as quick to load and normally contains a sales-y call to action, the principles are the same: share ideas and information relevant to its target market.

What does this mean?

Since light apps are very secular in that they operate best within the confines of the Chinese web experience, it only makes the developments in the country’s online activity even more intriguing.

Ever since the Great Firewall of China has been activated in 2003, blocking its netizens from using Facebook, Twitter, and Google, among some of the most ubiquitous web services, China’s web usage is bound to become different.

But this is not to say that China’s online market is put at a disadvantage. In fact, it helps Chinese netizens to harness an online culture that is drastically different than anything else the world has seen. Due to the firewall, their web development philosophy is different as well. Given the restriction, they are forced to do things their way.

So for WeChat to amass that much users, not to mention Baidu dominating the country’s search engine market, their brand loyalty is no surprise to anyone.

This is the reason why light apps are indicative of China’s unique online habitat. These Chinese online innovations appear to be alien concepts when explained to a westerner or those familiar with non-Chinese web consumption. But it is the very reason that makes the developments in Chinese online activity very special.

More on web development:

Morality in Web Development – Your Thoughts?

36 Best Frontend Web Development Tutorials of 2012

Filed Under: Apps, Development Tagged With: light app development

Recent Posts

  • How to use a PDF file combiner to support a Web planner optimally
  • What Factors Determine the Best Digital Marketing Agency?
  • 31 Fresh Design Elements for Spring and Easter
  • 10 Templates for Music Concert Flyers
  • How to Build a Web Scraper Using Node.js

Archives

  • July 2022
  • June 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • May 2008
  • April 2008

Categories

  • Accessibility
  • Android
  • Apps
  • Art
  • Article
  • Blogging
  • Books
  • Bootstrap
  • Business
  • CSS
  • Design
  • Development
  • Ecommerce
  • Fireworks
  • Flash
  • Freebies
  • Freelance
  • General
  • Giveaway
  • Graphic Design
  • HTML5
  • Icons
  • Illustrator
  • InDesign
  • Infographics
  • Inspirational
  • Interview
  • Jobs
  • jQuery
  • Learning
  • Logos
  • Matrix
  • Minimalism
  • Mobile
  • Motion Graphics
  • Music
  • News
  • Photoshop
  • PHP
  • Promoted
  • Rails
  • Resources
  • Showcase
  • Tools
  • Tutorial
  • Twitter
  • Typography
  • Uncategorized
  • Usability
  • UX
  • Wallpapers
  • Wireframing
  • WordPress
  • Work

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

SpyreStudios © 2022