Knowing my target audience

To create a website that will work for my audience effectively, it is vital that I truly understand them. While I consider my audience to be between the ages of 6-12, in a matter of fact it should be defined into smaller categories as the knowledge and abilities of the ages 6 and 12 are completely different. Therefore the categories should be split up into the groups 6-8 and 9-12.

6-8 Age Range

It is important that the user will not always understand the language used with adults site, therefore it is vital to change the language so that they understand. An example would be instead of using the word “Submit” instead use the word “Start” or “Go”and instead of “Username” it shoould say “Nickname”.

9-12 Age Range

By this age, the users will be very accustomed with using a website, and they will be able to scroll through content very quickly but will have difficulty differentiating between adverts and content.

What I learnt

The use of big, bold, bright colors and pictures for both age ranges is vital as it help the user understand how to navigate the website. Using gestures on mobile platforms is too complex for the kids and ui should consist of tapping and scrolling only, instead of pinch and zoom features.

Icons that match the functions of buttons should be present to allow the user to understand the context of what they are seeing. A home icon should be present throughout the site as to allow for easy navigating.

Referencing nature in the site will be vital as it’s one the things they know the most about at such a young age, and find these references visually stimulating.

Design elements, like buttons, should be made to appear in a large format on the screen.

Depth should be implemented into the design, so that the user can use their imagination to believe it is real.

Kids don’t enjoy large amounts of reading, even the parts where kids learn about other cultures should contain as little text as possible.

Changing the mouse to be another animal, perhaps the food of the frog, a fly in my case, could grab the attention of the user.

Not using a grid format makes a website more exciting for children.

A section for parents is vital to allow the parents to understand tyhe concept of the site.

References:

https://www.usertesting.com/blog/2015/04/29/ux-for-kids/

Designing Websites For Kids: Trends And Best Practices

Advertisements

Defining my Project

I have a lot of research at this stage so I think it is relevant to do a sitemap of all the planned content for the site and how it fits together, this allows me to determine what is most important, and the hierachy of the content, seeing the content in this way will allow me to pull sections together in new theories and solutions that weren’t possible previously.

The Sitemap looks like as follows;

Sitemap-copy (2).png

Old VS New

I think it is a vital part to note how far the design has come compared to the original! (Old on the lft, new on the right)

The hompage went from a then strange structure containing too much infformation and not structure to the site to a more boxxy format. I containtains a lot more heirachy and takes more importance on colour coding;

The lineup page went from being a list of names to an image of an artist complete reviews;

The artist pages were massively improved. They contained only an image and social links, the new layout gives the artist a dedicated page. It contains an image of the artist, an overall theme, imformation, albums and social links;

 

OTHER FESTIVAL SITES – Lollapalooza

Lollapalooza is a great festival site that already uses flat design. Not only do they use flat colours but they seem top match what google use in their material design.

The home screen again has announcements about the festival;

Screen Shot 2016-03-22 at 17.28.20.png

The tickets page gives the uses colour to make the different tickets stand out the best;

Screen Shot 2016-03-22 at 17.48.43.png

The lineup page is again, just like most of the others, just a list of names, lacking any interaction at all;

Screen Shot 2016-03-22 at 17.50.37.png

There is a page about the festival and it’s history, it is basically a blog with articles on it;

Screen Shot 2016-03-22 at 17.52.42.png

The Current Coachella site

The current site, while isn’t terrible lacks a certain quality that would be associated with such a big event. The homepage that the user is immediately presented with is this;

Screen Shot 2016-02-19 at 08.54.08.png

This is a video background with an image of the lineup in the centre of the page, this is great if you only went to the site to check the lineup but slows down every other function on the site. To access the main site you must press the arrow, you are then presented with this page;

Screen Shot 2016-02-19 at 08.54.24.png

When you arrive at this page it appears to be quite a simple layout, but perhaps too simple with only iconography.  I will research what the purposes of visiting the site are and then use those as the building blocks for the site. When you click on the passes, you are offered a list of the options;

Screen Shot 2016-02-19 at 08.57.37.png

Screen Shot 2016-02-19 at 09.40.44Screen Shot 2016-02-19 at 09.40.51Screen Shot 2016-02-19 at 09.40.58Screen Shot 2016-02-19 at 09.41.07Screen Shot 2016-02-19 at 09.41.15

This could be made much simpler and easy to digest for the user.

Finally, one of the most important pages for the user is the lineup, In my opinion it is not very good doesn’t offer the user much information about the acts. Below is the screen that lists the lineup.

Screen Shot 2016-02-19 at 08.59.11.png

As you can see it isn’t very appealing and when you click on an artist you are then presented with the screen below;

Screen Shot 2016-02-19 at 08.59.18.png

 

References;

https://www.coachella.com