FindAMoo

Creating a cow scavenger hunt game for UC Davis students to spend more time on campus and get moving.

Role: Product Designer

Date: January 2022 - May 2022

Team: Tony N., Sophie L., Laura Y., Alp. G., Aurielle J., Alan C., Alec L., Nathan D.

Introduction

FindAMoo is the app that I created with my team at CodeLab, a UC Davis design and development club. Throughout our project term, we developed a mobile scavenger hunt game for UC Davis students to catch virtual cows and explore the school campus. I worked closely with 2 other designers to design the game, and worked with 5 developers and our product manager to see through the development of the app.

Project Assignment

The Initial Plan

My team was assigned to work on creating an orientation app for new UC Davis students to use while they’re attending the week of orientation and learning to navigate the school. The app was meant to serve as a complement to orientation activities and be a resource for finding events and school information.

It offered 3 main features:
• A schedule for orientation events
• A campus map
• Informational pages on school and academic resources

Research

We asked current students through interviews and a Google Form survey about orientation to learn more about their past experiences. Orientation lengths and structures varied depending on the year they each entered UC Davis, due to COVID-related changes. Regardless of the differences, however, most reported feeling that they didn’t learn enough about the UC Davis community. Our findings revealed that what was covered during orientation was not enough for new students to learn about the school, leading us to seek ways to connect people to information.

Using our findings from research and with app requirements in mind, we mapped out a user's end-to-end experience with the orientation app. This was a way for us to visualize a user's path and see how our product could help a new student feel more confident and prepared to start school after attending orientation.

Experience map for the orientation app

Pivot

Working Within the Opportunity Space

Following initial research into orientation experiences, our team decided to pivot to a new idea. Discussions about the challenges of approving a student-made app as an official school resource led us to reconsider our efforts of creating the orientation app.

Looking for new ideas, we participated in a round of crazy 8’s as a group. We wanted to address our main takeaway from orientation interviews, and centered our brainstorming around the issue of students not feeling informed enough about the UC Davis campus and community through orientation.

Our group decided after shareout to move forward with the concept of a mobile cow scavenger hunt game for UC Davis students. A daily game centered around the campus would increase student engagement and encourage exploration, and we believed this would be appealing not just to new students learning about campus, but also to older students who want to participate in a campus activity. We additionally chose to center the game around collecting cows, as cows are commonly seen as a mascot of the school and this would give our game a UC Davis-centered identity.

Research and Synthesis

Understanding Game Experiences

After developing the idea of a cow scavenger hunt game, I worked with the other designers to learn more about people’s experiences with games.

We collected responses on a survey asking students about their preferred gameplay and what features they found most enjoyable. Many were drawn to the social aspect of games, and liked being able to progress levels and earn achievements.

Our research also involved looking into games such as Wordle and Pokemon Go for their daily play and location-based aspect, respectively. We looked to consider which features made the games engaging. Wordle’s streaks encourage users to play every day, while Pokemon Go’s scavenger hunt of Pokemon not only encourages physical activity but also brings people together to explore their community.

Synthesis from our research indicated that people are drawn to social games with some form of game progression.

Challenge

How might we faciliatate UC Davis students’ engagement with the campus and culture, and foster a sense of community?

Ideation

Brainstorming Features

We participated in another round of Crazy 8’s as a team to ideate on potential core features of the app, drawing upon what we learned about game experiences. At this point, we were several weeks into our project term and wanted to rapidly brainstorm ideas to begin design and development. We found a few features in common:
• Daily streaks
• Daily custom cow
• Barn collection of cows

These features incorporate the concepts of game progression and unlocking items or achievements.

I worked with the designers and our product manager to fully map out the game experience. We defined the main sections of the map, barn, and profile, then came together to visualize how a user would be able to collect a custom cow daily, view their entire collection of cows, and manage their information. From this, we gained a clearer picture of the app’s functionalities.

Further refinement of game specifics included creating a level system to establish guidelines on the types of custom cows that users can earn. Through this, we also created game progression, which we learned from research many participants enjoyed.

FindAMoo user flow

Prototyping

Creating FindAMoo

We moved to creating low-fidelity wireframes after developing the user flow. Our primary focus was on feature navigation and building out functionalities. I led the design of the user onboarding and profile.

In the onboarding, users sign up or log in with their account then follow a mini tutorial in which they’re introduced to the game and its features. The main challenge here was in writing succint, clear descriptions and directions that would give users a solid understanding of gameplay.

