benetech / MathShare

MIT License
9 stars 3 forks source link

Your Sets: Overview: Logged In (Mobile > Dashboard)  #1401

Open alexrcabral opened 4 years ago

alexrcabral commented 4 years ago

This task defines the overview of what's displayed in the dashboard for logged in users, either who have existing sets or not. 

Full Mockup

Mockup of new dashboard, showing the Your Sets page, with rounded pastel problem cards in a single column. Along the top of the page is a Mathshare logo and a profile image. Underneath is the heading, Your Sets, next to a search icon and a dropdown showing the words, Most Recent. Each problem card shows a profile image, the designation Algebra 101, a three dot drop down, the problem set title, and the word Progress, followed by 02 of 06 Problems, and a progress bar beneath.

The above mockup shows the full dashboard in context (Mobile version). 

Users with Existing Sets 

All users (students & teachers) who are logged in, and have either created (/edit) or saved (/solve) a set in the past should be shown their existing sets (both /edit and /solve versions), presented in a single column of problem set cards. These are scrollable under the heading "Your Sets", followed by the all existing sets.

Users without Existing Sets 

All users (students & teachers) who are logged in but who do NOT have any sets, the Your Sets section should contain a textual suggestion to try one of the example sets below, or create a set on desktop. 

Copy: "You don't have any sets yet! Try solving an example problem set below, or create your own using the desktop version of Mathshare." 

Notable changes from mockup: 

Reference

Style Guide + Official Mockups: https://invis.io/CQYLLW8J49U

Mobile Mockups: https://invis.io/5HYLLW1G4BD

Fonts: https://www.dropbox.com/sh/c12m6ufweyds20d/AAAdXNPOt8e52DkSAr9pd-a-a/Fonts?dl=0

Acceptance criteria: 

Given that I’m a logged-in user on a mobile device who has created or accessed sets previously, when I go to the Mathshare dashboard, I should be greeted with any sets that I have created or accessed in the "Your Sets" section. 

Given that I'm a logged-in user on a mobile device who has not created or accessed any sets, when I go to the Mathshare dashboard, I should see a message in the area where my sets would be suggesting I try an example problem, or create my own on the desktop version. 

alexrcabral commented 4 years ago

Neither of these changes appear to be present.

With Existing Sets

("Teacher" account) with 10+ created sets:

Screen shot from a Pixel 2 render showing a logged in user A, with the dashboard Your Sets. In this section is a large box saying to add your first problem here.

None of this user's existing sets are surfaced on the dashboard.

Acceptance criteria:

"Given that I’m a logged-in user on a mobile device who has created or accessed sets previously, when I go to the Mathshare dashboard, I should be greeted with any sets that I have created or accessed in the "Your Sets" section."

Without Existing Sets:

Screen shot from a Pixel 2 render showing a unauthenticated user with the option to login or sign up, with the dashboard Your Sets showing. In this section is a large box saying to add your first problem here.

The copy is not included (nor are the example sets from #1409)

Copy: "You don't have any sets yet! Try solving an example problem set below, or create your own using the desktop version of Mathshare."

Acceptance criteria:

"Given that I'm a logged-in user on a mobile device who has not created or accessed any sets, when I go to the Mathshare dashboard, I should see a message in the area where my sets would be suggesting I try an example problem, or create my own on the desktop version."

johnhbenetech commented 4 years ago

So next steps here are

rupeshparab commented 4 years ago

following tasks have been completed: hooking up the Your Sets to the backend for logged in user displaying the provided text for users without sets

abaranowska1 commented 4 years ago

Tested

Verified cases:

johnhbenetech commented 4 years ago

@rupeshparab @abaranowska1 I talked to @alexrcabral and we can omit the problem set creation UI elements for now. When we build out the new design for the problem set creation flow, we will add them back

alexrcabral commented 4 years ago

Thanks @rupeshparab, this is looking really good