Ryan Samways
UI/UX Design
For this assignment, I was tasked with producing a
fully functional, simple PC game segment that
features a comprehensive graphical UI.
(Assets and game scene already provided)
I would need to produce a design document, demonstrating my thought process through
Lo-Fidelity & Hi-Fidelity drawings, supported
by theory.
Followed by producing the final designs which
would eventually be integrated into the game
through Unity.
To make the UI more sophisticated, I was asked to make the UI help the player complete an objective within a PC game. The objective was to collect as many points as possible before the players health reached 0.
There would be 4 different collectable types that score you points, and a health collectable which boosts the players health. This would require C# Scripting to build a playable level.
For this assignment I was awarded a First.
Software: Unity, Visual Studio, Affinity Designer
Design DocumenT
(Lo-Fidelity)
The first task was to produce a series of drawings for each scene within the game, There would four scenes in total, the Main Menu, the Character Selection Screen, the Gameplay Scene and the End Menu.
I also needed to consider HUD Element designs, as well as the Popup Screens.
I needed to narrow all my drawings down to two designs per scene/screen. Comparing each designs benefits and drawback, then come up with a final design that will be used in the game.
Main Menu
Character Selection
Game HUD Layout / Elements
Popup Screen
End Menu
Design DocumenT
(Hi-Fidelity)
After deciding the design for each scene/screen. I produced Hi-Fidelity versions. Using vector drawing software to produce what will be the final elements for buttons, imagery, overlays, popup windows and HUD elements.
These will be displayed in a scene example to present how each scene will look and behave from player interaction with certain elements.
Main Menu
Character Selection
Game HUD Layout / Elements / Popups
End Menu
The FINAL OUTCOME
In the end I was able to produce a wide range of UI elements which could be used within a game. Based on theory backed designs which would help the player complete their main objective.
I was also able to set up a small game segment using C# scripting, which allowed the player to collect in game collectables and score points. While displaying UI elements in correlation with their health, stamina, player position, points score, and collectables.