Web Design across Cultures – 9 Advices

Guest Author April 18, 2010 16

There’s now over a billion people online around the world, and 78% of that one billion do not speak English as a first language (Internetworldstats.com), so if you’re launching a website that’s just going to be in English, it’s worth taking into account that you’re only going to be reaching out to 22% of your potential audience.

This is especially relevant if your website is in the business of selling, because research has shown that 85% of consumers won’t buy a product from a website if they can’t access information in their own language (Common Sense Advisory, 2006). So if you’re planning to branch out with localised multilingual sites, it’s worth taking a few factors into account before you get started.

Every cultural group has its own particular cultural quirks, its own particular consumer behaviour and its own aesthetic sensibility, and this has been proven to relay into website design and e-commerce. Psychology professors Denise Park of the University of Illinois and Michael W. Chee of the SingHealth Cognitive Neuroscience Laboratory in Singapore conducted research in 2007 on the ways in which Asian and American subjects processed information. Using cognitive tests and Magnetic Resonance Imaging they proved that the Asian subjects tended to pay more attention to the context, or background, of images, while the American subjects paid more attention the central or dominant feature of the image.

How does this apply to website design, you may ask? Well, it means if you’re designing a website for an American audience, you’ll want to get straight to the point, but if you’re designing a site for the Chinese market, you might want to focus more on your imagery, background and the overall message your site is sending out.

When you’re looking at building a basic site which can then be translated into a series of localised domains for different markets, it’s a good idea to consider all of your different markets and what they’ll each require before starting out. Here are a few tips that might save you a lot of time and hassle down the road.

Top Level Domains

image

First things first, get yourself an in-country Top Level Domain (TLD) for each target market – not only will it make you look more reputable to the customers, but it will also help with boosting your rankings with the in-country search engines.

Design

You need a design that is going to have strong branding and be instantly recognisable to link all of your localised sites together, but also flexible enough to cope with the different aesthetic demands of each different cultural group.

For instance, you might use more imagery and colour in your sites for Asian markets, while your European sites might be more minimalist, with navigation via drop down menus rather than via on-screen gifs.

Keeping your navigation bars horizontal should save you some headaches when it comes to switching between right-to-left and left-to-right languages, and remember that different character sets will mean changing your line widths and heights.

Colour

ColourTextureSamples_L24

Colour is a crucial point – it can signify a lot, and can mean very different things in different countries. For instance, in the west, green is generally the colour of nature and the environment, but it’s also a special colour in Islam.

Don’t mess up like telecom company Orange did when launching in Northern Ireland and choose a colour inextricably linked with religion and conflict. If you’re after a safe and happy medium, green or blue backgrounds with black or white text have been shown to be the most universally approved.

Font

Keep it simple – Times New Roman, Arial or Verdana are generally considered the least offensive to the eye.

Imagery

Remember that your imagery will need to change between localised sites – your Indian customers don’t care to see a bunch of photos of Russian people enjoying your product, and vice versa; customers need to be able to relate directly to the product.

As always, when designing across cultures, sensitivity is key – if you’re making a site for a conservative culture, steer away from all indecent imagery. Many cultures will find certain imagery more offensive that others.

CSS

image

Cascading Style Sheets (CSS) will save you plenty of hassle by allowing table-less design and by keeping your content separate from your design – absolutely essential if you’re planning to change the language of your content between each local site.

You don’t want to have to go redesigning every page from scratch. CSS also allows for smaller file sizes, which is handy for fast page-loading.

Unicode

If you’re switching your text between half a dozen languages, you’re going to need a flexible character encoding tool. Luckily Unicode UTF-8 provides exactly that, with a unique code for every character in over 90 languages, so whether you’re called upon to switch text into simplified Chinese characters or to add in a few German ‘Eszett’ symbols (ß), you’ll be covered.

Flash

image

Try and avoid Flash (and Java) wherever possible – not only will Flash files slow down your page load times (which is no good for countries without high speed internet, not to mention that it’s now believed that Google has made page-load times a factor in its rankings algorithm), but text embedded in Flash files is also invisible to search engine bots, meaning it’s useless for your SEO strategy.

Translate

Characters_L24

Perhaps most important of all – make sure that your content is correct. Web users are a savvy lot, especially when it comes to buying online, and if your copy contains spelling mistakes, or uses odd phrasing, or just feels ‘off’, then it’s unlikely you’re going to convince the customer that you’re a reliable retailer.

As tempting as it might be to save money by sticking a Google Translate widget on each page, automatic translation devices have no feel for the subtleties or the rhythm of a language – to do it properly you need to get a professional translator working into their language to translate your copy and make sure that it’s culturally appropriate for the target market.

