Aggregated China Media News & Blogs



Chinese and English language website design

Aggregated Source: Virtual China
October 6, 2006|

Have you ever been forced by a client to copy an English language website?
Have you ever been blamed by a leader for producing something "unsophisticated"?
Have you ever felt unsure when the "English" website you copied keeps on looking wrong?

For those of us who are interested in how people from different cultural contexts "see" things online differently--a different aesthetic, process of interpretation, set of referents, and so on--here's my rough paraphrase and translation (in italics) of a fascinating article, "Brief Discussion of the Difference Between Chinese and English Website Design, by "Angela" on the idea-packed website Blueidea 蓝色理想, which focuses on web design.  Angela sets out her own theory of why you can't move web design for English language sites directly over to Chinese language sites.  I don't agree with everything she says, but her thoughts are provocative.

She begins by asking us to compare these two websites: Microsoft.com and Microsoft.com/China and asks, "Even though they use the same interface and configuration, don't you think the Chinese site looks just a bit more chaotic?" Then she takes us through a step by step comparison of the two. 

Starting with the menu: the Chinese menu looks more chaotic (though she doesn't explain what she means exactly) and is longer than the same English menu. She enlarges a section of the menus to illustrate what makes it more chaotic:

Webdesign

The Chinese characters are taller than their English letter counterparts, leaving less empty space (the red as compared to the black stripes).  It's a small point, she says, but a critical one as the spatial relationship between color and text is what gives a website its look and feel.

Next, the issue is the difference between Chinese and English individual characters and the effect this has on design. She reduces the size of the two websites and turns the character spaces black so you can compare them better.

Webdesign2

The English words, with their different numbers of letters forming a column, appear as a natural wave--a form that is closer to the "inner nature of language," she thinks. 

Rhythm and meter are one of the widely accepts rules of aesthetics...Chinese characters, however, are square shaped, with each character occupying the same amount of space on the screen. And at the same time we have a habit (perhaps it comes from Chinese proverbs?) of using 4 characters for most of the items on the menu.

She gives us several more examples of the "4 character" habit:

Webdesign_3

Webdesign_4

This "homogenous layout" can easily turn already highly normalized, square Chinese characters into an something like an iron bar.

Another example to illustrate what Angela contrasts as flowing, natural meter of language versus the stiff, precise, unrhythmic effect of Chinese characters is given by blacking out the word clusters on a pulldown menu in groups as they would be read--that is, "in words for English and in characters for Chinese."  [However, any Chinese characters are part of 2 or 3 character clusters that themselves are the real unit.] She characterizes the visual rhythm of the English word clusters as more varied, with long and short; while the Chinese characters are a monotonous "da! da! da! da!"

Webdesign5

The characteristics of occupying the same, fixed amount of space for each character are shared by Korean and Japanese, she writes, but are worst with Chinese. 

The last point: The "power return" at the end of each line of words or characters works differently with English words than with Chinese characters.  Where the word is the main design unit, words have different numbers of letters and therefore naturally create a random pattern of white space, as opposed to Chinese (or Korean) where the character is the main design unit and they march to the same edge each time (unless it's the end of a sentence). This, she explains, is why so many Chinese websites look "crowded."  Compare the two websites below, the same design but one in English and one in Korean, and the difference is clear.

Webdesign_6

A final summary:

1.  Chinese characters leave too little empty space when compared to English language letters in the same design layout.
2. Chinese characters lack a wavy, up and down 起伏 rhythm.
3.  The power return of Chinese characters is a serious limitation for design.

Result: If you're not careful, Chinese design can easily turn as a rigid as a bar of iron.

There are many ways to resolve the issues, Angela says, and suggests at the very least paying attention the the web designs of Japan and South Korea over the past few years. 



Original URL: Click here to visit original article
Copyright Virtual China
Print This Post Print This Post | Email To Friend

1 Stars2 Stars3 Stars4 Stars5 Stars6 Stars7 Stars8 Stars9 Stars10 Stars

79 Votes | Average: 4.75 out of 1079 Votes | Average: 4.75 out of 1079 Votes | Average: 4.75 out of 1079 Votes | Average: 4.75 out of 1079 Votes | Average: 4.75 out of 1079 Votes | Average: 4.75 out of 1079 Votes | Average: 4.75 out of 1079 Votes | Average: 4.75 out of 1079 Votes | Average: 4.75 out of 1079 Votes | Average: 4.75 out of 10 (79 votes, average: 4.75 out of 10)


No Comments Yet »

Your comment

The following HTML tags are permitted:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

RSS RSS Feed for Comments on this Post |