Emma: Task Flows/Site Map & Sketchy Screens
Site Map
Here is our team’s site map. We broke up our app into four main sections: workouts, leaderboard, progress, and profile.
Task Flows
For my portion of the tasks flows, I focused on the sign-on process and the leaderboard page. Here is the overall flow of both task flows.
Sign-on Task Flow
We decided to keep the sign on process simple without the use of third-party log-in information.
Leaderboard Task Flow
On the leaderboard page, users are able to discover how other users or their friends are doing in their fitness journey. Users are able to friend request other users and remove friends as well.
Sketchy Screens
For the sketchy screens, my team decided to use Blasamiq to keep all of our sketches consistent. I kept the sign-on page every simple and reflected the task flow described above. For the leadership page, I had envisioned a section that would display over stats (e.i. number of videos watched) at the top of the page. Next, we have the list of top users and their stats displayed. These users can be added as friends, just like the task flow described. The friends tab would be similar and when clicked on the users, it will link to their profiles.
