monster_factory

The Monster Factory

Desktop and Tablet

Build crazy monsters and explore!

Idea, Concept & Feedback:

This project started of with an somewhat different idea. The first prototype which you can see here, was focused on using the idea of building a monster as a metaphor for learning html and css. The <body> html tags were the ‘body’ parts and the <head> was the ‘brain’. Testing this showed the metaphor to be lost next to the actual building of the monster. Focus was on the monster not what it was up made of. Because of this the next prototype focused just on the monster building.

Testing:

Positive feedback on the simple interface and that the user has freedom to build whatever they what right from the start. Aside from removing the coding metaphor the original idea had, the story or environment the monster enters into is too simple and needs to be expanded.

Changes:

Future plan is to rebuild this and create a much better connection with the monster you create and the environment it will go into as well as refine the building interactions. Technically this project was heavily reliant on jQuery and coding skill used to built it was lacking. Updating the js structure would be a major focus. The original idea to teach code is still a concept to be explored but in a separate project.

a tale of three monsters

The Tale of Three Monsters

Desktop and Tablet

Three neighbouring monsters don’t get along. Learn colours and mixing and see how they are more similar than they think!

Idea, Concept & Feedback:

A story about colour theory that has user interacting with the story characters. Each monster is a Primary colour, when they interact they create more colours which then leads to colour schemes and so on.

Testing:

Some of the user interaction, particularly with the characters, are not that intuitive making the flow through the story difficult at times. The story in places became too repetitive as all the colours need to be ‘found’ before moving on. This makes it difficult to get through the story as it’s not engaging for the reader.

Changes:

No future plans to rebuild this however, similar experiments which would focus on a more solidified story, which will ultimately drive the user forward in a much better fashion. Also simplifying or better balancing of interaction the user needs to take.

learning_colour

Learning Colour

Desktop, Tablet & Mobile

The colours around you have mysteriously disappeared. Find the colour monsters to bring them back!

Idea, Concept & Feedback:

A colour learning game teaching primary, secondary and basic colour schemes. Built 2 of these games the other for shapes. More gaming than story elements in this project, the idea is to find colours that are missing from the environment displayed.

Testing:

The user found the interface for this is too cumbersome (works on mobile but isn’t ideal) and the gaming elements are clunky. Basically the user finds the colours, the environment fills in and then it ends with no real reward. An awards sidebar tracks the users progress but again didn’t offer anything of value.

Changes:

Future plans with this one is to simplify the interface and elements. It was technically built mobile first but I really didn’t want to give up the ‘landscape’ elements which don’t function well on small screens and ultimately needed to be cut. Fixing the bigger issue is to create a more rewarding journey through the game, where you learn the colours but then can do something with that knowledge.

learning_shapes

Learning Shapes

Desktop, Tablet & Mobile

A horrible troll is rampaging through the town. Use shapes to rebuild and find the troll!

Idea, Concept & Feedback:

A shape learning game, introducing gestalt theory in design. Built 2 of these games the other for colour. The concept for this was that a town is destroyed by an antagonist that you need to rebuild with shapes.

Testing:

Same as the colour game the interface is too complex (this one is buggy on mobile) and the gaming elements don’t lead to anything of value for the user. This one has a better goal than the colour game as the user needs to rebuild something through out. An awards sidebar tracks the users progress but again didn’t offer anything of value.

Changes:

Future plans, simplify the interface and provide a better endgame where you can use the shapes somehow. Same as the colour game it was built mobile first but the ‘landscape’ elements don’t function well even more so than the colour environment as it has more animated parts. Ultimately a combination of both this and the colour game into one would allow the user to learn shapes and colours in a more functional way.