Animation Throwdown
Overview of Game:
Animation Throwdown is a mobile card collecting fighting game made by Kongregate. The provides players to battle with their cards in events such as Clashes, Rumble, Siege, Swole and more.
The goal as a UI designer for this project is to develop a solution to improve player usability for an existing game using Adobe XD
UI Design Prototype
Solution Available On
Official Game Available On
Game Details
Platform: Mobile
Game Engine: Unreal Engine 4
Duration of Project: 16 weeks
Project State: Completion
Team Size: 1
Project Roles:
UI Designer
UI Design Documentation
Developing pre-production Initial Ideas, research and concepts
Concepts and Ideation
I started off by choosing Animation Throwdown mobile game and to find UX flaws within the game. I created a flow diagram that covers the menus in the game apart from the in-game UI battles. After that I went into scamping out a solution from looking at the player usability between menus.
For more in depth information
please press button below
Wireframes
I started making some low fidelity wireframes keeping the designs usng simple shapes and outlines for text and having it available to start prototyping. After testing, I went into making high fidelity wireframes using created icons, in-game images and suitable colour palette used to keep the same sense of belonging towards the game.
For more in depth information
please press button below
Prototyping
At this stage of the project, it was all about testing prototypes and aquire constructive feedback from peers using questionaires and one to one discussions
The Quantitive feedback provided enough information to improve the player usability such as;
-
Minimising Event Menu button to one
-
Improve Padding Alignment
-
Applying game font style