Want to Work Together?
Snoopy Checks the Weather
Designing micro-interactions
The Brief
Design a task execution on a smart watch platform with the primary focus on micro-interactions.
Year: Spring 2024 | Project Length: 2 weeks
Design Process
I researched micro-interactions, animations, weather apps for smart watches, made sketches, and created a prototype in Figma.
Process
I researched micro-interactions, animations, and weather checking apps for smart watches.
I made a storyboard and Figma prototype to create Snoopy Checks the Weather
Research
I found some really great ideas and inspiration for my micro-interaction
Key takeaways:
- The small size of a smart watch screen looks cluttered with a lot of elements/ features
- It's better to tell the user the most important information
- Animations can help convey information quickly and they are fun too!
Inspiration
Drawing inspiration from the whimsical world of Peanuts, specifically the iconic Snoopy character, and the existing Apple Watch Snoopy watch face, I created a micro-interaction called "Snoopy Checks the Weather."
-1.png)
Storyboards
I created a quick sketch of idea of how checking the weather might work.
I wanted to have an app that could quickly tell you the weather in a fun and interesting way, when researching I saw a fun Snoopy watch face with Snoopy doing silly and fun things throughout the day, I thought this would be a great way to check the weather as well. I sketched the basic idea of the interaction I wanted.
Animating in Figma
I then created a story board in Figma and began to animate the interaction.
- User opens app
- Snoopy raises the spy glass to check the weather
- Spy glass view opens, letting the user see the weather
- Weather animation
- Weather animation
- Weather animation
- Snoopy reappears with in weather appropriate attire.
User can check the weather for later in the day or refresh the app - User can toggle between the weather right now or later in the day or refresh the app
.png)
Prototype
After researching and thinking about how and why I would use a weather app. I came to the conclusion that I wanted to create a quick, and fun way to see the weather, as well as see what type of outerwear I would need for the day.
Users are greeted by Snoopy, who interacts with the weather information in a whimsical, and engaging way. The goal is to bring a smile to their faces each time they glance at their weather app.
Users are greeted by Snoopy, who interacts with the weather information in a whimsical, and engaging way. The goal is to bring a smile to their faces each time they glance at their weather app.
Key Features:
All of the necessities, and some fun things too!
- Temperature written out
- Toggle to see the weather for now and later
- Cold weather attire to help the user know what wear/ signify the weather conditions
- Snow to further reinforce the weather
Reflection
What Worked :
“Snoopy Checks the Weather” strikes a good balance between whimsy and giving the user essential weather information.
What Didn’t Work:
Some users might be looking for a more in-depth forecast of the weather, which is not an option in “Snoopy Checks the Weather”.
For Next Time:
Given more time I would like to add weather forecast option, create more micro-interactions for Snoopy, and add Woodstock (Snoopy’s best friend) for an additional layer of whimsy and fun.
