Emotion IQ Educational app
Lead UX /UI, Researcher & IxD Designer
Context
The education system is trying to put forward the concept of Emotional Intelligence and Emotional Quotient (EQ) into its curriculum.
A third party provider was asked to develop an application that could help students develop their EQ.
Issues
The application was set to be used by 3 distinct personas: the students, their teachers and the school principals.
The medium used varied with the persona: mobile phone and tablet for students, and desktop for teachers and principals.
The functionalities would be different according to personas: watching videos and performing tests for students, overlooking and evaluating students performance for teachers and evaluating classes performance for school principals.
Challenges
My intervention within the project came once the inception and part of the conception began. Functionalities and requirements were already established and architecture of the app/website had already begun. Some moderate intervention was possible but not to the full extent.
Partial Sitemap of the desktop version of the application
Requirements validation
I sat with the stakeholders to evaluate the current stage of the conception and we evaluated all the requirements and functionalities in regards to best UX and Interaction Design practice. We were able to reformulate some of the requirements which allowed for the development of new features.
Wireframe study of proposed UserFlow
Thinking web responsive
One of the larger issue was the fact that the application had be used with 2 particularities in mind:
-
Students would use the application on a mobile phone or tablet to view videos and perform tests
-
Teachers and Principals would use it on desktop for monitoring students and/or classes performances.
Mobile version
Desktop version
Function adaptability
The Interaction Design of the application had to the reflect the features used by the 3 personas. The video streaming was dedicated to the students while the student evaluation function was reserved for teachers. Only the monitoring was necessary for the principals in the mobile version.
Principal's version
Teacher's version
Student's version
Responsive Design
Two of the main features included video streaming followed by test evaluation. For the streaming part, the user had to be able to select the video to watch and be able to watch it on landscape format.
Portrait Format
Landscape Format
Interaction Design
For the test evaluation part, the user had to refer to a corresponding image and select his answer. Once validated the correction appeared with an explicative text for didactic purposes.
Question Display
Answer Selection
Wrong Answer Feedback
Holistic approach of the product
The program was constructed around thematic modules which could be buy individually.
A library of available modules had to be developed. As well, because of the commercial nature of the application a shop to buy the modules and collateral products was designed.
Shop's homepage
Video Library
