Localizing Your Website or App for the Chinese Market

Localization, the process of optimizing a site or app across differing languages and cultures, goes far beyond basic translation. Actually, translationâ€™s perhaps the easiest part.

Sure, sometimes there are so many cultural similarities between the environment that spawned the original product and the target location that only minor tweaking is needed; but western designers and developers aiming to launch in China are facing a minefield of potential localization missteps.

In this article, Iâ€™ll browse through a few of the major considerations that should be tackled when approaching the East.

Localizing
Visual Design Patterns

Though itâ€™s silly to use the word â€śusersâ€ť as a blanket term,
considering how differently individuals interact with the web, there are some
commonly accepted semi-standards that can feel jarring if altered. Youâ€™ve seen them: the scroll
barâ€™s usually on the right, contact information is often found in the footer, and links
change visual state on hover. In similar fashion, the Chinese web has a few
design patterns that are fairly ubiquitous. Iâ€™m not saying these rules canâ€™t be
broken, but you should know what they are and why theyâ€™re there before you go too far off center. Letâ€™s take a look at a few:

Mobile Site Access or App Download at Top of Page

With
Chinaâ€™s high level of mobile-centric behavior, desktop experiences frequently
get treated like takeout: users drop in on the desktop experience and then transfer that experience to their phone for extended browsing. That transfer
usually happens via a link, often placed near the top of the page, which either pops open a QR code on hover, or sends the user to a landing page where they can scan a QR code to download an app or visit
the mobile version of the site. The proof is in the pudding:

Doubanâ€™s (an event listings portal) is one of the biggest Iâ€™ve seen on a home page; the green button links to an app landing screen, while hovering on the QR icon gives you a scannable pop-up code.

Yahoo-esque portal Sina places two links at the top left: one for their mobile site, the other for app downloads:

Taobao.com doesnâ€™t mess aroundâ€“it places a scannable link to its mobile site top right:

Ecommerce Home Pages: Product Categories at Left

Almost one-for-one, Chinaâ€™s largest ecommerce sites feature home pages that display product categories in a block to the left and above the fold, over or next to a central banner. Dangdang.com, for example:

Stickied Left or Right User Menus

Vertical user menus containing links to customer service or account-specific functions are common, and they also often include the ever-present QR code. This one (left side) from travel site Qunar links to user accounts, order history, and a contact/suggestions form:

And one (right side) from popular shopping site Tmall, includes a cart, â€śmy creditâ€ť, â€śbrands I followâ€ť, favorites, â€śthings Iâ€™ve looked atâ€ť, reports, QR code link, and a back-to-top page scroller:

This one, from online pharmacy 360kad, includes a link to the cart, favorites, recent views and recent purchases, a QR code pop-up icon and also a back-to-top button:

Back-to-Top Scroller

Speaking of back-to-top scrollers, youâ€™ll notice these buttons often appear not only in stickied user menus, but also in the bottom right-hand corner of longer pages, including this one from the home page of popular shopping portal Meilishuo:

Onboarding Styles

Onboarding, the process of smoothly easing users into the snuggly comfort of your product, is the gateway to adoption, so naturally itâ€™s become the subject of endless analytical frenzy. But China takes a very specific visual approach: in both web and mobile apps, there are typically two classic onboarding design patterns. One, done in walkthrough format, is typified by a dark semi-transparent overlay with callouts that point to relevant features, a style so ubiquitous that it feels almost standardized. The other is a 2-5 panel introductory slider, drawn in Flat UI-style animation, introducing the starter features.

As soon as you load the VIP Store app, youâ€™re rewarded with free store credit and a walkthrough:

And a couple of examples of animated introductory style:

Color
Palettes: Avoid Low Saturation

Iâ€™d heard quite a bit of anecdotal evidence suggesting that
the Chinese market tends to prefer their mobile games in vivid technicolor, so
much so that games designed primarily in heavier shades donâ€™t do as well in the
app rankings, prompting local experts to urge game developers to put some pop
in the color scheme when porting to China.

Wondering if the same logic applied to all apps, I made a quick
(and very imperfect) study of the color differentials on app icons in the top twenty apps (games and other) in
both the Google Play store and in 360 Zhushou, currently Chinaâ€™s leading app
marketplace.

Guess what? While the saturation levels were similar across the
two sets, the brightness levels in the Chinese icons were measurably higher. Again,
that study was conducted on a small sampling of data, but combined with
on-the-ground industry knowledge, itâ€™s interesting to note.

Style and Conflicting Cultural Themes

Behold:

