Interactive Bingo Prototype
Posted
Danielle Tice, Inside Feels Bingo Game
Many people have hard times feeling their emotions and differentiating between them. Neurodivergent people (like me) could benefit from an app that will constantly make them look for their feelings, capturing that moment of feeling the emotion.
The emotion wheel describes six emotions: anger, sadness, fear, surprise, joy, and love. People can use the wheel to identify their feelings and come to terms with how they are feeling and, ultimately, become more self-aware and self-compassionate. This bingo game is aiming to do the same thing but in an interactive way.
Hailey Fajnor, Let's Get Cookin Bingo Game
“Let’s Get Cookin’ Bingo” was developed with people who can’t figure out what to cook in mind. This bingo game reveals a panel of different ingredients customized with player preferences. When the user has all items on hand in a row, the bingo win will suggest a recipe to make with those ingredients. The objective is to give the cook inspiration as what to make and incentive to waste less food that may come from odds and ends in the fridge.
Katie White, Skiing Bingo Game
User Statement: A group of friends go skiing and they want some added entertainment throughout the day. They play a game of skiing bingo and race to complete a bingo with different sights they encounter throughout the day.
Grace Houdek, Concert Bingo Game
Sometimes concert and festival goers end up with a lot of spare time waiting for the show to begin. They would ideally like to have a fun activity to engage in with their friends and other attendees to pass the time. This application provides attendees with an exciting, concert specific activity to take part in together while winning awards, allowing the entire concert experience to be an enjoyable one.
| Educator/s: | Rebecca Tegtmeyer |
|---|---|
| Institution: | Michigan State University |
| Level: | Junior, Senior, Sophomore, Undergraduate |
| Duration: | 6 weeks |
| Category: | Interaction Design, User Interface, Visual Communication |
| Filed Under: | Brainstorming, Digital, Iteration, Mobile Application, Online Learning, Process, Technology, Usability |
| Bookmark Project | |
Project Brief
A well-designed interface is critical to the success of an interactive environment. Learning and practicing the Interactive Design Fundamentals (interactions vs. gestures + patterns) as well as Visual Design Fundamentals (communication + direction + amusement) is a component of this introductory course in Interaction Design. This project introduced students to these fundamentals and asked them to reimagine how the popular game BINGO can be played on a smart phone device. Using Figma, a commonly used web-based prototyping and design tool, student designed an interactive medium-fidelity prototype. They followed an interaction design process resulting in the final product that was a simulation/model/prototype of their idea.
Learning Objectives
PROCESS LEARNING OBJECTIVES:
Week 1:
1: Brainstorm traditional + alternative forms of BINGO.
2: Write a Concept Statement articulating your individual idea
and context of use.
3: Define a User Path by writing a User Need Statement
and diagramming a User Task Flow.
Week 2:
4: Sketch interface designs for a smart phone device.
5: Generate a medium-fidelity wireframe.
Week 3:
6: Conduct visual research and reference ideas for
a design direction in a mood board.
7: Create a consistent design system—type, colors, images,
icons, etc. (original and sourced).
Week 4:
8: Prototype (Medium-Fidelity) your Interactive BINGO game building on your medium-fidelity wireframe.
Week 5-6:
9: Generate a static mockup image of your prototype and record your prototype in use.
All Weeks at each critical step:
Critique the work of your peers and take into account the feedback you receive along the way.
PRODUCT LEARNING OBJECTIVES:
+ Exhibits your use of Figma as you maintain and generate
all of your process work in a single Figma file
+ Clearly indicates how someone plays your new game design
+ Is a model of typographic design, easy to use, easy to understand
+ Inventive solution to a reimagined BINGO game
+ “Digital Craft” is well-executed; Content is free of typos and/or grammatical errors; transitions and animations are
smooth and concise
+ Exported + shared from Figma in the means communicated,
appropriate for public portfolio presentation purposes
Deliverables
Concept Statement (Writing)
User Need Statement (Writing)
User Task Flow (Diagram)
Sketches (Analog or Digital)
Medium-Fidelity Wireframe
Mood Board
Design System Components
Medium-Fidelity Prototype
Mock-up Images of prototype
Recording of Prototype in Use
Readings/Resources
There are too many to list! If you are interested in resource details + the lecture content—I'd be willing to share a link to the course materials collected in Figma. Email me at tegtmey2@msu.edu.
Reflections
This course in Interaction Design is the only IxD course in our Graphic Design program, therefore it has to do a lot of heavy lifting. Despite having taught this course for many years, I am constantly reworking how to ease students into thinking like an Interaction Designer. With the added challenge of teaching remotely in 2020, I wanted to devise a project that would be fun, somewhat low-key, and be a simple way to introduce IxD. Fall 2020 was the first time I ran this project and additionally, it was the first time I have ever used Figma! Now in 2022 I have since ran this project in-person twice and Meaghan Dee ran the project once. Having someone else teach it has only improved the project even more. Student end the project with a completed case study ready for their portfolios!
