Speech-Language
Pathology Dashboard
Feedback and Analysis Suite for Teletherapy
This sponsored project aims to develop a clinician dashboard prototype that incorporates tools to improve telehealth capabilities for speech therapy.
As the only designer in the team, I was responsible for the entire UX & UI design of the dashboard, handing off design documents, and conducting usibility testings with speech-language pathologists. I also developed a major portion of our React front-end and iterated base on testing feedbacks.
Phase I Requirements
Our FAST prototype is only developed to be assessed for usability in the next project phases. Our sponsor has the following required features to develop:
1) an easy-access menu for within-session timestamped notes and audio/video snippet recording; 2) a menu of voice-sensitive, real-time visual feedback aids to display specific voice qualities such as vocal pitch, vowel formants, and loudness, alongside SLP-controlled targets for guidance and gamification; 3) an automated downloadable report of notes, recordings, and exercises attempted/completed within each session.
* The gamification features are developed by other teams on a seperate prototype.
The Challenge
How to develop a professional work suite that incooperates the required features for speech-language pathologist to use during a remote video therapy session.
Literature review and market research in speech-language pathologist and current remote treatments
Layout & Wireframing
Base on the requirements I quickly sketched a few layouts for the dashboard page and proceed to a low-fidelity prototype. The visualization is the main feature of on the dashboard, so I used an asymmetrical layout to emphasize this portion.
USER RESEARCH
Interview
The prototype was demoed to 3 speech-language pathologist. Then I conducted interviews with them and iterated base on the interview results.
USER RESEARCH
Results
After talking with three clinicians with SLP expeirences, we planned to include a spectrogram and new features to record goals. Also we realized that clinicians might not hava full screen size for our dashboard, so we made our web reponsive to a half-page window.
DESIGN
Layouts
After the first round of user interview, I started to add in UIs and designed the high-fildelity prototype for the develop team to start developing the dashboard.
Pathologist reported that session summary and clip notes are confusing and they will not need the summary till the end of the session. Many pathologist were also trying to click and move the session notes but found it not working. So I restructured the functions and layouts and arrived at the following design.
DESIGN
Responsive
To allow the pathologists use the dashboard during video calls, I designed the page to be responsive under 960px. Graphs are still the center focus of the dashboard.
DESIGN
Graph
To allow clinicians zoom in on the graph, I designed the graph tag to show a close up look of the data point. Considering the technicle constraints and clarity of information, I arrived at the final tag design.
DESIGN
Notes Edit
Note taking is another important feature to our dashboard, and I polished on the editing function to allow users to go back and organize their notes.
Thank You!
This project is still under development and Iteration. If you would like to request a demo or participate in our user testing, please contact me. We appreciate any forms of feedback!
Selected Works
SLP Clinician DashboardProject type
Paint MeProject type
AmplifyProject type
Sayge Travel AssistantVoice UI Design
UW NightRouteMobile App
Sneakerhead 101 - Air JordanInforgraphic
MoodTopiaMobile App