MINDSPARK

Posted in Interaction, Interface, Web

Educational Initiatives wanted a complete UX and UI overhaul of their already successful product Mindspark (www.mindspark.in). Considering their primary requirements of accessibility and efficiency for the redesign, a thorough research was done and clean, light visuals were designed to ensure enjoyable UI for the intended audience.

The UI was functional through its usage of colours, animations and interactions. The UI was made intuitive to help students grasp it easily. Thorough design research with students and teachers was conducted to properly analyse their requirements beyond the scope of the existing version of Mindspark. The UI was conceptualised as four inter-dependant components for students and teachers. A supporting reward system was also strategised, designed and integrated as a part of the total Mindspark product package.

All images © Emotome

Client : Educational Initiatives (www.ei-india.com)

Deliverables : Information architecture, UX design, UI design, Asset Development, Development specifications, Prototyping.

SNIPPETS OF DESIGN RESEARCH

OUTCOME AND ANALYSIS OF SOME OF THE DESIGN RESEARCH EXERCISES

OUTCOME AND ANALYSIS OF SOME OF THE DESIGN RESEARCH EXERCISES

DASHBOARD SCREEN FOR GRADES 4 TO 7 STUDENTS

PROGRESS ASSESSMENT SCREEN FOR GRADES 4 TO 7 STUDENTS

QUESTION SCREEN GRADES 4 TO 7 STUDENTS / COLOURS ARE USED AS INDICATORS FOR STUDENT PROGRESS THROUGHOUT THE APPLICATION

DASHBOARD SCREEN FOR STUDENTS OF GRADES 7 AND UP

PROGRESS ASSESSMENT SCREEN FOR HIGHER GRADE STUDENTS (GRADES 7 AND UP)

EVALUATION SCREEN FOR STUDENTS OF GRADES 7 AND UP

CLASS SUMMARY SCREEN FOR TEACHERS

STUDENT EVALUATIONS SCREEN FOR TEACHERS

TOPIC WISE ASSESSMENTS SCREEN FOR TEACHERS

USABILITY TESTING OF NEW WORKFLOWS

STRATEGY FOR THE REWARD SYSTEM (CLICK TO VIEW PDF)

REWARD DASHBOARD FOR STUDENTS

VISUALISATION OF REWARDS FOR STUDENTS

 

Following are some of the rewards created to mark student’s milestones and recognition.