The modified screen showing the names, circles, date and time of visitors who touched and interacted with Last Planet.

Figure 40: 30/05/12 How the app was beginning to look when in an iPad as would be intended for the final prototype.

Prototype

Figure 41 Prototyping phase, other shapes and styles were experimented with.

This interface was then tested and it was decided that a little more visual information for the user, which wouldn’t be explicit, but something they would work for, would be to make a visual note of the number of times a planet was touched by someone else. The animation had smaller ‘moons’ (fig. 42) added to the main circle area.

It is at this point as well that planets were decided to be the term, and to encourage the thinking that you would be creating your own planet. (This also provides scope for further development as these initial prototype phases had to test if consumers interacted with it, and if so then we could add further degrees of interaction.)

Other areas explored was to have a choice of four answers from random questions, such as favourite sport, hockey, football, etc… and then it would display <username> likes <hockey>… which may be another area of connection with others.

Studies into the animated circles, that were no longer solid shapes.

From the circles developing into planets, and after observing people interact with it, it was decided that to make it have some additional interaction, without turning it commercial would be to add an area so that users could add a tip or helpful bit of information.

After they type their name (or choose not to) the colour choices would then be displayed to the user and then it would create the circle dependent on their selection; an example of the method to draw the red circle (planet). This was the initial code created, but once Last Planet was modified this method was changed to use a switch case statement in order to reduce the code, as there was initially one of these methods for each planet colour.

[symple_box color=”blue” text_align=”left” width=”100%” float=”none”]

– (IBAction)drawRedCircle:(UIButton *)sender {

[/symple_box]

The modified code, calling the method – (IBAction)makeYourPlanet:(OBShapedButton *)sender;  This code creates all the buttons and is called every time a planet needs to be created. There is an additional change to the code, the use of OBShapedButton[1] as a subclass of UIButton.

 

[symple_box color=”blue” text_align=”left” width=”100%” float=”none”]

#pragma mark – Main block of code to create the planet

 

There were brainstorming sessions with several members and discussions revolved around adding rating systems so people could review products or similar. The problem being that this was turning it into something that wasn’t a unique product and also one that would focus on a product or company too much; because this was a unique item to place on the shelves, a tip or helpful piece of advice for another visitor was seen as a more useful or more engaging desirable.