Japanese Websites

Let’s start out by looking at some bigger Japanese websites. These are just a few examples that will give you an idea about the “Japanese aesthetic” when it comes to web design.

Rakuten

Rakuten is a lot like the Amazon of Japan (with a bit of Ebay thrown in). Japanese websites love text, and this is no exception. While there’s a few images here, the more you scroll down, the more text you end up seeing. You’d think that a shopping site would want to have more images to entice you, but the Japanese web aesthetic of textiness is strong with this one.

NicoNicoDouga

NicoNicoDouga is like the YouTube of Japan if YouTube wasn’t already the YouTube of Japan. It’s particularly known for the ability to add comments right onto the video screen. Once again, we see a ton of text. We’ll delve into why this is in a little bit, but it must be important if you cover your video website with text instead of video, right?

Gigazine

Gigazine is a popular tech blog in Japan. It’s full of strange color choices, missing padding, and advertisements. Though this site is fairly image heavy for a Japanese website, just keep in mind that it’s catered towards the more tech-savvy, which is obviously why this is such a beautiful website. Speaking of which, how many ads can you spot?

Japanese Website Aesthetic

So what is the “Japanese Website Aesthetic?” There are quite a few patterns that show up again and again in Japanese web design, I think.

• A lot of text, really packed in there
• Smallish sized images
• Columns, usually three of them.
• Poor use of white space / padding
• (often) blue URL coloring
• CHAOS

What does this sounds like… does it sound like American web design in the 90s / Yahoo’s current design to you? It certainly feels that way to me. How did this come to be? Why is Japan, the world’s leader in robotics, hybrid cars, and Gundam models, so far behind when it comes to the web? Where did they go wrong?

Mobile Phones

Mobile phones have ruled in Japan for quite a while, though personal computers are definitely catching up. Back when Americans were getting heavy laptops and Gateway computers, the Japanese were texting up a storm on their futuristic cell phones. Because of this alternate tech history, a lot of Japanese websites were designed for flip phones and eventually this became part of the aesthetic. To make a website work well on phones like this, you need to do a few things:

• Skinny columns (that just go on top of each other on a mobile device)
• Textiness… lots and lots of textiness.
• Smaller images (they load faster!)

If you look at the example websites above, you’ll see that they have all of these things. While a lot of bigger companies have the resources to create completely separate designs for mobile and computer, smaller companies can’t do this. What’s the solution? They just end up making a website that (sort of) works in both. That explains why so many websites kind of look like they’re supposed be viewed on your phone… because they should viewed on your phone!

Slow Personal Computer Adoption

Nowadays individual computer use is really picking up in Japan. Ten or fifteen years ago, not so much. As I mentioned before, it was cell phones that won this war of Internet dominance. Now though, more and more people are starting to use personal computers. Although the current aesthetic has been built up around mobile phone use, I expect to see a shift as more and more people hop on computers. I don’t think Japan will catch up right away (it’s kind of like how developing nations are supposed to go through their industrial revolution, or something), though I do hope it moves pretty fast. I do not enjoy navigating you, Japanese web. You hurt my eyes.

Internet Explorer 6

When it comes to Internet Explorer 6 usage, Japan actually rolls in at third for the entire world. Only China (23.8%) and Korea (6.3%) out-muscle Japan (6.1%) in this out-of-date-browser-war. When you have this many people using such a terrible browser, you have to design with it in mind. IE6 limits what you can do design-wise, which means you have to make a choice: Do I make my website look not as good as it could be? Or, do I ignore this 6.1% of people and design how I want?

This isn’t even when you take into account IE7, which is better, but still not all that great to work with. Until people upgrade to better and more modern browsers, better design will remain more difficult. Not impossible, but this certainly doesn’t make things any easier. How do you get around this? Flashhhhh.

Flash

Remember when America was all into Flash? I feel like Japan’s been going through that lately, which seems right on target because they’ve always been about 10 years behind in the game that is web design. If you design in Flash, you don’t have to worry so much about IE6. That being said, the most popular phone in Japan (iPhone) doesn’t work with Flash. Right now Japanese web design is a little too buddy-buddy with flash in my opinion. It makes for poor user experience, generally, which goes right along with all the other problems that Japanese web design has. Hopefully we’ll see them kick this “fad” to the side of the road here pretty soon, especially with touchscreen mobile getting so important.

