Tag Archives: trends

The History of Content Marketing [INFOGRAPHIC]

In recent years, the buzz around “content marketing” has grown. Content marketing-specific jobs are springing up everywhere. More than ever, businesses understand that without a detailed content strategy, they’re as good as dead.

Have a look at this steep slope from Google Trends:

content-marketing-google-trends

But content marketing isn’t new. Certainly not as new as this graph would suggest.

Businesses have been producing content to create hype and desire for their solutions for a very long time. What’s new is the technology and channels we use to distribute this content.

Content marketing has a rich history, and the folks over at Content Marketing Institute have put together this gem to tell the story (BTW, they even made a documentary too).

It all starts in 1732 with a man you may have heard of: Mr. Benny Franklin.

History of Content Marketing 2016

Embed this infographic on your site

Originally from: 

The History of Content Marketing [INFOGRAPHIC]

Thumbnail

On China’s Bleeding Edge: Web Design Trends 2015

There are many parallels between the volatility of the web industry and China’s breakneck rate of change: For one thing, it’s hard to keep a finger on the pulse of either. But add the two together and you get China’s tech scene, a virtual landscape in such constant flux that our only hope of keeping pace is to look as far into the future as we’re able, try to discern what’s coming, and brace for impact.

Make no mistake: The Chinese web is in some ways a different place than the web you’re used to — particularly in two or three crucial respects — and user expectations are not quite the same as they are in the West. In this article, I’ll examine the things all web professionals should know before swan-diving into the Chinese market, including how mobile-only social platforms have become the revolutionary new frontier of Chinese web design, and who’s designing beautiful websites in China today.

A New Paradigm

Looking to be pointed in the right direction, I stopped in to see Saber Zou1, who spends his days designing that frontier. Saber is head of creative at Logic Design2, the Beijing-based multi-disciplinary digital studio that concepted AnimalsAsia’s website Exploring Moonbear903, one of the most visually ambitious desktop websites in the country, and one of only a tiny handful of Chinese-made websites ever to receive Awwwards’ coveted recognition as Site of the Day4.

Saber Zou testing mobile websites at Logic Design headquarters5
Saber Zou testing mobile websites at Logic Design’s headquarters (View large version6)

“So, how do you feel China’s coming along in terms of supporting responsive design?”

Saber shrugs at me, like I asked the wrong question. “There aren’t a lot of responsive websites in China, as most clients prefer separate websites for different devices. In terms of responsive, we don’t really relate to the web in that way; we don’t think of the desktop website as a mothership, or even as a scaled-up version of a more streamlined mobile website. Actually, a significant number of Chinese companies are bypassing the desktop experience entirely.”

I don’t know why it took so long for all of the evidence staring me in the face to crack my Western perspective, but Saber’s words finally did it. Total paradigm shift: Here we are, patting ourselves on the back for coming around to a solid mobile-first approach, but in China, mobile is not viewed as some inevitable and expansive outgrowth of desktop browsing that has taken on a life of its own. They’re separate, they’ve always been separate, and today desktops are increasingly the tertiary, potentially optional platform.

Mobile First? Puh-leez. China Is Already Going Mobile Only

You hear it all the time, and you’ve been hearing it for years: China’s mobile usage numbers are out the roof. As far back as 2010, Nielsen reported7 that “mobile consumers in China have surpassed their American counterparts when it comes to using the devices to access the Internet.” And the market’s only getting bigger. A July 2014 article from The Next Web8 adds to the throng of media trumpeting that truth:

Chinese users accessing the internet via mobile grew to 83.4 percent as of June 2014, for the first time surpassing the percentage of users who access the internet via PCs (80.9 percent).

“But everyone in the Western world has a smartphone,” you think. You’ve got one, yeah? You probably don’t know anyone who doesn’t, so it’s hard to imagine an increased level of saturation or to imagine that the difference between China usage and non-China usage could be significant. There is, though, and I would argue that the difference is evident not in the number of mobile users, but rather in the level of mobile-centrism. A few statistics out there support this theory, but they don’t encapsulate the story the way that anecdotal evidence does, so let me offer some, based on my own experience:

  • In China, your mobile phone number is nearly as important as a social security number in the United States. If you lose access to your mobile number, you may also irrevocably lose access to e-commerce accounts, digital wallets, social network accounts (which are tied directly to the mobile number) and much more. Because of this, people take great care to go through the process of officially associating their number with their government-issued state ID to prevent identity theft and to ensure easy retrieval in case of SIM loss or damage.
  • Most websites in China use a mobile phone number instead of an email address as the primary identifier for logging in and as the primary password-recovery tool — particularly relevant since email doesn’t have nearly the saturation in China that it does in the West.
    Password-retrieval process on Taobao.com9
    Password-retrieval process on Taobao.com10, one of China’s largest and most popular websites: “Please input your mobile number / username / email address.” (View large version11)
  • For certain Chinese digital wallets that let users scan a QR code to instantly pay for anything from a city cab ride to a fancy dinner to a pay-per-view movie, payment is a single step. They don’t even require password input or verification for purchases under 300 Chinese yuan (CNY) or so (around $50 USD). That being the case, a stolen phone is just as bad as a stolen pocketbook.
  • World Bank data12 indicates that in 2011, China was rocking 69 motor vehicles (cars, trucks and buses) per 1000 people. Compare that with the US’ 768 per 1000 in the same year and you can imagine how many non-car-owning Chinese ride public transportation to work every day — which means long periods of staring at a mobile screen, trying to ignore the lady picking her earwax across from you.

