Real Time Mapping

Initially, I was only tasked with designing an animation for the empty state of the home screen that would be replaced after a map was generated.

The "North Star" cleaning run experience that we designed included a Real Time Mapping feature; the robot would show its location and generate a map in real time during the first cleaning run.

This was quickly ruled out as not in scope for release. The absence of this content brought up the new challenge of designing a placeholder animation until real time mapping was in scope.

Competitor analysis

With two problems to account for, I started analyzing our competitors. What did we use in our old app? Who had Real Time Mapping? What were our competitors using when they didn't have Real Time Mapping? Are these placeholder videos valuable to their users?
‍
Two of our competitors had Real Time Mapping. Our old app and iRobot did not. Overall, it seemed like the information provided before and during the cleans without Real Time Mapping were not very interesting or informational to the user. This seemed like an opportunity.

V1: The Interactive Approach

Real Time Mapping is in itself a unique interactive experience. You can watch your whole house be built on a screen by a tiny robot! It's cool! It's interesting! And we didn't have it. How can we still provide this exciting experience?
After brainstorming for a while, I threw out the idea for a minigame. I had game design experience, and to make a small endless runner that provided cleaning tips to the user would be simple to code.

V2: The Informational Approach

Okay, maybe a game isn't the best idea. Back to square one. I went through endless iterations trying to create a perfect cleaning run video that provided informational messaging to the user. We can at least make the wait time of a cleaning run valuable, right?
‍
Next, time to decide what will play during an actual cleaning run. Unlike the default screen, this video would be shown during every cleaning run until Real Time Mapping is implemented. The team decided to use this time as an opportunity to give users helpful hints.

User Testing

We finally nailed down a design and animation. Time to user test. We integrated testing of the default and cleaning animations into our July user testing.
We asked our participants what their first impressions of the default screen were. The animation was successful; all 5 participants understood that objects needed to be picked up before a cleaning run.
Full User Test
open_in_new
Unfortunately, the Cleaning Run Video was not as successful. Only 1 of 5 participants noticed the information bubbles throughout the video. The participants understood that the video was not a live feed of the robot mapping, but there was confusion about the fidelity and color of the map, especially when the final map was presented at the end of the cleaning run.

Final Revisions

I reviewed the User Study feedback with stakeholders. The informational content was completely overlooked by participants, and would be seemingly redundant if played for every cleaning run. After some discussion, we decided to readdress the aesthetic of the animations and go for a more minimal approach. We would keep the default screen informational content, but opt for a simple animation of the robot during cleaning runs.
Back To Top
arrow_upward