This is especially true for your SEO keywords – the direct English translation is not always the most popular search term – a quick spot of research on a keyword search tool such as Google Adwords will help you to figure out which keywords to use prominently in your copy.

About the Author:

lingo24_logo

Christian Arno is the founder and managing director of global translation provider Lingo24, which also specialises in website localisation.

16 Comments »

  1. Matt April 19, 2010 at 14:32 - Reply

    Good article, just one thing here: Times New Roman (or Times on Mac) is not a very eye friendly font and I would recommend to keep it off the websites and use it for print, unless it has a huge impact on the design.

    From the UX point of view using serif fonts is a disadvantage, as it requires users to focus more on their reading to follow the text and as we know visitors are very impatient. It also tires your eyes faster.

    Apart from this there’s some great usability info here!

  2. Ahmed April 23, 2010 at 17:27 - Reply

    Yes, it can hurt the eyes but what about those people who don’t browse the web much and read a lot of text offline? It would deter them if the font is Arial!

    What do you think?

    • Matt April 30, 2010 at 15:45 - Reply

      I don’t think that the type of font is important to those people, but being able to read it comfortably – yes. Every UX designer will tell you that sans-serif fonts are better to read from screen than the serif ones. Plus you have all examples you need to get the mesage: http://www.guardian.co.uk/.

      They use serif fonts only for the headlines etc and sans-serif for the body type. And i think they have paid a lot of money to some top-skilled UX desiner to tell them that! :-)

  3. CK Euphoria May 3, 2010 at 17:16 - Reply

    Keep on posting such a great articles! I’m glad I found your blog.

  4. Alfonso Pysher May 6, 2010 at 16:47 - Reply

    There is obviously a lot to know about this. I think you made some good points in Features also.

  5. Travis June 21, 2010 at 14:27 - Reply

    Although I love the concept of the article and the information within, your interpretation of the initial statistics is a bit unnerving:

    “it’s worth taking into account that you’re only going to be reaching out to 22% of your potential audience.”

    You’re using a statistic for first/native language, and ignoring every bilingual person assuming if it’s not their first language, then it’s unusable. This is quite innacurate.

    Look at another page on that same statistical website, which I believe has more accurate representation of information:
    http://www.internetworldstats.com/stats7.htm

    English is #1 by a decent margin, and below Chinese #2, there is a very significant gap down to Spanish.

    I understand that you were trying to give perspective in favor of your article topic, but that perspective is a bit skewed and misrepresented.

    • Ahmed June 23, 2010 at 18:09 - Reply

      Good Call! I’ll try and get the author of this article to reply to you!

  6. Richard A. Lewis July 19, 2010 at 02:42 - Reply

    “blue backgrounds with black or white text have been shown to be the most universally approved.” I am glad this article is out there, I have been an advocate of blue sites for years. Thank you for sharing.

  7. kurt patel September 27, 2010 at 21:22 - Reply

    Article referencing to web design across cultures, is very informative and thoroughly explained which can be useful to lot of beginners who are going to try to target different cultures. Landing pages should be designed to appeal the locals which is much more of importance because that is the first thing they are going to look at. Statical data isnot so impressive needs correction.

  8. Schedule October 30, 2010 at 00:09 - Reply

    Maybe you could change the blog subject Web Design across Cultures – 9 Advices | Web Designer Online to more better for your webpage you create. I enjoyed the the writing still.

  9. kidderminster web design February 1, 2011 at 11:52 - Reply

    With the coming of numerous monitor sizes, “fluid” web sites are becoming less common. The result is that fluid layouts look “old” because they were typically used more in the early days of the internet.

  10. Larisa Demattos November 22, 2011 at 17:53 - Reply

    Great post. My only question is how do you define WOW factor? Specifically, what do you do if what “wows” me is completely boring to you? For example, I have been using curved corners for years now, and I find them boring. But lots of designers still feel they are exciting because they are so hard to do. I know you probably don’t mean something as minor as rounded corners, but they bore me and are “wow” for a lot of the designers I work with.

  11. liberty reserve January 5, 2012 at 07:32 - Reply

    Excellent goods from you, man. Web Design across Cultures – 9 Advices | Web Designer Online I have understand your stuff previous to and you’re just extremely magnificent. I actually like what you’ve acquired here, really like what you are saying and the way in which you say it. You make it enjoyable and you still care for to keep it wise. I cant wait to read much more from you. This is actually a wonderful Web Design across Cultures – 9 Advices | Web Designer Online informations.

Leave A Response »