It’s Not All Bad, Though

All that being said, there’s a lot of great web design coming from Japan as well. To round out this article, I thought I’d share some examples of beautiful web design. Click on the images to see the actual site in action.

Uniqlo

Ishiyama Senkoh

Toyota Municipal Museum Of Art

Hanamichiya

Swiss

Taromagazine

Takeo Paper Show

While a lot of these websites are a lot better looking (in my opinion) than the examples shown at the top of this article, though some of them are done in Flash (ick). I suppose if you’re looking to design with IE6 in mind, Flash is a good way to get around that?

Whatever happens, though, I’m really looking forward to the evolution of Japanese web design. With everything except web design, Japan has such an interesting aesthetic. If it could be applied to Japanese web design, well, I think we’ll end up seeing some really innovative stuff.

So, here’s to hoping they don’t actually follow in our footsteps. If they can avoid the phase where everything’s a ridiculous gradient… well… I’ll be happy. Wabi-sabi it up, please.

Your best friend and worst enemy.

We’ve all been guilty of using online translators at one time or another. Maybe you were just translating some Japanese you found online, or trying to figure out what that Jpop song just said. Or maybe you were using online translators to finish your Japanese homework. (Don’t worry, I won’t tell your sensei.)

And even though we’ve written about how you really shouldn’t use online translators and how they can go terribly wrong, I won’t judge you. I definitely have used Google Translate late at night for my homework for Japanese class. But have you ever wondered about how online translators actually work, and why you shouldn’t use them?

There are two main ways that computers translate one human language to another: one based on rules, and one based on something a little more complicated.

Rules, Rules, Rules

The first and older one is based on rules. A computer is programmed with the basic rules of a language and is given a dictionary. Then, when somebody puts in some text, the computer translates the text according to those rules and gives you a rough translation.

However, that’s proven to be a really crappy way to translate things because pretty much every single language in the world has tons of exceptions to its rules and a lot of the time, a translation will just end up with something that’s garbled and nonsensical.

Friends don’t let friends use Babel Fish.

A great example of this is Google’s early version of Google Translate. In the early days of Google Translate, Google founder Sergey Brin got an email written in Korean from a Google fanboy. But when Brin plugged in the email to Google Translate, he got the translation “The sliced raw fish shoes it wishes. Google green onion thing!” Not quite what the author had in mind.

Lies, Damned Lies, and Statistics

The other, more recent way that computers translate one human language to another is with huge databases of official, human translations. That means that these programs are given translations from places like the United Nations and the European Union and use those to make translations. This kind of translation is called statistical machine translation.

Statistical translation is what Google Translate currently uses, which is why it sometimes seems better, more natural than other translators. (I’m lookin’ at you, Babel Fish.) And statistical translation definitely works well with Google’s way of doing things: statistical translation requires lots of disk space (for the databases) and computing power, which Google has in spades.

Why Online Translators Suck

But there are big problems with both methods. There’s a lot of nuance in language that’s hard for a machine to catch, machines have problems with metaphors, and there are things like slang and different dialects that even a native speaker might have a hard time with. So while machine translations have come a long way since Sergey Brin heard about Google’s “green onion thing,” there’s still a long way to go before us humans are rendered obsolete. (Humans: 1, Computers: 70,136,459,345.)

And what lies ahead for translation tools? It’s hard to say at the moment. At this point, computer scientists are trying hard to make statistical translation better and better by adding more and more information to pull from. But like I pointed out above, this method has its limits.

It’s hard to think of a way that translation tools can stay ahead of the curve, so it looks like for the foreseeable future, human translation will reign supreme.

If you’re interested to read more, check out these two New York Times articles: “Google’s Computing Power Refines Translation Tool,” and “I, Translator.”

P.S. In point, in the continuation of Twitter.
P.P.S. As our for the sake of, the favorite, Facebook.

[Header Image]