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.
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.
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.
After identifying the pain points I made the user journey flow, where in I captured how the user would move across the platform.
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.
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.
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.