JASON is an independent nonprofit founded in 1989 by Dr. Robert D. Ballard. JASON provides an LMS platform with curriculum and learning experiences in science, technology, engineering, and math (STEM) for K-12 students, and high-quality professional development for teachers.

 

My Role

User research, User Interviews, Persona Creation, User Journey, Information Architecture, User App Flow, Wireframes, Visual Design and User Testing

Problem & Constraints

  • Relevant content for respective screens was missing, there was excess information which made the links redundant.
  • UI of the site was complex and confusing in comparison to the modern day web apps, also bite size information was missing.
  • The interface did not scale up and down as per the different screens. Students were unable to use the platform across different platforms like mobile and tab.
  • The processes in the site were very complex to learn and get a hang of.

Persona

Based on the research found in the discovery period of the project few personas were developed. Designing for these personas helped in making informed design decisions as I had the end user always in mind.

Jason Curriculum_Page_2

User Workflows

After identifying the pain points I made the user journey flow, where in I captured how the user would move across the platform.

JASON Workflow_Page_1.png

 

Sketches & Wireframes

After agreeing upon the user flow the screens were brainstormed through the sketching process, where the different affordances and signifiers for respective screens were locked. Once that made sense I moved forward to wire-framing.

Wire-framing was a process to take the student’s and teacher’s flow digital, these were the two main stakeholders of the product. The user experience of these flows were presented in different shades of grey so the essence of the journey for our personas could be captured.

Sketches

Jason CaseStudy sketch_Page_05

Wire-frames

Jason Curriculum_Page_3.png

Visual Design & Prototyping

I took to Sketch and started creating higher fidelity versions of the app. By this time our project stakeholders had grown to include more institutions and so we had the benefit and challenge of a more diverse project team to move the application forward.

Jason CaseStudy sketch_Page_03

The wireframes and high fidelity designs individually made less or no sense till they were uploaded on invision (a prototyping platform). The screens for both the teacher’s and student’s account were connected to make sense and get feedback before jumping to the development phase.

Jason CaseStudy sketch_Page_02