ECOLE INTUIT LAB
Cosmopolitan
|
Design institute
|
Western culture Inspired
UX / UI Case Study
A standalone application which is easy to access for students, faculties, administrative & parents.
1
OVERVIEW
The current website is just an informational place which lacks lot of details about college and also the CMS website need to be integrated with the main website.
​
2
PROBLEM
Being a well know Design institute Ecole Intuit Lab lacks a self sufficient website/mobile application. They are currently relying on Third party apps which in turn makes life more complicated for their own students, faculties, & administration team. The unfriendly UI design makes them use their own personal resources and it also lacks proper communication medium between each groups.
3
SOLUTION
Simplifying the offline presence by making the accessibility easy for every user with a transition from website to mobile application with a complete integration of all technical aspects too
DESIGN PROCESS
DISCOVER
-
User Interview
-
Survey
DEFINE
-
Persona
-
Empathy Map
IDEATE
-
User Flow
-
Information Architecture
DESIGN
-
Paper Prototype
-
Wireframe
TEST
-
Usability Testing
-
Feedback
Research, Empathize & Define
1
Survey
In qualitative research phase, I interviewed 6 potential users to better understand & define challenges, goals and frustrations. Below are some of the questions
QUESTIONS FOR THE FACULTY
-
According to you which section is the most engaging section in apps like these?
-
Is the existing app complicated for you?
-
Do you think a standalone college mobile application would be helpful?
-
What are your expectations from the app?
-
What are some of the specific features as a faculty you would recommend.
-
As a parent do you look into your child's college portal ?
-
Will an automated Attendance system be helpful if integrated with mobile app?
-
Are you technologically sound with the upgrading systems?
QUESTIONS FOR THE STUDENT
-
Is the college portal easily accessible for you?
-
Would you like to have a social platform that can keep you connected with other students across all campus?
-
Which is the most used app in your phone?
-
Will a direct fee payment link will be helpful?
-
What are the features you would want to add or change from the existing app?
-
Which section is the most engaging section in the app for you?
-
How often do you access the app?
-
Do you think a standalone college mobile app would be helpful?
-
​Do you think blogs/vlog/events section would be helpful?
Key Insights from the interviews
There is no proper Course Management system (CMS) for the students as well as faculties to have a proper course clarity.
​
The current CMS system is complicated in terms of architecture, navigation and accessibility.
​
The statistics about students attendance, course, and classes are not well defined.
​
Both the student and faculty are unable to connect smoothly due to lack of proper communication platform
A section where students work can be shared for others to draw inspiration from and also appreciate good work of their batchmates.
​
Communication gap between different campuses across globe.
​
An automated attendance feature to reduce the overhead burden of manual system.
​
A proper section to manage assignments, timetable and attendance.
​
15 REASON WHY?
Based on interviews 15 reasons are noted down as to why a standalone application is needed
-
Ease of access in order to stay connected everywhere and anywhere.
-
Course Management System will be helpful and also help stay connected globally.
-
Newsletter/Blogs section will keep them updated with new Design trends and connected with industry standards.
-
Better Time management system which will help student track their attendance and academic statistics. (Better representation)
-
Real time schedule display will be helpful for both faculties and students.
-
Student portfolio section will be useful for portraying college teachings along with companies to look for hiring.
-
Internship/Job search section like Naukri will be engaging section for students/
-
One time Login required in app will be the most time saving process for everyone.
-
Google calendar sync will make life more easier with reminder notifications.
-
International exposure by staying connected with students / faculties across campuses.
-
Non - Ecole Intuit Lab member can browser through the website for college information, design inspiration shared through students work and also connect with Administrative team with just a click away ( WhatsApp chat)
-
Automated attendance feature to decrease the manual effort of faculties
-
Parents can track their child’s academic progress without going around the college or asking their child.
-
Internal communication feature which will help Ecole Intuit lab members stay connected for work or also share there ideas and knowledge
-
Having personal college app will be cost effective
BRAINSTORMING
-
Simple UI
-
Statistical Data Representation
-
Realtime Feedback
-
Fee Payment
-
Internal Social Platform
-
Portfolio & Blogs
-
Notifications
-
Google calendar direct sync
-
Attendance Tracking
-
File storage and Management
2
Persona
Creating persona allows us to better understand who we are designing the product for. By identifying their problems and needs it was easy to design the best possible user experience.
NATASHA JAIN
Natasha is a successful visual illustrator who loves exploring new places and connecting with people. She is a design enthusiastic who loves creating illustrations of everything around her.
Natasha is a successful visual illustrator who loves exploring new places and connecting with people. She is a design enthusiastic who loves creating illustrations of everything around her.
#confident
#extrovert
#enthusiatics
#creative
GOAL
​​
-
Wants to travel and illustrate on the go
-
Wants proper time management model to be defined.
-
Well defined outline for any work that needs to be done.
Age: 21 Years
Education : Graduate
Occupation : Graphic Designer
Location : Kolkata
PROBLEMS
​​
-
Extremely unhappy with the complex CMS model.
-
No proper course outline is mapped.
-
Attendance and assignments to be mentioned clearly
MOTIVATION
​​
-
Enjoys the informal relationship and bond among college friends
-
Always active and ready to learn new things.
-
Believes in feedback.
Empathy Map
SAYS
" Difficult to understand attendance percentage "
"I don't know where to see for cancelled class "
" How to connect with faculties for clarification"
DOES​
Updates her work on social platform
Search different designers work for inspiration
Self learn new techniques
THINKS
Where to see the college notifications?
How to pay the fee and where to pay?
What is going in other campuses?
FEELS
Excited to try new things
Stay organized
College life is the best time to explore
MOHIT CHOPRA
Mohit is very ambitious guy who is always focused with all his work and loves to travel.
He has a dog who is handicapped and needs special care. As he lives alone it is very difficult for him to plan a getaway but he also looks life beyond that.
#ambitious
#positive
#helpful
#creative
GOAL
​​
-
Be able to create good network
-
can view various design work.
-
Well defined outline for any work that needs to be done.
Age: 38 Years
Education : M.sc in Design
Occupation : Digital Marketing
Location : Delhi
PROBLEMS
​​
-
Extremely unhappy with the complex CMS model.
-
No proper course outline is mapped
-
Word of mouth is not a good option to always vouch on.
MOTIVATION
​​
-
Likes to be a part any kind of events happening related to design.
-
Always active and ready to learn new things.
-
Believes in feedback.
Empathy Map
SAYS
" Where to see the course curriculum "
" Where to check the grades "
" How to clarify doubts after class "
DOES​
Updates his work on social platform
Keeps learning by himself
Motivates other students on campus
THINKS
Why can't we connect with faculties off campus
Why the fee structure is different for everyone
What is going in other campuses?
FEELS
Building a strong network with people
Organized lifestyle is important
Time is precious : VALUE IT
Ideate
Progess
Assignment
Schedule
Subject
Timetable
Faculty name
Pending
Submitted
Upcoming
Attendance
Grades
Assignments
Schedule
Events
Blogs
Gallery
Testimonials
1
Information Architechture
A visual representation of the application's features and hierarchy which includes navigation, application functions and behaviors, content, and flows.
Homepage
Dashboard
2
User Flow
Graphical representation of paths that a user can take, starting from the launch to all the functionality available.
Dashboard
No
Student
or
Faculty
Yes
Login
No
Reset Password
Yes
Home
Progress
Assignment
Schedule
Design
1
Paper Prototype
One of the best tool that allows to think through and test ideas. I took a paper & a pen to sketch out initial ideas which were later refined and this helps in validating individual design decision
2
Wireframe
The simplified design layout where visual design is not implemented. Below are few low-fidelity design
3
Final Design
We all know how important the First impression is. I wanted the application to encourage the user to use it for its simple and intuitive interface. Here are few visual screen
Digital Mockup
Usability Testing
Once the visual design was ready I tested the prototype with the target audience to check if application could now over the struggles they were facing. The application was tested in the college campus with students & faculties while I observed their navigation process.
The users were fairly happy with the change in UI design as the navigation was far more simple and data is clearly represented through visuals which in turn makes understanding easy.