After the name field was used it would ask the user to select a colour, this would form the button for them, at this point their name but in the final version their planet. The bulk of the code to create the circle, the name label, as well as the date and time label with a shift to account for the spacing of the name, was implemented in this method.
[symple_box color=”blue” text_align=”left” width=”100%” float=”none”]

 

@”Anon”;

// **********    FORMAT THE APPEARANCE OF THE NAME LABEL ********* //

There is also a method implemented – (IBAction)displayInformation:(UIButton *)sender; that will dim the view of the circles / names to allower an easier view and focus of the name field. This was the result of observations with users interacting and seeing both the circles and the text field at the same opacity didn’t indicate a priority and they became confused as to what they should click.

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

They now had a textField appear where they tapped the screen to enter their name, and then make a selection of a colour. Tapping the screen once resulted in the field appearing and the keyboard coming into view so they could enter it.

Further alterations included moving the colours to a more prominent place as several users missed the colour area to tap to create the circles. It was altered so that when you had typed in your name the colour selection box became apparent.

Prototype

Figure 39: 23/05/12 the new choose your colour screen to bring prominence to it.