Japanese Animation and Video Game Website Layouts

http://designm.ag/inspiration/45-japanese-animation-videogame-layouts/

by jakerocheleau • 13 years ago

34 31 13 years ago

designm.ag

fuzzywalrus• 13 years ago

Its like web design in reverse...

jakerocheleau7• 13 years ago

That's a very eloquent way of putting it :)

w1ntermute4• 13 years ago

Do you think these layouts are still used because they're better for the target audience, or because the Japanese are more averse to change?

newman3142• 13 years ago

There's also http://www.dannychoo.com/ aka that Storm Trooper dude...

angersock2• 13 years ago

Not going to lie...this is so much cooler than the boring pastels and usability-tuned shit we have.

It makes me wish that the frontpage of Amazon or Heroku had more <blink> tags.

EDIT: No, seriously, all the pretty happy colors and little cartoon bros and errything. It just seems so happy. ^_^

jakerocheleau7• 13 years ago

Hey that's Japan for ya!

mathrawka• 13 years ago

One key difference about web design in Japan versus the US is that Japanese consumers feel more secure with a lot of text on a page.

Here is a good example of how you need to have different designs based on your target audience:

http://www.chatwork.com/ja/

http://www.chatwork.com/en/

angersock2• 13 years ago

Opened the first one and was like "Wow, TLDR the template."

I wonder how dense the actual verbage is, in the original. For example, I know that localization to German from English can be a real pain; as an example, game developers will find UI elements for menus no longer can contain the long words that their old titles translate into.

For anyone that reads Japanese, is this page actually saying a lot, or is the language just taking that long to encode a word/concept?

btn2• 13 years ago

It's difficult to compare the two because they describe different aspects of the product. The English page has testimonials, pricing information, and some miscellaneous FAQ; the Japanese page has comparisons with email and Skype (the FAQ and pricing are on separate pages).

The Japanese page describes the product's features a bit more succinctly, as they forego the tabs (Group Chat/Mobile/Files/Tasks) for a flat layout with a single paragraph describing each.

scriby• 13 years ago

Japanese is generally more compressed than English. For instance, consider "dragon" vs "龍". The exception is when polite/formal language is being used, in which case it can get more lengthy. Instructions and descriptions would generally use more polite language, where navigational elements would be more pithy.

If I was to offer a theory on why the Japanese tolerate more text, I would say it's related to higher "skimability". It's easier to pick out symbols within a block of text and get a general feel for what's there vs. words in western alphabets. If this is the case, we would also expect Chinese websites to be similar, and I think that's the case.

Or, it could just be a design trend. For instance, usage of the color pink is much more prevalent in Japanese design.

csihar• 13 years ago

Written Japanese does to be a quite a bit more dense than written English, especially if it's heavy in kanji (Chinese symbols), where a single character represents a word or concept and can be several syllables in length when spoken. It's enough of a factor that, back in the 16 bit era when you only had a few MB of storage space to work with, there were several old JRPGs that either needed to have a lot of dialogue cut out in translation to still fit on the cartridge (e.g., Final Fantasy 6), or that were simply never translated at all because it would have been futile to try (e.g., Final Fantasy 5 and Seiken Densetsu 3, according to legend).

However, this page isn't really the best example of that because nearly half the text is actually English loanwords written in katakana (the Japanese syllabary), which is only slightly more dense per character than English, since each character usually represents a consonant and vowel together. So in this case I'd say the Japanese page carries a little more information, but not drastically so. The copy itself is also quite different, though.

snogglethorpe3• 13 years ago

As btn said, the Japanese page is "flatter", there's more information directly on the page, things are stated more explicitly, with fewer abbreviated forms and much less stuff hidden behind tabs or links.

In general, however, I think Japanese tends to be a fair bit more information-dense than English for a given amount of space/characters. It can vary greatly, depending, for instance, how polite you're trying to be, how many foreign words you use, etc, but the ideographic core is very, very, dense compared to English.

[A point driven home by trying to write text messages in Japanese versus English... my experience is that it's much harder to cram in what you want to say into the given limits (~160 bytes) in English, despite Japanese characters using multiple bytes each...]

eksith• 13 years ago

It may seem like they value a lot of text on page, but in fact, they just value content over presentation a lot more.

There's a good reason for this: A LOT of mobile users in Japan who prefer to interact via text, email and/or short form message board, uploading photos/vids as needed, than through their desktops/laptops (although plenty of those as well). Because it's so mobile heavy, you'll often find a lot of sites, usually personal ones, with barely enough HTML to render a usable page in Shift-JIS and that's good enough for them.

Tobani• 13 years ago

Just to clarify: Japanese consumers feel more secure with more text than they do with less text, or Japanese consumers feel more secure with a lot of text than American consumers?

furtivefelon• 13 years ago

It's all games, western games are also much more graphically intensive: http://www.battlefield.com/battlefield3 http://us.battle.net/sc2/en/ http://us.battle.net/wow/en/ http://www.callofduty.com/mw3

Not too sure why this surprises anyone...

btn2• 13 years ago

Indeed. Comparable sites (video games, video game companies, and TV shows) in English follow very similar design patterns.

That said, there are some major Japanese sites with absolutely mind-boggling design ("Rakuten" springs to mind...)

valgaze• 13 years ago

Interesting samples & discussion on (sometimes "busy" & hectic) Japanese web design: http://tech.slashdot.org/story/10/07/25/1712256/the-puzzle-o...

jakerocheleau7• 13 years ago

This is a really great comparison. I would love to write an article on this someday comparing the Eastern/Asian media websites along with Western/American media.

msc-o• 13 years ago

it's interesting how it's the complete opposite of what japanese design is known for...clean minimalism.

but I find that the marketing in Japan tends to reflect the emotions that are generally repressed in their daily lives. the beer ads for example are colorful and wild with joy...imho.

Japanese Animation and Video Game Website Layouts

Related Stories