TreeAssist

Application to assist medical students

Project Overview

Description
TreeAssist is an application for training medical students. Medical diagnoses typically employ decision trees for determining medical diseases or conditions based on a subject’s symptoms. Experienced doctors are usually familiar with these decision trees. However, medical and nursing students may not be familiar with them yet, and this phone application aims at assisting them in the learning process.
My tasks
  • Conducting user surveys and using the insights to design the TreeAssist app.
  • Determining a visual identity for the application.
Project Scope
The project was built as a part of my final assignment for the Human-Computer Interaction class. The assignment only asked us to design the wireframes. I further expanded the project to include user research and final prototypes.
Team
Self-directed
Duration
4 weeks
Design Toolkit
Figma
Illustrator
InVision
Procreate

My Process

Research

I further conducted user surveys and interviews to understand the users. It helped me understand their needs and problems. It further helped me analyze the current sources they utilize in their learning process.
Goals
  • To identify the needs of the target users.
  • To understand the current methods students use to memorize decision trees.
  • To analyze the interest and willingness of students to use an app to assist them in employing decision trees.
  • To understand the problems students face while making diagnoses.

User Survey and Interview

I first prepared a questionnaire with open-ended and close-ended questions.
The next step was conducting interviews. I spoke to 10 students between the age of 18-22, currently pursuing a medical or nursing education to gain quantitative and qualitative information on users.
Some survey questions
User Interviews and Survey Insights
Define & Ideate
User Persona
After understanding the needs and problems of medical and nursing students, I created a user persona to help me focus on the key users I would be designing for. It made

Information Architecture

Next, I determined the information architecture of the application to have a clear idea of the structure and hierarchy. I tried to focus on a simple structure that would be intuitive for the users.

Task Flow

After having a clear idea about the structure, the next step was to map how the users would interact with the key features of the application while completing a particular task. This helped me analyze the user experience in depth.
Given below is the task flow for a user wanting to take a decision tree assessment to get a diagnosis.

Wireframes

The sitemap gave me a clear idea of the structure to be followed and I proceeded with creating the wireframes for the website. I first quickly sketched out the most important features. This allowed me to further digitalize the design through mid-fidelity wireframes.
Mid-Fidelity Wireframes
Design

Style Guide

Final design

The final UI design for the website was created based on the wireframes and the style guide.
Splash and Login/Signup Screens
Home Screen
Testing
After building a prototype, it was imperative to test it so as to make improvements to the user experience based on the feedback and results.
Overall positive feedback was received. Students said the platform should be available as a desktop version too. Further, students would like a feature to test their knowledge through assignments. I would love to introduce these features in the future.
Previous Project
Next Project