Milestone #4

System Concept & High Level Architecture

WoofieRun is a mixed-reality application that helps users establish running habits by exercising with a virtual dog, Woofie, through AR glasses. 

In our user research, we’ve identified the major pain points for new runners to build their running habit including lack of motivation, lack of companionship, lack of established routes and fear of getting injured. Based on our findings, we designed a gamified system to The interaction diagram below shows the high level features of WoofieRun:

The system consists of an AR glass and a mobile app, below is the Product Architecture diagram that represent the high-level architecture of the system:

The AR glass includes a projector and speaker to display Woofie’s image in the real world. GPS is used to help the user stay on the right route, as well as monitoring their running speed. Heart rate sensor is also used to capture real-time running data. Both the speed and heartbeat data would be displayed on the virtual interface while the user is running.

The application is used before and after the running, for choosing running route, redeem rewards and managing running data.

Both the glasses and the app are connected to the internet so the system can give real time feedback and instructions to enhance the running experience.

The Demo

Demo Goals

In the final video, we want to demonstrate the perfect scenarios of How users go through the whole running experience accompanied by our product, WoofieRun. The video is designed to mimic the interaction of users interacting with five main features of our product including reminder, stretching, treasure hunting, store shopping(redeem rewards) and running guide.

Our Demo

For the demonstration, because none of the existing AR prototyping tools has the flexibility that we need in prototyping WoofieRun, we decided to accomplish the goal by using video editing tools and Figma.

In our script, we first introduce our user Sophie and her frustration about sticking to her current running plan. Then we introduce our product and showcase how Woofie could help her deal with the dilemma she has by going through the whole running process.

Demo Script

Prototyping Process

In order to reach the goal of providing a smooth user scenario of our WoofieRun AR glasses, as well as demonstrating the whole system including the glasses, mobile App, and our main character Woofie, the AR dog who serves as the best running mate of users, our prototyping process involved the design of Woofie, the iterating process of app UI from wireframe to hi-fidelity prototype, and the design of other UI components user will see with the glasses on. 

The AR Glasses

Due to the limitation of practicing social distancing, we were not able to combine our resources and come up with a physical AR glasses prototype. Instead, we used Photoshop to demonstrate the technical elements of the glasses and also video editing to simulate the computational effect of the actual product.

Woofie

The design of Woofie focused on a cute and friendly dog character to encourage users to keep up with their running goals. We created not only static pictures to display on the app interface, but also generated animations to add to the demo video for viewers to understand how Woofie will guide users in all phases of a scheduled running, and how users may interact with Woofie. 

UIs

The Companion App

For the companion app, we get started by sketching wireframes based on the key features that the app plays in the whole system, including reminders, pace and route selection, glasses locator, as well as a store where users could redeem for rewards. We added the recording of app interfaces to our demo video to showcase how users interact with the app to realize certain goals at different stages in the running trip.

AR screens