Term 2 Figma Mockups - Githubissues

dartmouth-cs98-23f / project-short-learning

project-short-learning created by GitHub Classroom

0 stars 0 forks source link

Term 2 Figma Mockups #106

Open jessieli24 opened 8 months ago

jessieli24 commented 8 months ago

See T2 Drafts series under Term 2 Mockups in our prototype.

Summary of UX changes (by version)

T2 Drafts 1

Inspired by Headspace
Mostly portrait mode (except for Watch, which will still most likely be landscape)
Significantly more user control
- Fine details provided about each topic, playlist
- Can navigate to a video
- Borderline Khan Academy
Progress tracking
Can collect/accumulate skills in profile
Challenge might be varying user experiences

T2 Drafts 2

More Instagram-like Explore, replicated search flow
Removed skills
No user control on the video level
- Cannot see details of a playlist (select video to play)
- Only exception is in Watch, where swiping backward (need to confirm direction) would probably go back to previous

T2 Drafts 3

New playlist preview, show thumbnail and title
Instagram-like Watch (playlists similar to posts, horizontal video carousel)
Kept role map feature