Alexis "Lexi"
Biglow
ELVTR - UX/UI for gaming
Overview:
A study of Animal Crossing: New Horizons to evaluate UX/UI practices in game. Project was completed as an assignment for ELVTR's Ux/UI design in gaming course.
Task:
UX/UI Design, User Testing
Project Length:
7 Weeks
Tools:
Figma
Challenges:
Re-design the flow based on user feedback
Understanding player behavior in game
Design a game flow that isn't overwhelming to players
UX Design
Player Journey
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1092,h=618,fit=crop/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-m6L4gGpNqQUzWGkN.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=320,fit=crop/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-m6L4gGpNqQUzWGkN.jpg)
Paper Prototype & Flow Chart
Paper Prototype
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1033,h=226,fit=crop,trim=124.20557491289198;0;54.88153310104529;0/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-2-mP4Xq1JZzJCVO6rM.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=80,fit=crop,trim=140.77358490566036;0;62.56603773584905;0/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-2-mP4Xq1JZzJCVO6rM.jpg)
Flow Chart
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=916,h=296,fit=crop,trim=0;0;0;20.846905537459282/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-3-dOqXznjjjLfgyErD.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=112,fit=crop,trim=110.35772357723577;0;0;0/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-3-dOqXznjjjLfgyErD.jpg)
Wireframe
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1093,h=373,fit=crop,trim=326.09302325581393;180.32646331409728;82.95348837209303;163.1525144270404/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-5-YD0j1Q9OzkURQjEj.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=124,fit=crop,trim=369;180.1509433962264;90.2;163.77358490566039/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-5-YD0j1Q9OzkURQjEj.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1105,h=343,fit=crop/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-4-dOqXznwx07hMb788.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=115,fit=crop/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-4-dOqXznwx07hMb788.jpg)
Iteration
User Notes:
Add Inventory button to screen
Map Toggle should be more visible
Icons added to mini map
UI Style
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1150,h=577,fit=crop,trim=130.21732283464567;0;68.53543307086613;0/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-6-m7VErQGQbZhpkw7j.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=320,fit=crop,trim=0;1108.0621761658033;0;231.12953367875647/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-6-m7VErQGQbZhpkw7j.jpg)
Mockups
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=918,h=529,fit=crop,trim=221.87981510015408;0;221.87981510015408;0/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-9-AoPEBgxMKnUazVoG.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=240,fit=crop,trim=133.33333333333331;0;133.33333333333331;0/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-9-AoPEBgxMKnUazVoG.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=812,h=551,fit=crop,trim=249.49470499243571;107.86114221724524;89.32526475037821;141.76035834266517/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-8-YKbo5GgoMBUDpBOQ.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=260,fit=crop,trim=242.2250803858521;111.39047619047619;91.65273311897106;137.6/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-8-YKbo5GgoMBUDpBOQ.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1173,h=377,fit=crop,trim=72.02884615384615;0;55.65865384615385;0/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-7-AzGyqgglq5H020Gz.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=264,fit=crop,trim=0;0;0;1868.3870967741937/mxBxqER696s5P231/alexis-lexi-biglow---elvtr.-ux_ui-for-gaming.-class-1-13-may---july-7-AzGyqgglq5H020Gz.jpg)
Accesibility Test
Using a color blind test some of the text came up hard to read and color was updated
Updated Mockup
Outcomes:
Deeper understanding of UX/UI Design Process
Learned more about player behavior and what that looks like to UX/UI designers
Put UX/UI practices into game context
Post-mortem:
This project was a great way to dive into UX/UI with game context. Given more time, I would love to use tools like photoshop to go more in depth on this project.