In the profile, users can keep track of the number of cows they’ve collected and their level progress. Here, they’re also able to read about the level system and learn about how leveling up unlocks a new type of cow to collect.

Initial wireframes of the onboarding and profile

The map, "Cow Caught" info screen, and barn collection of cows

Usability Testing

Mid-Fi Usability Testing

We conducted a round of testing following the creation of our mid-fi prototype. Our goals were to gain feedback on our game concept and test the ease of navigating the app.

We tested with 5 participants and found that while there was positive reception of the scavenger hunt idea, there was confusion around gameplay and game features. Participants were unsure about how many cows they were able to collect each day, for instance, and didn’t fully understand the level system benefit of being able to unlock new types of cow accessories. Additional feedback was given to increase options for customization.

Key Insights

Improve the onboarding experience

Participants skimmed over the onboarding screens that provided game feature descriptions, prompting a rethinking of how to present the information.

Refine game instructions

We learned that game mechanics were not fully understood, especially concerning the level system. This revealed the need to focus on writing clearer copy.

Add customization options

Participants wanted more things they could customize, leading us to consider potential areas where users can customize their experience.

Prototyping

Developing a Hi-Fi Prototype

We progressed towards a high-fi prototype while working on solutions to the problems that we identified from users and building more detailed prototype interactions.

Improving the onboarding experience

Most participants during testing skimmed over game instructions in the initial onboarding screens. With the understanding that the original flow didn’t draw enough attention to the game rules, we worked on a new app walkthrough to present the information in a more engaging way. The walkthrough brings users through a series of hotspots, encouraging them to read about a highlighted feature.

Refine game instructions

Users also expressed confusion over which type of cows they were able to catch at their current levels, leading us to revise our description of the level system to more clearly explain what occurs when leveling up and which cows they are able to collect at each level. Additional detail was added to the onboarding section.

Adding customization options

We introduced a feature allowing users to “build” their own profile picture. Originally, users set one by choosing one of the cows in their barn. This new feature allows users to now create a custom one by selecting a cow, cow accessory, and background color. With the available options being only what users have collected and earned thus far in the game, we believed that this could also incentivize users to play each day.

Usability Testing and Prototyping

Refining Designs

We conducted an additional round of usability testing, this time hoping to learn whether our most recent iteration improved gameplay understanding and ease of interaction.

We found that while users gained a better understanding of specific functions, a general sense of the the game was still lacking. It seemed as if we were missing a more high-level description of the game, leading me to design an additional screen to address this pain point. This new screen provides a broad description and is placed among the initial onboarding screens to prime users before they dive into the app walkthrough and learn about individual features.

We finalized copy and completed prototyping smaller interactions such as barn searching in our last round of iterations before the end of the project term. Final work for FindAMoo included a presentation where we showcased our prototype.

Final Designs

Onboarding

We expanded on the onboarding due to user feedback, adding a product tour in addition to the brief carousel walkthrough that introduces the game. The product tour highlights major features and details game mechanics.

Cow Catching and the Barn

When users catch the cow of the day, they can rename their cow and access a map detailing precisely where it was found. Every cow that a user has collected can be found in the Barn, which can be accessed at any time.

Profile

The profile allows users to learn more about levels, which increase the cow variations that can be found, and track their level progress. Users can also create their own customized cow avatar by selecting a cow and accessory that they’ve previously collected.

Design System

We created our design system with the aim of giving a playful, friendly feel to the app.

To convey a playful and friendly feel, we chose bright colors and bold headings to create the sense of personality

The level system consists of 5 levels, each unlocking a new type of cow or cow accessory to collect

We created a custom map style to match FindAMoo's branding and tested different variations for greatest visibility

Reflection

Takeaways and Next Steps

Next Steps

Our team's work on FindAMoo concluded at the end of our 16-week term. At this point, we had completed the prototype, backend, and initial parts of the frontend. With additional time, our team hoped to finish development of the app, launch it to the UC Davis community, and gain feedback from users to make further improvements.

Takeaways

This project was a great opportunity to gain experience working as part of a product team. For most of the team, this was our first exposure working on a project like this and we came away with more insight into the typical work and collaboration that occurs in a product team.

One major takewaway was the importance of UX writing. Working with the other designers in the early creation of the app, we prioritized designing major features and interactions but didn't give UX writing enough focus. We discovered during testing that our wording contributed greatly to a user's understanding of the app and it was especially essential for a new game that users have never played with before. Moving forward, I hope to study this more in-depth and develop my copywriting skills.

FCSA   •   FindAMoo   •   Wanderlist