Posts Tagged With: japan

#IAMondays Information Architecture Analysis

Messages for Japan Homepage

Website accessibility and ease of use are extremely important for authors and creators to understand. The more intuitive and easy-to-use your website is, the more successful it will be. It is valuable to consider what your website visitors are looking for in their online experience–and their needs are often based around the type of website being created. For example, the website http://www.messagesforjapan.com/  allows people to write to victims of the earthquake and tsunami that affected thousands of people. This website forms a community of understanding, hope, and relief for victims, and allows people all over the world to see how survivors are coping with their loses.

The goal of this website appears to drive its functionality. The homepage shows three columns that offer viewers a chance to see photos, read messages already written, or view the messages on a world map. This showcases the main purpose of the website up front–it is a messaged-based community that shares thoughts across the world. Each of the columns is interactive, and enlarges when hovered over. Because of the use of pictograms, it is easy to understand what each section means even if you are not extremely literate in English. There are also option along the bottom to change the language.

The “Read Messages” feed, which I was drawn to first, is constantly updating with new messages. I love that this feature shows the messages in both Japanese and English. I think it creates a more personal feel by showing the text in the language of the victims. When you click on the section it opens an interactive tree with message bubbles functioning as “leaves.” If you hover over the messages they display in Japanese and English, and some have a “From” section that allows you to see who sent the message and their country of origin. The bubbles, or leaves, also update automatically, but there is an option to refresh the entire tree when desired. The design is very functional and easy to understand. The color choices are soothing, and the leaf that allows visitors to write their own message is green rather than pink, making it stand out. Being able to sort through the messages by simply moving the cursor makes sense and seems extremely intuitive. Although this site is technologically advanced, it is not over complicated or showy.

In the photos column on the front page there are a few smaller sample photos that draw you in and make you want to see more. When you click the camera icon, the link brings you to a beautiful page filled with tags that move as you slide your mouse around. The description in the top left explains that tags with these messages were hung on trees, so the pictures on the website are displayed in a similar fashion. This creativity continues to add more connections between the Japanese people and those sending or viewing the messages. Like the messages page, you can sort through the pictures by simply moving your mouse from left to right. One of the only issues I found on this page was that the picture tags in the back row can be hard to see, but if you click on the pictures they do enlarge, and you can sort through all of the pictures easily. If I were to change anything, I would make it so that the back row of tags was visible in between the front row when the cursor is moved. I think that it what they were going for, it just didn’t work super well.

The last section I browsed through was the world map page. This page shows where in the world messages come from. I think it is fascinating and touching to see where the message of hope and support are being sent from, and I think this page does a very nice job of illustrating, with little dots, where messages are being sent. My only desire is that the color of the map was darker. It took me a long time to realize what color the ocean was and what color the continents were. This could just be my eyesight, but for people with visual disabilities this would definitely be a problem.

Overall, this website does a good job of illustrating creative design, intelligent use of space and color, and easy-to-use functions. Of course there are always places to improve, but each pages works well to grab people’s attention and help communicate the goal of the website. This is just one example of unique web design. Make sure to keep your eyes open for more functional designs and layouts as you browse the web!

Categories: #IAMondays | Tags: , , , , , , , | 4 Comments

Blog at WordPress.com.