Gives you the happies, right? Even if youâ€™ve never played, donâ€™t the graphics toss you a little blissful nostalgia? I spent an entire summer
sleeping all day and playing Monkey Island all night. The game came on seven
floppies, man. Seven. I can still remember the install screen, and it makes me
smile.

The thing is, Chinese users of a similar age donâ€™t have a mental
scrapbook of those same memories, because China never went through that
Zork-to-Gameboy thing; socio-economics hadnâ€™t reached one-desktop-per-household
level when that technology was released, and so that visual style is one
of many that tends to fall flat in the consumer consciousness.

The same is true of other cultural artefacts, and if youâ€™re
not deeply familiar with the target market, you may need to get help from a
local usability testing firm to see how well your concept, brand or imagery
translates. Themes like King Arthur and knights, the American Civil War, and pixelated
graphics a la 80â€™s DOS donâ€™t elicit any particular fond feelings.

Getting in
Touch: Point of Contact Methodologies

How do you expect your users to get in touch with you? Email and landline phone? Did you know that email is not a particularly favored contact
method in China? This quote is a bit old (2010), but the message still holds true:

â€śOne of the most distinctive online habits among Chinese
consumers is the tendency to prefer instant messaging (IM) over e-mail. For
instance, 87 percent of Chinese digital consumers use the Internet for IM,
compared with only 53 percent for e-mail.â€ť â€“ BCG report â€śChinaâ€™s Digital Generations 2.0

Local Chinese landline numbers are OK as a customer service
channel, but other common Chinese contact methods are IM (via QQ), live chat,
and more recently, WeChat, with companies relying heavily on their corporate
WeChat accounts to provide customer service via text messaging.

Yetang, an Urban-Outfitters-type store for trendy young Chinese, clearly paid a lot of attention to the structure of their live chat window: they feature the service hours front and center, and they show an alternate contact telephone number and email address just in case.

CTrip, a popular Expedia-type flights and hotel
booking service, uses text messaging via WeChat as one of its central touchpoints.
Send them a quick greeting from your mobile device, just as you would to any
other contact, and a representative will text you back when your message
reaches the top of the queue.

If youâ€™re not providing expected contact channels, you wonâ€™t
just lose potential customers and frustrate users, youâ€™ll also lose brand credibility
locally, as everyone wonders what kind of fly-by-night operation doesnâ€™t have a WeChat account.

Monetization & Payment

You know what else isnâ€™t commonly used in China? Visa, Mastercard and Paypal. China has its own Paypal equivalent in the form of Zhifubao (English name: Alipay), and the most common interbank payment processor is Unionpay. If your site or app accepts payment, youâ€™ll need to plug into the payment channels that your target market actually uses, or ainâ€™t no one gunna buy nuffink.

As a rule, freemium apps do much better in China than paid. In this recent (and very good) article from Vungle, the author lays down some serious China wisdom:

Think twice before releasing a paid app. â€śIn China, it can be just as difficult to release a paid app as it is in the US,â€ť …”There are some genres that users are willing to spend more on. Card battle, turn-based RPG, and MMORPG games account for more than 70% of total mobile gamesâ€™ earnings. But overall, a f2p approach is going to set you up for success.â€ť

Use the right billing partners to boost IAP [in-app purchases]. In a F2P game, IAP is going to be an important piece of monetization. To make sure people can easily pay for these items, a smooth payment process is essential for Chinese users â€“ if itâ€™s not, theyâ€™ll quickly abandon the game. Alipay and Union Pay are currently leading the pack, so working with these companies to integrate payment into your app will put you in good shape.â€ť

App Stores
and Distribution Channels

While itâ€™s usually China thatâ€™s characterized by megalithic
digital monopolies, the Chinese app store landscape is extremely fragmented,
with a couple of hundred feral download centers roaming around the market. In
other words, the launch of your Android app in China wonâ€™t have the all-in-one
benefits of a centralized Google Play launch (Googleâ€™s blocked, remember?)

You donâ€™t have to hit every app store on the list, but itâ€™s vital that you release your apps in the top few stores, and those releases will need to be managed.

Go Into the Light

So, how to proceed?

If youâ€™re a mobile app developer, companies like Yodo1 (games) or Smartions (games and other apps) can oversee the launch of your
product across Chinaâ€™s many app stores, manage updates and upgrades, plus they can plug in their own SDKs that connect your product to relevant Chinese social networks and payment platforms, replacing western social media and payment.

For interface designers, itâ€™s crucial that you place functionality where users expect it, and test not only for bugs and other basics, but for visual cultural communication issues.