Colours and Shapes: Review part 1
Identifying and Categorizing Interface Elements
Colours and Shape is a game created by my group: Illa, Amanda and me, Shazry. It's a serious game that is meant for children that the range of kindergarten or primary school. The objective of the game is to mix to match the shape and colour to the goal.
This is the menu screen of the game that shows the title of the game and a play button. The button is Diegetic and active so the players can start the game up. It's Diegetic because it blends with he image of the title screen and the player could interact with it.
There's a number of ui being placed at the start of the game but it will be explained throughout the first level. The shape identifier that is located at the top of the screen is Meta because it informs the player what shape and colour is the player controlling currently and its out of the game environment.
![]() |
| MenuScreen |
![]() |
| Tutorial Level |
The signboard on the bottom left and the HUD on the bottom that has the bucket and fruit icons are Non Diegetic because the player doesn't have to interact with it
The balloons in the game is spatial because its just indicating the player what to press but doesn't really interact with the players themselves and its in the game environment.
The butterflies and bunnies are Diegetic because when the player is close enough to them, it will be activated and move around and its in the game environment.
The Fruits are Diegetic because the players will have to come close enough to it to collect them up.
The wrong signs beside the burrows and tutorial signs are spatial because its just there to indicate players information but the players can't interact with it.
The roofs on top of the burrows are spatial as it's in the game but its not interactable, only giving information that its occupied or filled.
The Clouds are Diegetic because the players can interact with it to change its colour but the Cloud smiles are spatial as it on the clouds itself but its not interactable, only gives information that the player has just interacted with the cloud.
Colours and Shapes: Review part 2
Colours and Shapes: Review part 2
Goals and Considerations
Since the game is meant for children, the goal for this ui design has to be easy for them to learn the interface instantly, easy to remember, error free and also satisfactory for them.its important to have this goals in mind is so that they wont easily get lost in the ui design and not know what does one ui meant. There's are also considerations that has to be implemented such as Affordance, Constraint, Visibility, Mapping, Feedback and Consistency.
For the Main Menu Screen, it only shows the title of the game and an interactable play button when the cursor hovered over it and will start to glow.
For the In Game Ui, theres multiple ui in the game such as the Shape Identifier, Basket and Ingredient icons, and the Shape Signboard.
Colours and Shapes: Review part 3






No comments:
Post a Comment