With a culture so completely mobile-focused, it’s no wonder that many companies feel safe turning their back on the desktop, creating experiences that are solely intended to be used on a phone and that have no desktop-friendly equivalent. Those experiences have a name — “light apps” — and they’re quickly becoming one of the most popular ways to interact with consumers.

Light Apps

Websites are so 2010. In 2015, Chinese companies are building light apps, or qing ying yong (轻应用). Light apps are one-off, zero-download, hyper-targeted mini-sites that are typically built (and often animated) with HTML5. Oh sure, they do have a dedicated URL and they’ll load in a desktop browser if you absolutely insist, but they’ll probably look awful on a desktop screen. In some cases, they don’t even function at all after the page loads, given that some of them require swipes to navigate.

Light apps are designed for fruit-fly attention spans. They’re often single-page, single-message and intended to be single-use. In other words, users would open a light app once, flip through it, ideally pass it on to friends via mobile sharing, and then never look at it again.

Light Apps in the Wild

Live App13 is a Chinese company that specializes in light app development, and the broad scope of its portfolio is a testament to the light app’s many applications.

Below is a small sampling of Chinese light apps. There are two ways to load these on your phone: the Chinese way, which is to use your mobile device to scan the QR code that auto-loads the website, or the hackneyed non-Chinese way, which is to follow a link to the URL on your phone. If you try to access these in a desktop browser, they might load, but they are unlikely to work well or at all. I encourage you to try to load the direct URLs in any desktop browser to get a feel for how completely development of light apps ignores the desktop.

Brands might create a light app to share an annual financial report, like this one from Cheetah Mobile (scan the QR code14 or go directly to the URL15):

03-cheetah-mobile-app-opt-small16
Cheetah Mobile walks users through its corporate finances in this light app. (View large version17)

This one, from emergent mobile manufacturing powerhouse Xiaomi, is for recruitment (scan the QR code18 or go directly to URL19):

04-xiaomi-light-app-opt-small20
Xiaomi’s light app looks to drum up qualified staff. (View large version21)

Some light apps celebrate corporate milestones, like this one for Lenovo’s 30th anniversary (go directly to URL22):

05-lenovo-light-app-opt-small23
Lenovo celebrates “30 years of memories,” light app-style. (View large version24)

Some whip up excitement in advance of a movie premier, like this trivia game that tests users’ knowledge of the films of Chinese director Jiang Wen (go directly to URL25):

06-jiang-wen-light-app-opt-small26
“Are you a real Jiang Wen fan?” asks this trivia-related light app. (View large version27)

Yet others explain specific news stories, like this look into 2014’s dark year in aviation by Chinese news website NetEase (scan the QR code28 or go directly to the URL29):

07-netease-light-app-opt-small30
This light app from NetEase takes a painful look at 2014’s air disasters. (View large version31)

Want More Chinese Light Apps?

Bear in mind that because light apps are usually intended for short-term use, the links to these websites will go down in short order. Happily, more are always going up. See more examples of light apps on LiveApp’s portfolio page32 or on Brand Social’s frequently updated list33 (best loaded on a phone), or check out the mobile articles on Digitaling34, which often feature demos of light apps.

Call to Action Is “Share,” Not “Buy”

Getting to the end of a light app sequence, users are most often urged only to share — direct or obvious links to monetization are rare. But unlike most Western mobile sharing functions, which typically give users the choice to share on any one of their preferred social platforms, Chinese light apps only bother pressing users to share on a single network: one that’s frequented by over 83% of China’s mobile Internet community but one that is largely undiscussed in the West.

WeChat: Driving The Light App Revolution With Almost 500 Million Monthly Active Users

China has “527 million mobile internet users, according to CNNIC, and 438 million of them are on WeChat” (thanks, Tech in Asia35). That’s almost double the number of monthly active users on Twitter.

While you may be used to asking your non-Chinese contacts whether they prefer to be reached by email, Google+, Twitter, Facebook or SMS, historically speaking, social network fragmentation isn’t a Chinese conundrum, and “What’s the best way to reach you?” isn’t a Chinese question. That’s not to say the country has only one social network, but regardless of whatever other platforms are out there, there has typically always been a centralizing, nearly universal umbrella network that dominates the rest at any given time, scooping up the lion’s share of national users.

Back in the day, that network was Tencent’s QQ36. Then, it was Sina Weibo (China’s answer to Twitter).

08-qq-account-panel-opt-small37
QQ International’s management panel (View large version38)
09-sina-weibo-account-opt-small39
My Sina Weibo account (View large version40)

“But Weibo,” says Saber, “has already become a place where people go to read the news and passively consume information. It’s not really as social as it once was.”

In China today, the network du jour is Tencent’s WeChat, locally known by the Chinese name WeiXin (微信). Launched in 2011, WeChat is a mobile-app-only network that combines the features of text messaging (voice and key input), group chat, a Facebook-like feed and timeline (called “Moments”), hookups for lonely folks (WeChat’s “Nearby” feature lists all users by physical distance from your location) and a whole lot of emojis. Perhaps of most interest to web designers and developers, it also has a native browser and offers an API for developers.

