SOURAV BANERJEE · 2020. 3. 4. · 03 UX/UI CASE STUDY SOURAV BANERJEE Design Process and Approach...

SOURAVBANERJEE

DESIGNING FOR AN ONLINE TUTION EXPERIENCE – (WEB &MOBILE) – A UX/UI CASE STUDY

Tutoroot: Designing for an Online Tution experience

BriefThe Online Live Tuition & Coaching Classes at Tutoroot are taught by personalised tuition teachers who are highly experienced &

trained tutors. Most of the Live Tuition teachers also have home tuition experience. Tutoroot work towards creating an enthusiastic

learning experience to students. Tutoroot thrive to bring the best teachers onto one platform, so that students in every nook and corner

of the country can connect with proficient teachers through our platform.

02 UX/UI CASE STUDYTUTOROOT - AN ONLINE TUTION EXPERIENCE SOURAV

BANERJEE

Goal and ObjectivesWe bring together the advantages of In-person teaching and the comfort of the digital age. Our whiteboard tools and high-quality LIVE

video interactions establish real-time two-way communication.

We recognise the concerns of both parents and students. Hence we move towards erasing the complexities involved in time-

consuming distance, and traveling activities. Our platform helps students to be attentive under parental supervision, which supports

their academic achievements.

03 UX/UI CASE STUDYSOURAV

BANERJEE

Design Process and Approach

Research & Design Development

I decided to follow IDEO’s Human-Cantered Design Thinking process to make sure that my design decisions were supported by user research and feedback.

I divide my all design process into two parts, Research and Development. From understanding stage to functional prototype and usability testing I consider as a Research stage and when I start the final High-fidelity visual mock-up that one is my Development phase.

TUTOROOT - AN ONLINE TUTION EXPERIENCE


BANERJEE

Design Strategy

Business Goal

Market Segment

General Task

Build a seamless experience with good communication through mobile app between student, teacher and Tutoroot operation

team.

Increase school students who need tution and encourage parents & students with short courses.

Along with live class increase business by different subjects

Primary - Student, parent

Secondary - Tutor, operation and sales team

Register student, search & find tutor, book class

Find suitable courses which match their class schedule

Check upcoming classes, payment history


Usability Criteria

Always connected between student and parent with tutor through application

Run seamlessly online video streaming, even in low bandwidth

Online video chat system should have such facilities students and tutor can use during the class like screenshot, copy-paste, take notes, write, edit, save and send files to tutor.


BANERJEE

Critical Aspect of Solutions and Success Factor

Aware and match student / parent existing private tuition mental model with online education conceptual model


Competitive Analysis Competitive analysis help to identify weakness or strong points of other design. I learn through comparison at every opportunity. I analysed some direct competitor of e-prescription module in the market to identify what they already done and not doing.


BANERJEETUTOROOT - AN ONLINE TUTION EXPERIENCE

User Journey Map


BANERJEE

USER JOURNEYS MAP is a useful research tool for demonstrating to the stakeholders the way users could interact in the scenarios. It’s a measurement tool to identify the kind of engagement and relationship a user / customer have with a product or brand and what they feel about the product.


User Journey Map


BANERJEETUTOROOT - AN ONLINE TUTION EXPERIENCE

User Flow and Task flow


BANERJEE

User flow is comes from user mental model which comes from persona to show how a persona move and interacting with the design. User flows also tend to have multiple types of elements, such as: key pages (for websites) or key screens (for apps), user actions, user decision points, and system decisions.


Paper Sketch


BANERJEE

I created a paper sketch to give a shape of my basic idea including basic functional specification. These sketches help me to proceeds further ideation stage with my team. These sketches help me to communicate with my thinking.



BANERJEE

Based on my paper sketch my next step is to create dynamic prototype to show functionality, interaction, flow & content and discuss my with stakeholders.

Low Visual with High Functional Fidelity (mobile)

Tool used: Axure RP



BANERJEE

Based on my paper sketch my next step is to create dynamic prototype to show functionality, interaction, flow & content and discuss my with stakeholders.

Low Visual with High Functional Fidelity (web)

Tool used: Axure RP



BANERJEE

I select 4 users from our organisation (sales and accounts department) who don’t have any idea about this product, so that I get unbiased user data as much as possible. As per my application I created page wise task document and tested in mobile.

Usability Test and Analysis Report

Task Objectives / Goal Task Scenario Answer (Quote)

1 Check how user first time registers and add student and land in the home screen.

You want to see how is tutoroot app and is there has any short course related physics, Unit–V - Motion of System of Particles and Rigid Body , also. chapter–7: System of Particles and Rotational Motion which clear your doubts. After download the app from Play Store how you will find that?

What is the course durations

I want to choose multiple mini courses

Success Rate: 70% No. of Error Rate: 20% Confusion Rate: 40% Time on Task: 6m Failure Rate:



BANERJEE

After finalize my prototype I have started the Hi-Fi visual mock up as a final design.

Tool used: Sketch

High Visual and Low Functional Fidelity (web)



BANERJEE

High Visual and Low Functional Fidelity (mobile)

Tool used: Adobe XD


SOURAV BANERJEE

THANK YOU

SOURAV BANERJEE · 2020. 3. 4. · 03 UX/UI CASE STUDY SOURAV BANERJEE Design Process and Approach...

Documents

Transcript of SOURAV BANERJEE · 2020. 3. 4. · 03 UX/UI CASE STUDY SOURAV BANERJEE Design Process and Approach...