Brian Faucher
UX Designer, Graphic Designer, User Researcher
Find It Bingo
Project Overview
Another project introduced in GD468, I took it upon myself to create a unique app that gives new MSU students the opportunity to gain familiarity with MSU's campus. Making this app centered around Bingo is a way to make the experience entertaining as well as educational. In addition, in hopes of providing users with an incentive to participate, I proposed the idea of rewarding participants who manage to finish earlier with a wide variety of prizes.
Concept Statement
User-Need Statement
My idea for a bingo game revolves around the players visiting different MSU locations. They are given a bingo sheet that has different locations that can be found on campus. The game will require the player to take a picture of any given location and upload it to the application as proof they have visited said location. First person to get pictures of 5 locations in a row wins a BIG PRIZE!!!
A new student is visiting MSU’s campus for the first time. They would like to know more about MSU’s landmarks (particularly where they are and what they look like) so they can gain a better idea of how to navigate around campus.
Medium Fidelity Wireframe
This Medium Fidelity Wireframe provides a rough draft of how each page of the application will be presented to the users. This task flow shows how users will be expected to navigate through the application.
-
After students download the app on their phones, they will be prompted to enter their contact information to create a profile. This information should consist of: First Name, Last Name, Class Year, and their MSU Email.
-
Students will then be able to select which board they would like to complete.
-
Once a board has been selected, a random location on campus will be posted on the page. If the location posted is also on their board of required locations, the student would then need to navigate to said location and take a picture of themselves with the location in frame.
-
Once the student uploads the image, a built-in scanning system, ideally utilizing generative AI technology, will verify scan and verify the image's authenticity to ensure that the image was not gathered from the internet or altered utilizing platforms such as Adobe Photoshop.
-
Once the student as successfully completed five different locations in a row, they will be allowed to submit their board to the student orientation board who will review their submission and potentially reward the student with certain prizes, strictly depending on when the student made the submission.
-
The first student who submits a completed bingo board will win the grand prize. In the meantime, the first 30% of students who submit their boards will receive smaller prizes.
High Fidelity Wireframe
Upon gaining access to the app via scannable QR code, users will be directed to this page where they can simply click the arrow towards the bottom to set up their profile.
Key Takeaways
-
First time creating user-interactive prototypes using Figma.
-
Researching and incorporating a brand's particular color pallet to ensure design meets the brand's guidelines.
-
Figma grants you access to a wide variety of tools to help create fully functional animations, wireframes, and prototypes.