10-wechat-1-moments-opt-small41
Friends on WeChat’s Moments having a very Beijing conversation about poor air quality. (View large version42)
11-wechat-2-discover-opt-small43
WeChat’s “Discover” features (View large version44)
12-wechat-3-wallet-opt-small45
WeChat’s Wallet (View large version46)

Du HaiHang47, also known by his English name Seah, is a digital creative designer and developer focusing on branded and advanced interactive experiences, and the lead designer at Activation Nodeplus48, a cutting-edge web design studio headquartered in Shanghai. Like Saber, Seah places great importance on creative experimentation, and he is the only Chinese designer ever to win two unique Awwwards recognitions. Widely lauded by local and international design pundits, Seah is the creative brain responsible for some of the most innovative work coming out of mainland China today.

13-du-fwa-interview-opt-small49
Du Haihang was recently interviewed50 for the FWA. (View large version51)

Three or four years ago, brands spent large budgets on Flash campaign minisites, but not today. Today, these budgets have been moved to WeChat on smartphones. The change started with the death of Flash and the start of the iPhone boom, and the web design trends in China naturally followed it. If your website here sucks on WeChat, it’s meaningless to the marketplace.

Light Apps and WeChat

WeChat is so popular that light apps are nearly always optimized specifically for WeChat’s native browser, and “Share to WeChat Moments” is by and large the only call to action in a light app’s interface.

“I read a ton of articles by non-Chinese mobile developers who have to test their work in multiple browsers,” says WeChat expert Thomas Graziani, founder of Beijing-based social marketing firm Walk the Chat52, to my knowledge the first shop specializing in tailor-developed WeChat solutions for foreign companies seeking to enter the Chinese market. “In China, we need only test our light apps in the WeChat browser, and if it works there, we’re good to go. That’s how universal the platform is.”

Though Tencent’s administration interface for WeChat is only available in Chinese, Thomas’ team has opened these golden gates to the non-Chinese-speaking market by building a multilingual WeChat account admin panel (currently available in English and Chinese, but easily translatable to other languages) that talks to WeChat’s API. Thomas explains:

Companies are happy to build experiences that operate exclusively in WeChat, because they get so much more data on their users than they do from standard mobile websites. When a user accesses your website via their WeChat browser, you see their WeChat ID, and if they follow you on WeChat, you get to see seven points of data about them: WeChat ID, nickname, profile picture, location (city), primary WeChat language, gender and date when they started following the account. This enables companies to tightly target their marketing right out of the gate, especially in terms of the gender and geographic variables. On top of that, “WeChat Sign-Up” enables HTML5 game developers to customize the experience for users, with their nickname and profile picture.

QR Codes Everywhere

QR codes: fun for 10 minutes, and then they start killing kittens53? Elsewhere, maybe, but QR codes are the Robert Downey Jr. of China digital: They were on shaky ground there for a little while, but now they’re off the coke, back with a vengeance and doing quite well for themselves. They’re ubiquitous in print, but including QR codes in desktop web layouts and TV ads is also common, allowing users to scan directly off the screen into their mobile devices, like this light app holiday card54 designed by Seah for Activation Nodeplus:

14-holiday-scan-card-opt-small55
Scan the QR code with your mobile device to explore the light app Christmas card. (View large version56)

Scanning a desktop screen might sound bizarre, but it’s a common user behavior in China. Again, because WeChat is everywhere, your basic QR code most typically links directly to a corporate WeChat account that users can follow, or to a light app that loads in WeChat’s native browser. QR codes provide an entry point to WeChat experiences that can be distributed via non-mobile media, such as print ads, business cards and website footers.

It’s hard to overemphasize the importance of WeChat in supporting the rise of the QR code in China. WeChat comes with a built-in QR scanner, and codes scanned with this scanner can interact with WeChat in a variety of ways — linking to light apps, user accounts, URLs that load directly in the WeChat browser, payment systems that enable users to instantly transfer money to each other via WeChat Wallet, and endless other applications. Many advertisements don’t bother spelling out the company’s URL — they simply display a QR code, and users scan it to access the company’s landing page.

Need Some Eye Candy?

15-taobao-qr-code-examples-2-opt-small57
The QR code in Taobao.com’s header is capped with the title “Have a stroll around Taobao mobile.” (View large version58)
16-taibai-qr-code-examples-opt-small59
A QR code in the footer of tbclub.net60, the website for a Chinese design collective, links directly to its WeChat account. (View large version61)
17-zhifubao-qr-opt-small62
The desktop home page of Zhifubao63 (English name, Alipay), China’s answer to PayPal, has a total of five QR codes: one “Log in via QR code” feature near the log-in box, and one QR code in each of the four rotating banners. Yowza! (View large version64)
18-pingan-qr-code-examples-opt-small65
The footer of one of China’s largest insurance companies, Pingan66, has two QR codes: one for the mobile website and one for its Weibo account. (View large version67)
19-cnooc-qr-code-examples-opt-small68
The footer of CNOOC Oil69 has a WeChat QR code. (View large version70)

We could do this all day.

Bringing It All Together: A QR-Code-to-WeChat Light-App Dining Experience

