{"id":2356,"date":"2013-08-24T17:25:17","date_gmt":"2013-08-24T07:25:17","guid":{"rendered":"http:\/\/www.natashabarr.com\/blog\/?p=2356"},"modified":"2020-11-05T08:57:02","modified_gmt":"2020-11-04T22:57:02","slug":"a-look-at-japanese-design-and-online-technology-part-1","status":"publish","type":"post","link":"https:\/\/natashabarr.com\/blog\/design\/a-look-at-japanese-design-and-online-technology-part-1\/","title":{"rendered":"A look at Japanese design and online technology"},"content":{"rendered":"\n<div class=\"wp-block-image wp-image-4708 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"425\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/DSCN0610_edit-880x425.jpg\" alt=\"Japanese Design - Billboards in Tokyo\" class=\"wp-image-4708\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0610_edit-880x425.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0610_edit-150x73.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0610_edit-300x145.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0610_edit-768x371.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0610_edit-175x85.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0610_edit.jpg 2000w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Billboards in Tokyo<\/figcaption><\/figure><\/div>\n\n\n\n<p>Japan is a place that I know many designers and non-designers alike are fascinated by. Whether it&#8217;s the history, the culture and subsequent sub-cultures, the novelties or just the food, Japan has something to interest everybody. During my trip my May I couldn&#8217;t help but observe Japan&#8217;s approach to design and advertising. I also got to experience using some Japanese websites before the trip and noticed distinct differences in style and functionality.<\/p>\n\n\n\n<p>Over the next two posts I will not only be looking at design of Japanese media but also Japan&#8217;s technology use and online behaviour in comparison to our own.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Design<\/h2>\n\n\n\n<p>When you arrive in Japan you can&#8217;t help but notice the differences in Japanese advertising and design.&nbsp;For starters, it&#8217;s everywhere and takes up a lot more visual space than what you&#8217;d experiencd in Australia. Large decals and billboards on the sides of buildings, decorated exteriors of trains with advertising on the carriage&#8217;s interior, even tissues given out on the street have a promotions printed on the packets.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-4721 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/JapanTrip-Akihabara-880x660.jpg\" alt=\"Japanese Design - An example of advertising in Akiharbara, Tokyo\" class=\"wp-image-4721\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Akihabara-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Akihabara-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Akihabara-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Akihabara-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Akihabara-163x122.jpg 163w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Akihabara.jpg 2000w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>An example of advertising in Akihabara, Tokyo<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4725 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/DSCN0410-660x880.jpg\" alt=\"Japanese Design - Advertising throughout a train carriage\" class=\"wp-image-4725\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0410-660x880.jpg 660w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0410-112x150.jpg 112w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0410-225x300.jpg 225w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0410-768x1024.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0410-880x1173.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0410-91x122.jpg 91w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0410.jpg 2000w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><figcaption>Advertising throughout a train carriage<\/figcaption><\/figure><\/div>\n\n\n\n<p>From my own exposure to Japanese media, I feel that there are three main types of&nbsp; execution &#8216;styles&#8217; &#8211; those that are traditional, those that are cool and finally those that are &#8216;kawaii\/quirky&#8217;. There are of course other types but I feel these styles cover the broad majority of them.<\/p>\n\n\n\n<p><strong>Traditional<\/strong> is usually advertising and design centered around products or services that have some sort of cultural ties in Japan. This includes packaging of traditional foods and advertisements showing the process of something being made or produced.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-4726 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/Japan-Trip-2010-497-660x880.jpg\" alt=\"Japanese Design - An example of food packaging design with a traditional aesthetic\" class=\"wp-image-4726\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-497-660x880.jpg 660w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-497-112x150.jpg 112w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-497-225x300.jpg 225w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-497-768x1024.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-497-880x1173.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-497-91x122.jpg 91w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-497.jpg 2000w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><figcaption>An example of food packaging design with a traditional aesthetic<\/figcaption><\/figure><\/div>\n\n\n\n<p><iframe loading=\"lazy\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/K3g6mDjjoUo?feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n\n\n\n<p><strong>Cool<\/strong> is probably the style we are most familiar with because we use it for most of our own advertising. Think of men&#8217;s shaving ads or car commercials &#8211; they look sleek and refined and make you want to buy them. There&#8217;s also the other type of &#8216;cool&#8217; that has a fun element. The Google ad below is a good example.<\/p>\n\n\n\n<p><iframe loading=\"lazy\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/I8vI04TzfnE?feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n\n\n\n<p><iframe loading=\"lazy\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/kgp9H6CnQd4?feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n\n\n\n<p>The third style &#8211; kawaii\/quirky &#8211; I believe is pretty unique to Japan. Most people have been sent some type of weird Japanese commercial that plays with this type of style. But where does it come from?<\/p>\n\n\n\n<p><em><strong>Origins of the Kawaii style<br>\n<\/strong><\/em>The aesthetics of &#8216;kawaii&#8217; are usually cute, quirky and youthful<em>. <\/em>It&#8217;s believed that kawaii grew out of the 70&#8217;s when high school students <a href=\"http:\/\/www.tofugu.com\/2012\/08\/09\/japan-why-so-kawaii\/\" target=\"_blank\" rel=\"noopener noreferrer\">started writing with rounded letters<\/a>&nbsp;and cute symbols, which became such a problem that it was actually banned in some schools. As this type of writing style grew rife, the growth of adults acting out in childlike ways with vulnerable mannerisms also increased, slowly evolving into the state of almost everything having some element of this kawaii style as it&#8217;s seen today.<\/p>\n\n\n\n<p>While the word kawaii means cute in Japanese, it has a lot more cultural undertones and meaning to it than just being a descriptive word. In fact, it has almost <a href=\"http:\/\/en.wikipedia.org\/wiki\/Kawaii#Aesthetics\" target=\"_blank\" rel=\"noopener noreferrer\">taken precedence over the Japanese aesthetics<\/a> of beautiful and refined, especially for young people. When you&#8217;re in Japan you can&#8217;t escape the kawaii invasion &#8211; products are covered with colourful pictures and text. Advertisements, magazines and promotions use kawaii aesthetic treatments, cute characters are featured on almost anything you can imagine and games also take inspiration from the style (just think of Nintendo titles). <a href=\"http:\/\/www.humblebunny.com\/japans-charming-barcode-designs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Even barcodes can be stylised<\/a> to be more appealing!\n<\/p>\n\n\n\n<p>But this isn&#8217;t just something that young tween girls are interested in. In fact many women and even men can been seen with little cute phone charms or hand washers when out and about. But why is the kawaii aesthetic loved so much? It&#8217;s believed that may be a symptom of Japanese adult life. Unlike in other countries where adulthood is usually tied in with freedom and fun, Japanese adulthood is <a href=\"http:\/\/www.tofugu.com\/2012\/08\/09\/japan-why-so-kawaii\/\" target=\"_blank\" rel=\"noopener noreferrer\">filled with responsibilities<\/a> a person holds with their family and workplace. This <a href=\"http:\/\/www.theage.com.au\/news\/people\/cool-or-infantile\/2006\/06\/18\/1150569208424.html\" target=\"_blank\" rel=\"noopener noreferrer\">breeds a non-assertion mentality<\/a> which is part of Japan&#8217;s collectivist cultural values. Outside of these responsibilities and non-assertion, Japanese also have <a href=\"http:\/\/books.google.co.nz\/books?id=yh55PQxdvfkC&amp;lpg=PA1&amp;pg=PT16#v=onepage&amp;q&amp;f=false\" target=\"_blank\" rel=\"noopener noreferrer\">separate &#8216;face&#8217; that is their true self<\/a>. It&#8217;s believed that kawaii products and culture in fact help bridge the gap between a person&#8217;s two faces, allowing them to feel a part of group &#8211; whether it&#8217;s to a particular character or just the kawaii style in general.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Aesthetics<\/h2>\n\n\n\n<p><em>Colours<\/em><br>\nThe Japanese love using colour and it plays an important part of their design aesthetics and history. Many advertisements feature a spectrum of bold and rich colours or will theme it around one colour, usually a shade of pink.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-4722 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/JapanTrip-Hatsune-Miku-Akihabara-880x660.jpg\" alt=\"Japanese Design - Hatsune Miku building decal in Akihabara, Tokyo\" class=\"wp-image-4722\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Hatsune-Miku-Akihabara-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Hatsune-Miku-Akihabara-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Hatsune-Miku-Akihabara-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Hatsune-Miku-Akihabara-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Hatsune-Miku-Akihabara-163x122.jpg 163w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Hatsune-Miku-Akihabara.jpg 2000w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Hatsune Miku building decal in Akihabara, Tokyo<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4727 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/DSCN0103-880x660.jpg\" alt=\"Japanese design - Sanrio store in Sunshine City, Ikebukuro\" class=\"wp-image-4727\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0103-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0103-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0103-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0103-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0103-163x122.jpg 163w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Sanrio store in Sunshine City, Ikebukuro<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4718 size-full\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"710\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/tumblr_mji3ar5de91qaz1ado1_500.jpg\" alt=\"Japanese Design - Japanese Magazine Cover: Children\u2019s Hop Challenge\" class=\"wp-image-4718\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mji3ar5de91qaz1ado1_500.jpg 500w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mji3ar5de91qaz1ado1_500-106x150.jpg 106w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mji3ar5de91qaz1ado1_500-211x300.jpg 211w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mji3ar5de91qaz1ado1_500-86x122.jpg 86w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption>Japanese Magazine Cover: Children\u2019s Hop Challenge. (source: Gurafiku)<\/figcaption><\/figure><\/div>\n\n\n\n<p><iframe loading=\"lazy\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/NhI2mp-WIck?feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n\n\n\n<p>While this is in part a reaction to over saturation of media, I believe it&#8217;s also a more cultural one. The Japanese have historically always incorporated colour into their fashion and arts. Just visit a local shrine and see their beautiful red torii gates or look at the variety of colours included in a kimono. Colour is a lot more symbolic and entwined than it is in Australia, where it is usually only incorporated at select times and events e.g supporting for a sports team.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-4723 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"609\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/JapanTrip-Higashiyama-District-Geisha-Group-Kyoto-880x609.jpg\" alt=\"Japanese Design - Maiko in Kyoto dressed in colourful kimono\" class=\"wp-image-4723\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Higashiyama-District-Geisha-Group-Kyoto-880x609.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Higashiyama-District-Geisha-Group-Kyoto-150x104.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Higashiyama-District-Geisha-Group-Kyoto-300x208.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Higashiyama-District-Geisha-Group-Kyoto-768x531.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Higashiyama-District-Geisha-Group-Kyoto-175x122.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Higashiyama-District-Geisha-Group-Kyoto.jpg 2000w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Maiko in Kyoto dressed in colourful kimono<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4724 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/JapanTrip-Yasaka-Shrine-Gion-Kyoto-880x660.jpg\" alt=\"Japanese Design - Yasaka Shrine in Gion, Kyoto\" class=\"wp-image-4724\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Yasaka-Shrine-Gion-Kyoto-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Yasaka-Shrine-Gion-Kyoto-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Yasaka-Shrine-Gion-Kyoto-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Yasaka-Shrine-Gion-Kyoto-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Yasaka-Shrine-Gion-Kyoto-163x122.jpg 163w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/JapanTrip-Yasaka-Shrine-Gion-Kyoto.jpg 2000w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Yasaka Shrine in Gion, Kyoto<\/figcaption><\/figure><\/div>\n\n\n\n<p><strong><em>Typography<br>\n<\/em><\/strong>Japanese typography is an interesting one because when looking at a lot of promotional materials it may seem there isn&#8217;t much to work with. There are two main types &#8211; mincho and gothic typefaces. Mincho typefaces are pretty much the serif typefaces of Japan. The strokes include the small flicks on the ends you often see in calligraphy lettering (though the final characters are more modern interpretations). The other type is gothic typefaces which are equivalent to our sans-serif fonts for the same reasons. From these two main types there are many different varieties that combine or add new elements &#8211; humble bunny design explains some of these in <a href=\"http:\/\/www.humblebunny.com\/understanding-japanese-typography\/\" target=\"_blank\" rel=\"noopener noreferrer\">more detail here<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-4728 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/DSCN0526-880x660.jpg\" alt=\"Japanese Design - An example of Mincho type\" class=\"wp-image-4728\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0526-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0526-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0526-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0526-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0526-163x122.jpg 163w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>An example of mincho type<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4730 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/DSCN0357-880x660.jpg\" alt=\"Japanese Design - An example of gothic type\" class=\"wp-image-4730\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0357-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0357-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0357-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0357-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0357-163x122.jpg 163w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>An example of gothic type<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/tumblr_mor050jeav1qaz1ado1_500.jpg\" alt=\"Japanese Design - An example of hand drawn type (source: Gurafiku)\" class=\"wp-image-4719\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mor050jeav1qaz1ado1_500.jpg 500w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mor050jeav1qaz1ado1_500-150x150.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mor050jeav1qaz1ado1_500-300x300.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mor050jeav1qaz1ado1_500-122x122.jpg 122w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption>An example of hand drawn type (source: Gurafiku)<\/figcaption><\/figure><\/div>\n\n\n\n<p>One thing Japan has over us is the ability to vertically display text in their designs. While such a practice in western design is usually not encouraged, Japanese text is natively displayed vertically, which can make for some interesting layout choices.<\/p>\n\n\n\n<p><em><strong>Mascots, mascots everywhere<\/strong><br>\n<\/em>Another element of design you&#8217;ll notice are mascots. These cute creatures and characters are not just for hello kitty franchises but are actually much more widespread. Specific products such as Windows&#8217; OS releases have their own mascot, <a href=\"http:\/\/idleidol.net\/japan%E2%80%99s-police-mascots\/\" target=\"_blank\" rel=\"noopener noreferrer\">police departments<\/a> and construction areas are known to use mascots on their signage. Particular towns and sometimes even shrines have their own little cute representatives. Having these mascots for places and businesses is known to give them a more friendly face.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/idleidol.net\/pipo-kun\/\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"410\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/pipo6.jpg\" alt=\"Japanese Design - Pipo kun - Mascot for Tokyo's police department (source: idle idol)\" class=\"wp-image-4712\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/pipo6.jpg 600w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/pipo6-150x103.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/pipo6-300x205.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/pipo6-175x120.jpg 175w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption>Pipo kun &#8211; Mascot for Tokyo&#8217;s police department (source: idle idol)<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/vr-zone.com\/articles\/madobe-yuu-and-ai-put-a-cute-twist-on-japanese-windows-8\/17605.html\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/madobe_ai_madobe_yuu-880x660.jpg\" alt=\"Japanese Design - Yuu and Ai - Mascots for Windows 8\" class=\"wp-image-4711\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/madobe_ai_madobe_yuu-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/madobe_ai_madobe_yuu-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/madobe_ai_madobe_yuu-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/madobe_ai_madobe_yuu-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/madobe_ai_madobe_yuu-163x122.jpg 163w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/madobe_ai_madobe_yuu.jpg 1024w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/a><figcaption>Yuu and Ai &#8211; Mascots for Windows 8<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4732 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/DSCN0104-880x660.jpg\" alt=\"Japanese Design - Llama mascot for the ALTA building in Sunshine city\" class=\"wp-image-4732\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0104-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0104-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0104-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0104-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/DSCN0104-163x122.jpg 163w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Llama mascot for the ALTA building in Sunshine city<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4733 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/Japan-Trip-2010-026-880x660.jpg\" alt=\"Japanese Design - Mascots for Tokyo Tower\" class=\"wp-image-4733\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-026-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-026-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-026-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-026-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-026-163x122.jpg 163w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Mascots for Tokyo Tower<\/figcaption><\/figure><\/div>\n\n\n\n<p>Cute characters are also used in ad hoc ways&nbsp;for PSAs and important signage. This is apparently due to cute characters making information <a href=\"http:\/\/www.laurentfintoni.com\/japan-or-the-cult-of-the-cute\/\" target=\"_blank\" rel=\"noopener noreferrer\">more easier to process<\/a>. Consider the signage seen surrounding construction areas. It&#8217;s usually strict with copy like &#8216;authorised person&#8217;s only&#8217; &#8211; bluntly telling you to keep the hell away from the area. These types of signs typically come across as quite harsh and impersonal. Consider instead a small character telling you this information, &nbsp;appearing much more friendly and personal. At the end of the day, the latter signage is a lot less jarring to read and understand.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-4706 size-full\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"742\" height=\"587\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/construction_signs.jpg\" alt=\"Japanese design - Construction Signs vs Japanese construction signs\" class=\"wp-image-4706\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/construction_signs.jpg 742w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/construction_signs-150x119.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/construction_signs-300x237.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/construction_signs-154x122.jpg 154w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><figcaption>Construction Signs vs Japanese construction signs<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4734 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/Japan-Trip-2010-006-880x660.jpg\" alt=\"Japanese Design - Water cover on the street\" class=\"wp-image-4734\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-006-880x660.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-006-150x113.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-006-300x225.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-006-768x576.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/Japan-Trip-2010-006-163x122.jpg 163w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Firefighter characters on a metal cover in the street<\/figcaption><\/figure><\/div>\n\n\n\n<p><em><strong>Old terminology<\/strong><br>\n<\/em>One thing I found interesting about Japan was its use of certain words for particular descriptions or details. An example of this is the use of &#8216;TEL&#8217; instead of &#8216;Phone&#8217; or &#8216;P&#8217; when referring to a number to call. The word Telephone is a somewhat old to use since it refers more to a landline connection when Japan uses mobile phones more. I&#8217;ve also saw others such as &#8216;Free Dial&#8217; as opposed to &#8216;Free call&#8217;. My guess that this is probably due to Japan catering for their large older generation as well as their slow uptake of certain technological progressions.<\/p>\n\n\n\n<p><em><strong>Symbols<\/strong><br>\n<\/em>Japan uses some unique symbols of its own which you may be unfamiliar with. An example of this is the symbol for post office and\/or post box number for a particular address &#8211; it looks like this &#8211; \u3012. Another interesting one is this symbol below.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-4709 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"354\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/free_dial-880x354.jpg\" alt=\"Japanese design - The 'phone coil' icon next to a telephone number indicates it's a free call\" class=\"wp-image-4709\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/free_dial-880x354.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/free_dial-150x60.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/free_dial-300x121.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/free_dial-768x309.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/free_dial-175x70.jpg 175w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>The &#8216;phone coil&#8217; icon next to a telephone number indicates it&#8217;s a free call<\/figcaption><\/figure><\/div>\n\n\n\n<p>If you see this symbol in front of a telephone number, it&#8217;s means it&#8217;s a free call (or as I discussed before, &#8216;Free Dial&#8217;). Finally there&#8217;s this symbol &#8211; \u203b &#8211; that I&#8217;ve noticed a lot, not so much as a representative icon but more as a highlighter of information or a bullet point.<\/p>\n\n\n\n<p><em><strong>Additional design elements<\/strong><br>\n<\/em>Something I&#8217;d never seen before in Japan was the introduction of a search bar as a call to action. This included an actual representation of a search bar with a suggested search term (usually the brand or campaign name). I saw this device used in both print and TVC advertising across a variety of different promotions. At first I found it interesting that they would risk their website not appearing first in a search engine but maybe there&#8217;s some good SEO at play here. One of the reasons for this type of call to action is apparently <a href=\"http:\/\/www.humblebunny.com\/designing-for-japanese-audiences-part-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">due to the rising ageing population<\/a> who may need a bit more prompting to search for a product. My only problem with this is that they sometimes display the search bar graphic so small that they can be hard to spot amongst all the clutter.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-4735 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"537\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/search_barr-880x537.jpg\" alt=\"Japanese design - Notice the search bar near the bottom of these ads with suggested search text?\" class=\"wp-image-4735\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/search_barr-880x537.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/search_barr-150x92.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/search_barr-300x183.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/search_barr-768x469.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/search_barr-175x107.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/search_barr.jpg 2000w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Notice the search bar near the bottom of these ads with suggested search text?<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4714\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"753\" height=\"880\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/small_searchbar-753x880.jpg\" alt=\"Japanese Design - In this example you can see how small the search can sometimes be in advertisements\" class=\"wp-image-4714\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/small_searchbar-753x880.jpg 753w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/small_searchbar-128x150.jpg 128w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/small_searchbar-257x300.jpg 257w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/small_searchbar-768x898.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/small_searchbar-880x1029.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/small_searchbar-104x122.jpg 104w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/small_searchbar.jpg 1108w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><figcaption>In this example you can see how small the search can sometimes be in advertisements<\/figcaption><\/figure><\/div>\n\n\n\n<p>As a side note, I&#8217;ve also noticed that S.M Entertainment uses <a href=\"http:\/\/youtu.be\/xnku4o3tRB4?t=1m28s\" target=\"_blank\" rel=\"noopener noreferrer\">in-video search bar promotions<\/a> in their K-pop videos for the app Genie. Honda also ran TVCs in Australia that included a search bar at the end. Is this becoming a trend?<\/p>\n\n\n\n<p><em><strong>Handmade\/tangible aesthetic<\/strong><\/em><br>\nThis is something I&#8217;ve noticed across a lot of media and that&#8217;s the choice of using tangible graphics or items. This can be anything from items photographed together for posters, having people dressed up in costumes or even showing infographics on boards on the news. The last example shows a difference in approach when compared to our own because usually information on news shows is displayed digitally on a large screen compared to the small boards that the Japanese will hold up themselves. I wonder how much time the creator of these board graphics has to turn them around!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/gurafiku.tumblr.com\/post\/54342384456\/japanese-theater-poster-please-dont-love-nami\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"700\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/tumblr_mhi1zy1eHU1qaz1ado1_500.jpg\" alt=\"Japanese Design - Japanese Theater Poster: Please Don\u2019t Love (source: Gurafiku)\" class=\"wp-image-4717\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mhi1zy1eHU1qaz1ado1_500.jpg 500w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mhi1zy1eHU1qaz1ado1_500-107x150.jpg 107w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mhi1zy1eHU1qaz1ado1_500-214x300.jpg 214w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tumblr_mhi1zy1eHU1qaz1ado1_500-87x122.jpg 87w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption>Japanese Theater Poster: Please Don\u2019t Love (source: Gurafiku)<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/www.youtube.com\/user\/JPCMHD\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"466\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/costumes.jpg\" alt=\"Japanese Design - Two (yellow) examples of costumes of characters used in ads - either fully covered or with a face sticking out the front. Depends on whether the character is talking\/singing or not\" class=\"wp-image-4707\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/costumes.jpg 799w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/costumes-150x87.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/costumes-300x175.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/costumes-768x448.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/costumes-175x102.jpg 175w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/a><figcaption>Two (yellow) examples of costumes of characters used in ads &#8211; either fully covered or with a face sticking out the front. Depends on whether the character is supposed to talk or sing (source: JPCMHD)<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/www.youtube.com\/user\/JPCMHD\"><img loading=\"lazy\" decoding=\"async\" width=\"854\" height=\"472\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/handmade_graphics.jpg\" alt=\"Japanese Design - Another example from an advertisment, this time with a more collage\/cut out style\" class=\"wp-image-4710\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/handmade_graphics.jpg 854w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/handmade_graphics-150x83.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/handmade_graphics-300x166.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/handmade_graphics-768x424.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/handmade_graphics-175x97.jpg 175w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><\/a><figcaption>Another example from an advertisement, this time with a more collage\/cut out style (source: JPCMHD)<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/www.youtube.com\/watch?v=3yzgxo5xVAM\"><img loading=\"lazy\" decoding=\"async\" width=\"853\" height=\"508\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/tangible_sign.jpg\" alt=\"Japanese Design - Example of an info board during a news program (click image to see full video)\" class=\"wp-image-4715\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tangible_sign.jpg 853w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tangible_sign-150x89.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tangible_sign-300x179.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tangible_sign-768x457.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/tangible_sign-175x104.jpg 175w\" sizes=\"auto, (max-width: 853px) 100vw, 853px\" \/><\/a><figcaption>Example of an info board used during a news program (click image to see full video)<\/figcaption><\/figure><\/div>\n\n\n\n<p><em><strong>Overly optimistic mood<\/strong><br>\n<\/em>While&nbsp;reviewing Japanese advertising, a common theme of overly optimistic and happy people becomes pretty apparent. Lots of singing and dancing and big smiles. Japanese culture has a homogeneous nature where keeping everything in balance and not making people uncomfortable is important so this style may be catering for these values.<\/p>\n\n\n\n<p>Another reason is that a lot of products are promoted mostly on emotions and feelings instead of promoting benefits. It&#8217;s been found that the Japanese prefer this selling of emotions because it doesn&#8217;t come off as being competitive. You&#8217;ll see this especially with Japanese TVCs that are fun and light-hearted.<\/p>\n\n\n\n<p>A good way to see examples of this is on the YouTube channel <a href=\"http:\/\/www.youtube.com\/user\/JPCMHD\" target=\"_blank\" rel=\"noopener noreferrer\">JPCMHD<\/a>&nbsp;which often collates new TV ads from Japan.<\/p>\n\n\n\n<p><iframe loading=\"lazy\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/videoseries?list=PLBCA0F10FE6785BE6\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In the Online Space<\/h2>\n\n\n\n<p>So how have all these design elements been interpreted for online media? It&#8217;s interesting to see how some elements have been incorporated but not others. I find many sites are not as liberal with their use of colour as they are in other media, with most designs just sitting on while backgrounds with highlights of colour here and there, except in the case of promotional banners. These banners are where you&#8217;ll usually find a companies mascot being incorporated.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/telco.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"949\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/telco.jpg\" alt=\"Japanese Design - Three of Japan's Telco company websites - au, Domoco and Softbank. Notice how they all have a very similar layout, white backgrounds and minimal colour?\" class=\"wp-image-4736\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/telco.jpg 400w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/telco-63x150.jpg 63w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/telco-126x300.jpg 126w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/telco-371x880.jpg 371w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/telco-51x122.jpg 51w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><figcaption>Three of Japan&#8217;s telco company websites &#8211; au, Domoco and Softbank. Notice how they all have a very similar layout, white backgrounds and minimal colour?<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4737 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"701\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/mascot-1-880x701.jpg\" alt=\"Japanese Design - The llama mascot for the ALTA building is used in promotions on the website\" class=\"wp-image-4737\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/mascot-1-880x701.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/mascot-1-150x120.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/mascot-1-300x239.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/mascot-1-768x612.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/mascot-1-153x122.jpg 153w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/mascot-1.jpg 945w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>The llama mascot for the ALTA building is used in promotions on the website<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4738 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"345\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/jetstar_mascot-880x345.jpg\" alt=\"Japanese Design - Jetstar Japan have their own mascot in the form of a Red Panda\" class=\"wp-image-4738\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/jetstar_mascot-880x345.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/jetstar_mascot-150x59.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/jetstar_mascot-300x118.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/jetstar_mascot-768x302.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/jetstar_mascot-175x69.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/jetstar_mascot.jpg 1024w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Jetstar Japan have their own mascot in the form of a red panda which they use regularly online for promotions<\/figcaption><\/figure><\/div>\n\n\n\n<p>Typography is a more restricted online (as it is for most of us). The Japanese alphabet struggles with <a href=\"http:\/\/www.humblebunny.com\/designing-for-japanese-audiences-part-one\/\" target=\"_blank\" rel=\"noopener noreferrer\">perceptive grey<\/a> online and it&#8217;s nearly impossible to correct the spacing. This is why it doesn&#8217;t surprise me that a lot of headings on website sections are actually images instead of live text. It&#8217;s also almost impossible to display text vertically online so it rarely included or it&#8217;s part of an image.<\/p>\n\n\n\n<p><strong><em>Additional digital aesthetics<br>\n<\/em><\/strong>One common element in Japanese sites is the use of small spotlights that are usually located somewhere on the homepage. They appear to promote a variety of different items depending on what site they&#8217;re on from company promotions, cross-promotions, special offers and even links out to other associated sites. They&#8217;re always quite small and there&#8217;s always 3 or 4 of them listed together.<\/p>\n\n\n\n<p>The overall width of Japanese sites appears to be slightly skinnier (950px) and a lot of the design is &#8216;compartmentalized&#8217; into set rectangular areas.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/www.tokyodisneyresort.co.jp\/top.html\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"217\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/spotlights-880x217.jpg\" alt=\"Japanese Design - An example of the multiple small spotlights on a site (source: Tokyo Disneyland)\" class=\"wp-image-4739\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/spotlights-880x217.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/spotlights-150x37.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/spotlights-300x74.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/spotlights-768x189.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/spotlights-175x43.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/spotlights.jpg 1024w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/a><figcaption>An example of the multiple small spotlights on a site (source: Tokyo Disneyland)<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4740 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"786\" height=\"880\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/eplus-786x880.jpg\" alt=\"Japanese Design - e-plus - a website that sells tickets to concerts and events. This designs is 950px and left aligned on the page. The design seems to lack a clear hierchy and everything is squared off in its own compartment\" class=\"wp-image-4740\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/eplus-786x880.jpg 786w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/eplus-134x150.jpg 134w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/eplus-268x300.jpg 268w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/eplus-768x859.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/eplus-880x985.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/eplus-109x122.jpg 109w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/eplus.jpg 915w\" sizes=\"auto, (max-width: 786px) 100vw, 786px\" \/><figcaption>e-plus &#8211; a website that sells tickets to concerts and events. This design width is skinnier (950px) and left aligned on the page. The design seems to lack a clear hierarchy and everything is squared off in its own compartment<\/figcaption><\/figure><\/div>\n\n\n\n<p>Considering the amount of time Japanese spend on their phones, it appears that the mobile versions of websites are designed first and appear more refined. This makes the desktop a secondary platform to design for and probably explains why desktop versions seem to be dragging behind our standards of &#8216;good web design&#8217;. A combination of dated usability, text heavy sites, small images and the use of flash (*shudder*) make Japanese web design seem dated. This is not just for sites by small corner shops or mum and dad businesses, this includes larger companies as well.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-4741 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"675\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/rakuten-880x675.jpg\" alt=\"Japanese Design - Rakuten - one of Japan most popular websites. The mobile version of the site is designs a lot more nicely than this!\" class=\"wp-image-4741\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/rakuten-880x675.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/rakuten-150x115.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/rakuten-300x230.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/rakuten-768x589.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/rakuten-159x122.jpg 159w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/rakuten.jpg 980w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Rakuten &#8211; one of Japan most popular websites. The mobile version of the site is designed a lot more nicely<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4742 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"674\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/yahoo_japan-880x674.jpg\" alt=\"Japanese Design - Yahoo Japan - another popular Japanese website. Very text heavy with little use of images.Japanese Design - Yahoo Japan - another popular Japanese website. Very text heavy with little use of images.\" class=\"wp-image-4742\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/yahoo_japan-880x674.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/yahoo_japan-150x115.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/yahoo_japan-300x230.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/yahoo_japan-768x588.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/yahoo_japan-159x122.jpg 159w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/yahoo_japan.jpg 981w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Yahoo Japan &#8211; another popular Japanese website. Very text heavy with little use of images<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-4743 size-full\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"718\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/suica.jpg\" alt=\"Japanese Design - Suica website from Japan Rail. This is made in flash and is also left aligned on the page (hence the white space).\" class=\"wp-image-4743\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/suica.jpg 799w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/suica-150x135.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/suica-300x270.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/suica-768x690.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/suica-136x122.jpg 136w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><figcaption>Suica website from Japan Rail. This is made in flash and is also left aligned on the page (hence the white space)<\/figcaption><\/figure><\/div>\n\n\n\n<p>That said, it&#8217;s not all bad. There are many well designed sites, even if some are built in flash. Japan is definitely catching up but it still has a far way to go. It&#8217;s also interesting to compare Japanese and western versions of one brand together and note differences in layout and marketing strategies.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/ishiyamasenko.co.jp\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"482\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/ishiyamasenko-880x482.jpg\" alt=\"Japanese Design - ishiyamasenko.co.jp\" class=\"wp-image-4744\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/ishiyamasenko-880x482.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/ishiyamasenko-150x82.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/ishiyamasenko-300x164.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/ishiyamasenko-768x421.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/ishiyamasenko-175x96.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/ishiyamasenko.jpg 963w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/a><figcaption>http:\/\/ishiyamasenko.co.jp &#8211; really nice visual site<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/starbucks.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"391\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/starbucks-880x391.jpg\" alt=\"Japanese Design - Starbucks Japan vs Starbucks USA - Interesting that they focused on group activities of iced coffee at home\" class=\"wp-image-4745\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/starbucks-880x391.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/starbucks-150x67.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/starbucks-300x133.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/starbucks-768x341.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/starbucks-175x78.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/starbucks.jpg 1024w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/a><figcaption>Starbucks Japan vs Starbucks USA &#8211; Interesting that they focused on group activities of iced coffee at home on Japanese site<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/nintendo.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"329\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/nintendo-880x329.jpg\" alt=\"Japanese Design - Nintendo Japan vs Nintendo Australia - though they are different styles, both are put together quite well.\" class=\"wp-image-4746\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/nintendo-880x329.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/nintendo-150x56.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/nintendo-300x112.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/nintendo-768x287.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/nintendo-175x65.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/nintendo.jpg 1024w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/a><figcaption>Nintendo Japan vs Nintendo Australia &#8211; though they are different styles, both are put together quite well<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/photopresso2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"765\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2013\/08\/photopresso2-880x765.jpg\" alt=\"Japanese Design - Photopresso - doesn't follow the standard white background\/all in boxes format that a lot of others do\" class=\"wp-image-4747\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/photopresso2-880x765.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/photopresso2-150x130.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/photopresso2-300x261.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/photopresso2-768x668.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/photopresso2-140x122.jpg 140w, https:\/\/natashabarr.com\/blog\/wp-content\/2013\/08\/photopresso2.jpg 1024w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/a><figcaption>Photopresso &#8211; doesn&#8217;t follow the standard white background\/all in boxes format that a lot of others&nbsp; sites do<\/figcaption><\/figure><\/div>\n\n\n\n<p>In part two I&#8217;ll be expanding on online technology and online social behaviours. Stay tuned!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Japan is a place that I know many designers and non-designers alike are fascinated by. Whether it&#8217;s the history, the culture and subsequent sub-cultures, the novelties or just the food, Japan has something to interest everybody. During my trip my May I couldn&#8217;t help but observe Japan&#8217;s approach to design and advertising. I also got [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[100,113],"class_list":["post-2356","post","type-post","status-publish","format-standard","hentry","category-design","tag-japan","tag-review"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts\/2356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/comments?post=2356"}],"version-history":[{"count":108,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts\/2356\/revisions"}],"predecessor-version":[{"id":6658,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts\/2356\/revisions\/6658"}],"wp:attachment":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/media?parent=2356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/categories?post=2356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/tags?post=2356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}