UX Design

UX Design–Part 2: Screens & their purpose

Generated by Adobe Firefly, 4 August 2023.

In my last post, I wrote what the description and basic functionality of my app will be, and this time I’ve made a list of all the screens and what they’ll do. This will make it easy for the next step when I sketch out each screen on paper. But first things first. Here’s a list of each screen and actions/tasks for each.

Welcome

  • Button to create profile
  • Link to log in

Login

  • SSO options
  • Email or display name
  • Password

Create profile

  • Display name
  • Email
  • Password
  • Confirm password
  • Proficiency level

Reset password

Logged in user

  • List new conversations
  • Favorite
  • Add notes
  • Share
  • List completed conversations
  • List conversations in progress
  • List saved vocabulary words
  • Display name
  • Proficiency level
  • Change proficiency level

View conversation

  • Play video
  • List vocabulary and definitions
  • Save vocabulary word
  • Translate conversation
  • Favorite
  • Add notes
  • Share

Learn vocabulary

  • Forward and back
  • Flip card
  • Pronounce word
  • Save vocabulary word

Quiz

  • Read question
  • Read answers
  • Select answer
  • Check answer and get feedback

Practice conversation

  • Forward and back
  • Play prompt
  • Record response
  • Replay conversation

Completion success

  • Assessed proficiency level vs set proficiency level
  • Change proficiency level
  • Share achievement

Leave a Reply