At popular table-BBQ restaurant chain Henjiuyiqian71 (很久以前), which draws hungry crowds with its mix of Darwinian caveman decor, techno jams and track-suited wait staff, first-time diners are asked to scan the QR code on the menu and follow the restaurant’s WeChat account before placing an order. The server then asks to see the digital membership card that Henjiuyiqian’s light app issues to each of its WeChat followers. The card entitles diners to immediate discounts on their meal, and as soon as they pay their bill, they receive a WeChat message detailing their receipt. If there’s a long wait to snag a seat, similar apps are used to manage the waiting list: Customers scan a QR code on arrival and then are free to wander off. The light app sends a WeChat notification when a table is free. Thomas explains:

While service WeChat account holders are usually limited in the number of times they can push messages to their followers each month, if a follower has reached out and interacted with a service account in the past 48 hours, the service account may directly contact that user to send “customer service messages.” And since WeChat released their own digital wallet, customers can pay for services instantly via their accounts as well.

20-hjyq-light-app-1-opt-small72
Henjiuyiqian messages me a copy of my bill as I leave. (View large version73)
21-hjyq-light-app-2-opt-small74
My Henjiuyiqian WeChat membership card (View large version75)

All this isn’t to say that desktop has completely gone the way of the dinosaur, but I believe that if desktop websites in China are going to have real value, they will need to make that big screen work for its paycheck through exceptional usefulness or particular beauty.

Chinese Web Typography Is Still Bleeding-Edge

The beautification of the Chinese web has been mildly hindered by difficulties in transcending the four standard Chinese web fonts and implementing snazzier fonts à la @font-face. The dependence on such a limited range of options is a dreadful shame, since the hills are alive with sexy Chinese fonts begging to display blog post titles. You can read my blah-blahs on this76 if you’re interested in the long version, but the basic nature of the problem is that Chinese fonts are huge, comprising thousands of characters (think 20,000 glyphs or so), and 3 to 7 MB font files are usually too clunky to embed because they significantly slow down page-loading times. So, until recently, it looked like dynamic logographic77 interfaces would be left dejectedly kicking cans around the backyard as Germanic language-based designs frolicked around in the sprinklers.

Then, along came Youziku1118078, a Taiwan-hosted, Typekit-style dynamic font solution for the Chinese language. Youziku grabs strings of text sent either to its server or to a locally hosted script, renders them and returns the resulting live text.

22-youziku-opt-small79
Youziku1118078 Chinese font library (View large version81)

I’ve had the pleasure of participating in some experimental trials of the Youziku system. It works pretty well, and selecting non-standard Chinese text with the mouse is like running your hand down the body of a brand new Corvette. The tech is still pretty new, though, and I’ve run into three snags:

  1. Thin Chinese fonts don’t render very well and can look painfully ragged in Chrome. If they’re super-duper thin, strokes may even partially disappear. It’s not a big issue with bolder fonts and not (in my experience anyway) an issue in Firefox, but that kink needs some finessing.
    23-thin-fonts-opt-small82
    What happens when Chinese fonts via Youziku are too small and too thin in Chrome? (View large version83)
  2. There’s often a little lag between a page loading and a font loading. So, you might see a visual stutter as the page loads the content and then applies the rendered text.
  3. Youziku’s website is currently only in Chinese, as are the installation instructions. If that’s an issue for you, another rival font library, Justfont84, displays its library and sign-up instructions in English, but its font selection is significantly smaller.

“We’re still using PNG for our special fonts — it’s safest,” says Saber. “We’re excited about the possibility of implementing web fonts, but for now, implementations like Youziku are extremely experimental.”

Seah agrees. “As everyone knows, Chinese typefaces are comprised of a huge number of characters, so they’re difficult to embed on the web. In our office, we use images or SVG for static-text characters, but we still mostly use standard web fonts for dynamic text.”

Some Of The Prettiest Desktop Websites

ACNPLWGL

Created by Seah for Activation Nodeplus as an online playground for mucking about with emerging real-time graphics technologies, the ACNPLWGL website85 took home a much-deserved Awwward win, Seah’s second.

The company was started in early 2012 as Nodeplus by Welson Tu, a Taiwan-based digital marketing pioneer… After two years’ rapid growth, it was acquired as the digital division of Activation Group in May 2014.

I was mainly doing interactive design and Flash development three years ago, and I wanted to start doing some advanced experimentation with real-time graphics, HTML5 canvas and WebGL, something truly world-class and far beyond where China’s interactive design was at that time. Welson was interested in supporting this idea, and his agency provided me a totally free space to pursue it. So, I quit my former job at a creative agency, then partnered with his agency in early 2013, managing to turn my focus from Flash ActionScript to new web technologies. That’s our how our collaboration began and continues: I design, develop or experiment with whatever I’m interested in, on behalf of our agency. At the same time, I support the agency’s projects as well.

24-acnplwgl-desktop-opt-small86
ACNPLWGL by Seah (Du Haihang) for Activation Nodeplus (View large version87)

Sixpence

When Seah was ready to ask his lovely (now) wife to marry him, he developed a custom proposal iPhone app that could only be opened by one person: her. And when her fashion design business was ready to open its doors, Seah poured his whole heart into designing and developing an award-winning website for her. (Beat that, guys!)

This is the website for my wife’s store. The two founders of Sixpence wanted to create a label with attitude. They make hand-sewn limited-edition apparel by reservation only, so the branding of the microsite is meant to convey this indie attitude and offer their audience a unique, modern and seamless browsing experience. There wasn’t a particular commercial goal with the build.

