UX/UI Research Document
Role: UI/UX Researcher
Several documents analyzing and studying the wireframes and guides of already existing games for a study*
​
Includes: Wireframes and Diagrams of UI/UX
​
*This section will consistently be updated with new research
Last update: April 22nd, 2021

Cover Image Credit: Miro Blog




All images can be enlarged by clicking on them

Making Eggs
Practicing creating flow diagrams by using the example of making eggs
​
-
Creating an organized designed path
-
Consider different options and how that changes the flow
​
Created using diagrams.net
Among Us
Identified the flow of a pre-existing game
​
-
Created pathways based on the presented UI
-
Marked all the possible screens that the user can be directed to and how they are directed
-
Identified the large number of screens a game can contain without the user realizing
​
Created using diagrams.net

.jpg)
Mario Kart
Practice wireframing by outlining a pre-existing game​
​
-
Identified components of several screens (start screen, customization, HUD, etc) and how it is presented to the user
-
Understood the number of assets and visuals that fill a screen and how it is communicated
-
Took special notice to color to mark possible selections options
​
Created using diagrams.net