Tumgik
leearob · 3 years
Text
ITGM 405 Blog #1
In the recent weeks I have started a project for my senior Studio class where we work on one long portfolio project. There is free range of what we can do, with some students programming a game and others modeling characters or environments. I chose to create the UX/UI design for an imaginary game which I have titled “Farming Protection Program.”
Farming Protection Program, or F.P.P for short, is an imaginary farming simulator game where you play as a character who recently stole valuable information from a foreign government and has to go into witness protection program. They have to be a farmer by day while at night you have to protect your crops from villians and foreign enemies at night.
The past 3 weeks I managed to finish 3 versions of wireframes for my project and they went under 5 different user testers to see what the issues were involving placement. Wireframes are meant to be in greyscale so that users can focus on placement before they see the visual design.
Tumblr media
Above is the user testing that my wireframes went through. I found that I lacked a direction and that the wireframes weren’t cohesive so when I worked on my final wireframe I took the things that my user liked and didn’t and tried to apply it to a more cohesive design.
Tumblr media Tumblr media
This was the final wireframe. I included some icons I also drew to help with context for the users. It underwent 3 more user tests just so that it could be nitpicked and get feedback as it was a completed and cohesive wireframe. (Note the backgrounds are not my property. They were simple placeholders that helped with context).
After, I had to come up with the visual design. Doing this required me to think about a color palette and font that helped with the style. I struggled with this at first and decided to work on creating more art such as icons and things of that like. After doing that I felt a lot more comfortable making the visual design, and they helped me a lot. The icons really helped with the visual design.
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Included is the title screen, a HUD, an inventory, a main menu, a weapon customization screen, and a character screen. It has begun user testing and has already gotten some good feedback, but I haven’t finished the usertesting quite yet. 
More updates to come!
2 notes · View notes