Sometimes I feel it’s difficult to do cutting-edge work in China because many users are still using old technology, and when you use very new technology, you must make a decision either to lose some users or to spend a lot of time creating fallbacks for older browsers. Many clients are unwilling to support experimental work like that.

25-sixpence-desktop-opt-small88
The Sixpence store (View large version89)

Exploring Moonbear

This is a beautiful website with a beautiful purpose. Well, two purposes, actually: Exploring Moonbear903 was created for AnimalsAsia91 to raise awareness of the cruelty of moonbear bile farming (bear bile is used in traditional Chinese medicine), but it was also crafted as a Microsoft GCE (Game-Changer Experience), a website intended to exhibit IE 11’s range of capabilities. Saber talks a bit about the process:

IE actually brought another company into project for the coding part, given the tight timeline. That company is named Vision Soar. We came up with the idea, overall architecture, content, design and prototype, and they coded it.

The visual inspiration for this was a tour we took of the AAF Rescue Centre in Chengdu. We took a lot of pictures there. Because one of our goals is to have 3D elements on the website, we did a lot of visual research, and at the time, low-poly style was quite popular, so we also borrowed some of those visual cues. Before doing any actual design, we usually create a mood board, where we collect all sorts of visual inspiration and decide on a direction for the design. We collect screenshots, we explore on the Internet or go out to take pictures.

Creating the 3D bear was the biggest technical challenge we faced. We needed to create a bear that could animate and respond to touch. In addition, it needed to perform well in all major browsers that support WebGL. We ended up using ThreeJS and Unity. In terms of process flow, communication between the various stakeholders was the biggest challenge we faced.

26-moonbear-desktop-opt-small92
Exploring Moonbear (View large version93)

Words Can Be Weapons

Created by Ogilvy Asia94 for the Center for Psychological Research in Shenyang, Words Can Be Weapons was intended to increase viewer understanding of the negative psychological impact of hurtful language on children, drawing a link between abusive words and the rise in juvenile crime. The website design shows rude phrases in Chinese turning into guns, knives and other instruments of violence. More information is available on Huffington Post95.

Words Can Be Weapons96
Words Can Be Weapons (View large version97)

30ml

This FWA-winning stop-motion website for Chinese creative agency 30ml98 (creatively helmed by Shanghai-based designer Yong Yu) is rendered in clay.

30ml agency website99
Website for the agency 30ml (View large version100)

Adidas Originals

Another win by 30ml, the Adidas Originals101 website is evidence that a ton of the great design work happening in China today is being done by agencies for international brands.

Adidas Originals China102
Adidas Originals China (View large version103)

Dashilar

G_Lab104 created this website for the Dashilar105 area revitalization project in Beijing, a collaborative effort between government, designers, architects, investors and residents to breathe new life into a once-languishing historic district.

Dashilar.org106
Dashilar (View large version107)

Wrapping Up

I do a bit of UI consulting for foreign firms that are thinking of entering the Chinese market, and I find myself saying one thing quite a bit: Localizing for China means more than translating your desktop website into Mandarin and calling it a day. It might sound harsh but here’s my advice: Do China right or don’t bother. If you half-arse it, it will be obvious, and you will lose money and credibility. Know who you’re talking to and how they use the web, and open communication via the channels they expect (WeChat, light apps, QR codes), and you’ll be that much closer to a meaningful connection with your users.

So, Kiddos, What Did We Learn?

  • Light apps are China’s new web design frontier.
  • If your website doesn’t work in WeChat’s native browser, it will be irrelevant to the Chinese marketplace.
  • QR codes are relevant and widely used in China.
  • Chinese web font technology is just getting warmed up.

More Resources

(ah, il, ml, al)

