A.I. BEHAVIOURAL THERAPY APP
YEAR
2020
MY ROLE
Team Lead, UX&UI Designer
DURATION
2 Weeks
CLIENT TYPE
Tech Solution & Educational Service
PLATFORM
Tablet app
TEAM SCALE
4 People
TASKS
UX Research, Usability test, UI Design, Prototype
PROJECT OVERVIEW
CLIENT
ASTRI (Applied Science & Technology Research Institute)
USER
Supervisors & Therapists from Bridge and Parents of SEN Students
Bridge is a government approved educational institute in Hong Kong. We provide early intervention to children with special educational needs (SEN) using Applied Behaviour Analysis (ABA).
WHAT IS BRIDGE A.I.?
Bridge offers an online learning platform BRIDGE A.I. for therapists to track SEN student's performance.
ASTRI is developing an upgraded version, adding below features:
-
A.I. evaluating SEN Student's performance and create best fit training materials
-
IoT monitor student's behavior & mental stress and adjust training materials base on signals
-
Analysis of environmental and physiological variables affecting student’s learning performance
BEFORE VS AFTER COMPARISON
SUPERVISORS SELECTING TASKS FOR STUDENT'S PROGRAM
BEFORE(Current Workflow)
Going Through 4000+ tasks from Excel sheets
AFTER(Our App Solution)
Filters, Sorting, Search bar, Color code labels,
Identified Mastered Tasks,
Systematic Add & Subtract Tasks
PROJECT BRIEF
-
Therapists & Supervisors are still relying on excel sheets for recording student's performance & program management.
-
They want a dashboard with data visualisation to organise all their data.
-
Include IoT collected data in reports: student's behaviour & mental stress, environmental and physiological variables and how it affects the student's performance.
GOALS
Design a dashboard with data visualisation for IoT collected data and
simplify Therapist/Supervisor's daily workflow in monitoring SEN student's progress
What's Our Process?
01
RESEARCH
-
Interview therapists & supervisors
-
Sit in therapy sessions
-
Research dashboard references
02
DEFINE
-
Personas
-
3 different user flows
-
Structure MVP functions
03
DESIGN & ITERATE
-
Wireframes
-
Moodboard
-
Design System
-
Usability test with Supervisors & Therapists
04
DELIVER
-
Refine Design
-
Prototype
-
Present to both ASTRI & Bridge
-
Handover work files
USER NEEDS & PAIN POINTS
Observation of therapist having session with SEN Student
OBSERVATIONS from therapy session:
During sessions therapists' attention is focused on interacting with students.
Therefore the scoring system has to be easy to use within a glance.
#Large text and CTA buttons
#Colour coding
#Intuitive use
Therapists Say:
It is frustrating to manually go through excel files one-by-one to understand each student's progress, which tasks they have mastered or least performed and select for the session.
#Auto-sorting
#Filters
#Systematic editing tasks
Therapists have an app for scoring, but task list are added manually to the system.
Session reports from the scoring app are generated into an excel file and sent to Supervisors via email.
Supervisors Say:
We hope to have more data visualisation and be able to evaluate therapist's performance by comparing how students perform while taught by different therapists.
#Data visualisation
#Compare function
#Comprehensive organisation
SOLUTION
Users asked for a data visualisation dashboard, but after our interviews and observation,
We decided to take a step further and create an ALL-IN-ONE SOLUTION to not only organise reports, but also includes all our users' essential daily needs:
Features required for our
3 TYPE OF USERS
1. All-in-one Dashboard
-
overview of all info at once
-
Color coded info related to Supervisors/Therapists
/Parents/Students
2. Schedule view and access to
past, current and future
session report & videos
3. Student profiles
-
Keep track of student's progress
with ease
4. Session & Monthly Reports
-
Performance bar graph for each domain
-
Spider chart to compare the student
with Non-SEN child's performance
-
Mood and IoT data overview charts
-
List of Mastered, newly added and least performed tasks
5. As Supervisors requested, we added comparison of student's performance of the same task while taught from different Therapists
6. Student's Mood + IoT Report
(Physiological & Environmental factors)
-
Monitor each factor's change in sync
with time playing session video
-
Compare different factors
-
View remarked comments
.png)
7. Therapists Board
A comment board for
supervisors to evaluate all
therapists
8. Redesigned the scoring system
BEFORE(Current scoring system)
User's say the problem was:
-
Requires manual monitoring which tasks completed the min. requirement of 5 trials
-
Wish there was a progress bar for
easy view of performance and no. of trials
-
Wish completed tasks will go to the bottom
AFTER (Our solution)
Upgraded with
-
Filters, Sorting, Color coded labels
-
Auto-Sort Completed tasks to the bottom
-
Filled up bar shows overall performance
-
Easily identifiable no. of trials & buttons
-
SOS button for Supervisors immediately assistant
How Did Users Like Our Solution?
After conducting USABILITY TEST with our Supervisors and Therapists:
-
The are amazed that we have offered more than a dashboard and simplified other daily workflows for them
-
They find our design easy to understand and navigate
-
Very relatable structured interface, it's just like using Facebook
MOODBOARD
We came up with 5 adjectives to BEST describe the app we want to create for Bridge & ASTRI.
We want our app to be holistic, professional, advanced, comprehensive but still intuitive for all type of users to use daily.
A holistic view refers to seeing a person as a whole and all aspects of the person's needs, where as the psychological, physical and social aspects should be taken into account.
Similar to the service provided by Bridge to their students, we hope to provide a holistic app experience to support their service towards SEN students.
Then we adapted the Advanced and Professional look & feel across our
DESIGN SYSTEM
CLIENT FEEDBACK
AFTER THE PRESENTATION TO ASTRI & BRIDGE, THEY SAID:
Love it!
The whole thing
is very smart!
We can imagine using this app everyday already!
We like that the
IoT data can be
in sync with the session video,
it is very informative.
LESSON LEARNT
The greatest CHALLENGE from this project
was being the team leader.
Our instructor was hands off on this client project to let us be in-charge of contacting users and client on our own. Therefore as the leader, I had to juggle a few things at the same time:
-
Understand how Bridge's learning system and ASTRI's sensors works within first 2 days and debrief with teammates at the same time
-
Break down the app's structure to assign work to my teammates
-
Planning project timeline
-
People management
-
Arranging interview & meetings with users
We only had limited time of 2 weeks to complete this project.
It was stressful to comprehend so much information and manage people to ensuring timely delivery at the same time. However when the project was completed I can say I am proud of the outcome and what my team have accomplished.