Footnotes

  1. 1 https://twitter.com/saberzou
  2. 2 http://logicdesign.cn/
  3. 3 http://case.inimc.com/moonbear
  4. 4 http://www.awwwards.com/web-design-awards/exploring-moon-bear
  5. 5 http://www.smashingmagazine.com/wp-content/uploads/2015/02/01-saber-zou-opt.jpg
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/2015/02/01-saber-zou-opt.jpg
  7. 7 http://www.nielsen.com/us/en/insights/news/2010/mobile-internet-more-popular-in-china-than-in-u-s.html
  8. 8 http://thenextweb.com/asia/2014/07/21/in-china-more-people-now-access-the-internet-from-a-mobile-device-than-a-pc/
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2015/02/02-taobao-forgot-password-opt.png
  10. 10 http://www.taobao.com
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2015/02/02-taobao-forgot-password-opt.png
  12. 12 http://data.worldbank.org/indicator/IS.VEH.NVEH.P3
  13. 13 http://www.liveapp.cn/
  14. 14 http://www.liveapp.cn/store/app?custom=1&id=6391420695474
  15. 15 http://www.liveapp.cn/HTML/dev-liebao-finance/index.html
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2015/02/03-cheetah-mobile-app-opt.jpg
  17. 17 http://www.smashingmagazine.com/wp-content/uploads/2015/02/03-cheetah-mobile-app-opt.jpg
  18. 18 http://www.liveapp.cn/store/app?custom=1&id=6271420695474
  19. 19 http://www.liveapp.cn/HTML/dev_mi/index.html
  20. 20 http://www.smashingmagazine.com/wp-content/uploads/2015/02/04-xiaomi-light-app-opt.png
  21. 21 http://www.smashingmagazine.com/wp-content/uploads/2015/02/04-xiaomi-light-app-opt.png
  22. 22 http://lenovoevents.ovpp.cn/events
  23. 23 http://www.smashingmagazine.com/wp-content/uploads/2015/02/05-lenovo-light-app-opt.png
  24. 24 http://www.smashingmagazine.com/wp-content/uploads/2015/02/05-lenovo-light-app-opt.png
  25. 25 http://evt.dianping.com/market/20141216/
  26. 26 http://www.smashingmagazine.com/wp-content/uploads/2015/02/06-jiang-wen-light-app-opt.jpg
  27. 27 http://www.smashingmagazine.com/wp-content/uploads/2015/02/06-jiang-wen-light-app-opt.jpg
  28. 28 http://www.liveapp.cn/store/app?id=4811421304204
  29. 29 http://www.liveapp.cn/HTML/dev_ntes/index.html
  30. 30 http://www.smashingmagazine.com/wp-content/uploads/2015/02/07-netease-light-app-opt.jpg
  31. 31 http://www.smashingmagazine.com/wp-content/uploads/2015/02/07-netease-light-app-opt.jpg
  32. 32 http://www.liveapp.cn/store?custom=1
  33. 33 http://brand-social.com/lightapp/mobilefun/?from=timeline&isappinstalled=0
  34. 34 http://www.digitaling.com/articles/mobile
  35. 35 https://www.techinasia.com/wechat-438-million-active-users-q2-2014/
  36. 36 http://www.imqq.com/
  37. 37 http://www.smashingmagazine.com/wp-content/uploads/2015/02/08-qq-account-panel-opt.png
  38. 38 http://www.smashingmagazine.com/wp-content/uploads/2015/02/08-qq-account-panel-opt.png
  39. 39 http://www.smashingmagazine.com/wp-content/uploads/2015/02/09-sina-weibo-account-opt.jpg
  40. 40 http://www.smashingmagazine.com/wp-content/uploads/2015/02/09-sina-weibo-account-opt.jpg
  41. 41 http://www.smashingmagazine.com/wp-content/uploads/2015/02/10-wechat-1-moments-opt.jpg
  42. 42 http://www.smashingmagazine.com/wp-content/uploads/2015/02/10-wechat-1-moments-opt.jpg
  43. 43 http://www.smashingmagazine.com/wp-content/uploads/2015/02/11-wechat-2-discover-opt.png
  44. 44 http://www.smashingmagazine.com/wp-content/uploads/2015/02/11-wechat-2-discover-opt.png
  45. 45 http://www.smashingmagazine.com/wp-content/uploads/2015/02/12-wechat-3-wallet-opt.png
  46. 46 http://www.smashingmagazine.com/wp-content/uploads/2015/02/12-wechat-3-wallet-opt.png
  47. 47 http://www.duhaihang.com/
  48. 48 http://www.nodeplus.cn/
  49. 49 http://www.smashingmagazine.com/wp-content/uploads/2015/02/13-du-fwa-interview-opt.jpg
  50. 50 http://www.thefwa.com/interview/du-haihang
  51. 51 http://www.smashingmagazine.com/wp-content/uploads/2015/02/13-du-fwa-interview-opt.jpg
  52. 52 http://walkthechat.com/
  53. 53 http://www.forbes.com/sites/rogerdooley/2013/10/21/qr-codes-kittens-stratten/
  54. 54 http://dev.nodeplus.cn/seah/greetings/
  55. 55 http://www.smashingmagazine.com/wp-content/uploads/2015/02/14-holiday-scan-card-opt.png
  56. 56 http://www.smashingmagazine.com/wp-content/uploads/2015/02/14-holiday-scan-card-opt.png
  57. 57 http://www.smashingmagazine.com/wp-content/uploads/2015/02/15-taobao-qr-code-examples-2-opt.png
  58. 58 http://www.smashingmagazine.com/wp-content/uploads/2015/02/15-taobao-qr-code-examples-2-opt.png
  59. 59 http://www.smashingmagazine.com/wp-content/uploads/2015/02/16-taibai-qr-code-examples-opt.jpg
  60. 60 http://www.tbclub.net
  61. 61 http://www.smashingmagazine.com/wp-content/uploads/2015/02/16-taibai-qr-code-examples-opt.jpg
  62. 62 http://www.smashingmagazine.com/wp-content/uploads/2015/02/17-zhifubao-qr-opt.png
  63. 63 http://www.zhifubao.com
  64. 64 http://www.smashingmagazine.com/wp-content/uploads/2015/02/17-zhifubao-qr-opt.png
  65. 65 http://www.smashingmagazine.com/wp-content/uploads/2015/02/18-pingan-qr-code-examples-opt.png
  66. 66 http://www.pingan.com/
  67. 67 http://www.smashingmagazine.com/wp-content/uploads/2015/02/18-pingan-qr-code-examples-opt.png
  68. 68 http://www.smashingmagazine.com/wp-content/uploads/2015/02/19-cnooc-qr-code-examples-opt.png
  69. 69 http://www.cnooc.com.cn/
  70. 70 http://www.smashingmagazine.com/wp-content/uploads/2015/02/19-cnooc-qr-code-examples-opt.png
  71. 71 http://www.dianping.com/shop/6209476
  72. 72 http://www.smashingmagazine.com/wp-content/uploads/2015/02/20-hjyq-light-app-1-opt.png
  73. 73 http://www.smashingmagazine.com/wp-content/uploads/2015/02/20-hjyq-light-app-1-opt.png
  74. 74 http://www.smashingmagazine.com/wp-content/uploads/2015/02/21-hjyq-light-app-2-opt.jpg
  75. 75 http://www.smashingmagazine.com/wp-content/uploads/2015/02/21-hjyq-light-app-2-opt.jpg
  76. 76 http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/
  77. 77 http://en.wikipedia.org/wiki/Logogram
  78. 78 http://www.youziku.com
  79. 79 http://www.smashingmagazine.com/wp-content/uploads/2015/02/22-youziku-opt.jpg
  80. 80 http://www.youziku.com
  81. 81 http://www.smashingmagazine.com/wp-content/uploads/2015/02/22-youziku-opt.jpg
  82. 82 http://www.smashingmagazine.com/wp-content/uploads/2015/02/23-thin-fonts-opt.png
  83. 83 http://www.smashingmagazine.com/wp-content/uploads/2015/02/23-thin-fonts-opt.png
  84. 84 http://en.justfont.com/
  85. 85 http://www.acnplwgl.com/
  86. 86 http://www.smashingmagazine.com/wp-content/uploads/2015/02/24-acnplwgl-desktop-opt.png
  87. 87 http://www.smashingmagazine.com/wp-content/uploads/2015/02/24-acnplwgl-desktop-opt.png
  88. 88 http://www.smashingmagazine.com/wp-content/uploads/2015/02/25-sixpence-desktop-opt.jpg
  89. 89 http://www.smashingmagazine.com/wp-content/uploads/2015/02/25-sixpence-desktop-opt.jpg
  90. 90 http://case.inimc.com/moonbear
  91. 91 https://www.animalsasia.org/us/
  92. 92 http://www.smashingmagazine.com/wp-content/uploads/2015/02/26-moonbear-desktop-opt.jpg
  93. 93 http://www.smashingmagazine.com/wp-content/uploads/2015/02/26-moonbear-desktop-opt.jpg
  94. 94 http://www.ogilvyasia.com/
  95. 95 http://www.huffingtonpost.com/2014/09/19/words-can-be-weapons-china-ogilvy_n_5844008.html
  96. 96 http://www.smashingmagazine.com/wp-content/uploads/2015/02/27-wcbw-desktop-opt.jpg
  97. 97 http://www.smashingmagazine.com/wp-content/uploads/2015/02/27-wcbw-desktop-opt.jpg
  98. 98 http://www.30ml.com
  99. 99 http://www.smashingmagazine.com/wp-content/uploads/2015/02/28-30ml-desktop-opt.jpg
  100. 100 http://www.smashingmagazine.com/wp-content/uploads/2015/02/28-30ml-desktop-opt.jpg
  101. 101 http://adidas.30ml.com/
  102. 102 http://www.smashingmagazine.com/wp-content/uploads/2015/02/29-ao-desktop-opt.jpg
  103. 103 http://www.smashingmagazine.com/wp-content/uploads/2015/02/29-ao-desktop-opt.jpg
  104. 104 http://stoyard.com/
  105. 105 http://dashilar.org/
  106. 106 http://www.smashingmagazine.com/wp-content/uploads/2015/02/30-dashilar-desktop-opt.png
  107. 107 http://www.smashingmagazine.com/wp-content/uploads/2015/02/30-dashilar-desktop-opt.png
  108. 108 http://www.wechat.com/en/download.html
  109. 109 http://www.liveapp.cn/store?custom=1
  110. 110 http://brand-social.com/lightapp/mobilefun/?from=timeline&isappinstalled=0
  111. 111 http://www.youziku.com

The post On China’s Bleeding Edge: Web Design Trends 2015 appeared first on Smashing Magazine.

This article is from: 

On China’s Bleeding Edge: Web Design Trends 2015

Thumbnail

14 Ways to Have Digital Marketing Success in 2014

2013 was a great year for conversion optimization. We saw digital marketers making it their #1 priority, tied with Content Marketing. Conversion Optimization moved up from 34 to 39% of marketers making it their top priority.
Top Priorities for Digital Marketers

Demand for knowledge about “conversion optimization” continues to grow since it emerged in 2007, as shown in Google Trends:

At the same time as “search engine optimization” is declining in popularity:

We’ve seen the industry evolve considerably. In the “early days” of WiderFunnel we spent much of our time educating companies about why conversion optimization was important. A lot of people understand that now.

Today, we get a lot of marketers calling WiderFunnel who are advocating for conversion testing within their companies and need help to get better results.

So, where will we see companies getting the best results in 2014?

Here’s what the most successful digital marketers will have in common in 2014

  1. They understandContent without conversion is just free publishing.”

    Tweet this:

    2014 Digital Marketing Tip #1: Content without conversion is just free publishing

  2. Mobile is a big player in their plans, and mobile is different in 2014. Screens are bigger and more varied even than today. Successful marketers realize that mobile visitors are the same people as desktop visitors. They’re just standing in a different spot with different needs at the moment. Here’s a primer on mobile conversion optimization. Multi-device CRO is happening now, (yes WiderFunnel does that!) yet true multi-device marketing won’t be widespread until 2015.

    Tweet this:

    2014 Digital Marketing Tip #2: Optimize for mobile, but mobile is different in 2014

  3. They skip “big data” in favour of “smart data.” There’s always been lots of data, but size is less important than how you use it. In fact, there’s good evidence that “big data” is one of the lamest buzzwords of 2013. Don’t misunderstand me—the potential is real and we’re all about using data, but the hype will fizzle.

    Tweet this:

    2014 Digital Marketing Tip #3: Skip the big data buzz in favour of smart data

  4. Yes, testing is a tactic and it’s really just a mechanism that supports better decision-making for marketers. Testing alone is just a feature. To that end, they value all well-planned tests as winners (even the losing ones because they learn from them).

    Tweet this:

    2014 Digital Marketing Tip #4: Testing is just a tactic that supports better decision-making for marketers.

  5. They abandon their website redesign plans. Instead, they use Evolutionary Site Redesign (ESR).

    Tweet this:

    2014 Digital Marketing Tip #5: Abandon your website redesign plans. Instead, use ESR.

  6. They look at optimizing every layer of their websites: usability, branding and content. Looking at the experience holistically allows for more potential impact.

    Tweet this:

    2014 Digital Marketing Tip #6: Optimize every layer of your website: usability, branding and content

  7. They move beyond technophilia. Conversion optimization is not a technological challenge – it’s a set of people questions. Tools don’t solve problems. Smart people do.

    Tweet this:

    2014 Digital Marketing Tip #7: Move beyond technophilia. Tools don’t solve problems. Smart people do.

  8. They align their website goals up to their marketing and business goals using the goals waterfall.

    Tweet this:

    2014 Digital Marketing Tip #8: Move beyond technophilia. Tools don’t solve problems. Smart people do.

  9. They don’t chase after tips and tricks. Instead, they formulate powerful questions to ask their prospects, which are unique to their business.

    Tweet this:

    2014 Digital Marketing Tip #9: Don’t chase after tips & tricks. Instead, formulate powerful questions.

  10. Landing page optimization is just one subset of their marketing optimization strategy. They optimize all customer touchpoints throughout their marketing funnel with deep insights into customer segment idiosyncrasies.

    Tweet this:

    2014 Digital Marketing Tip #10: Optimize all customer touchpoints throughout your marketing funnel

  11. They are a strong marketing optimization champion.

    Tweet this:

    2014 Digital Marketing Tip #11: Be a strong marketing optimization champion this year
    Your organization needs a marketing optimization champion. Your company needs you to step up and be an influence for marketing testing. Fortunately, being your organization’s champion is very rewarding. Marketing testing is one of the most easily provable strategies, and the rationale for it is unassailable. When you stand as an advocate of the data-driven approach, you’ll reap the rewards in your career. Data advocates inevitably rise to positions of influence.

  12. They tie results to revenue.

    Tweet this:

    2014 Digital Marketing Tip #12: Tie your marketing optimization results to revenue lift
    When you present results, don’t just show the improvement in conversion rate or KPIs. Tie the result to revenue to give real cash impact. Percentages are intangible, but everyone relates to cash. What would you rather get: a X% conversion rate lift, or $Y,000,000 greater profit?

  13. They foster momentum and knowledge sharing throughout the organization.

    Tweet this:

    2014 Digital Marketing Tip #13: Foster momentum and knowledge sharing throughout your organization
    Many of WiderFunnel’s clients have used our results analysis presentations to create an internal event in the organization. The champion invites members from throughout the company to see the results of tests, guess the winners, and discuss what was learned. Their entire marketing team is on a continuous learning curriculum (starting by reading You Should Test That!)

  14. They hire the best marketing optimization experts available (like WiderFunnel!)

    Tweet this:

    2014 Digital Marketing Tip #14: You should hire the best marketing optimization experts available — WiderFunnel

What would you add?

What are your tips for digital marketers in 2014?

Add your thoughts below.

The post 14 Ways to Have Digital Marketing Success in 2014 appeared first on WiderFunnel Marketing Conversion Optimization.

Link:  

14 Ways to Have Digital Marketing Success in 2014

Smashing Special: WordPress Theme Trends For 2012

This special is the first in our series of Smashing Specials — extended articles and studies dedicated to a specific topic. The special features current WordPress theme trends for 2012, covering past trends, new developments in theme design and trends in the theme development.
2011 was a great year for WordPress, with some excellent new updates that saw the introduction of a drag-and-drop uploader, distraction-free writing, the HTML5 Twenty Eleven theme, and movement towards a fully responsive dashboard.

Jump to original: 

Smashing Special: WordPress Theme Trends For 2012

Logotrend 2007: Leaves

In 2007 logo-design leaves stand for fresh ideas or – more generally – for an innovative way of thinking. In Web they are mostly used to communicate light-weight solutions as well as clean and unobtrusive designs. In fact, leaves, plants or ornaments which appear to be related to the nature can be found almost everywhere; it’s a trend that will probably be reversed soon, due to an extreme overuse of the theme in modern designs.

See the original post:

Logotrend 2007: Leaves