Therapy
Without
Walls
UI / UX Case Study
Responsibilities
Research
Problems
Sitemap
Goals
Wireframe
Prototype
Overview
As a means of problem solving in a visual and user centric perspective I chose to redesign and do a case study based off an application used by health care professionals to provide patient care as efficiently as possible between the company and contractor.
The previous iteration of the application ran into many variables of user error and function that seemed to confuse users on navigation, one too many call-to-actions with redundant information, and ui design aspects that can be specifically improved to provide a clearer purpose to using the application in aiding heath care professionals.
Problem Statement
As a healthcare professional, efficiency and saving time is an ultimate goal in using any device or method of treatment. So naturally the primary problems lie in the overall design with informational hierarchy and redundant call to actions showing similar or same information.
Project Goals
In this case study, I have redesigned Therapy Without Walls by specifically addressing user error feedback primarily in cleaning up the user interface and organizing call-to-actions to serve functions in a fluid manner rather than a repetitive function. The new and redesigned App will help current healthcare providers both the company and contractor to have a clear understanding of the information displayed and an overall more user experience focused app.
Project Solutions
More organized and clearer site-map between pages
New patient on geolocation & information display
Informational hierarchy organization
Design Process
Research Analysis
Goals
I interviewed Healthcare professionals and
discovered what difficulties they faced from a user’s perspective when using this type of platform. Specifically noting, what they would include or exclude based off needs and expectations.
Process
What were the most efficient methods in documentation?
How did scheduling and finding patients differ in the real world setting?
Informational hierarchy organization, how could this be clearer?
"
What were the most efficient methods in documentation?
How did scheduling and finding patients differ in the real world setting?
Informational hierarchy organization, how could this be clearer?
"
Takeaway
thoughts from interviews
1. It took longer than it should to find patients and accept based off their diagnosis because the back and forth navigation for information.
2. Maps would almost never load or place updated information without resetting the app or constantly updating.
3. As a healthcare professional, it is very important that background information on patients is organized and consistent across multiple cases.
User Flow
Task for Overviewing Patient Listings
Informational Architecture
Technical understanding of how to navigate app with priority on specific functions within pages
Wireframe
The early stages of polishing a more detailed re-design started from sketches to show how users should flow between information displayed in a visual space that made sense and worked intuitively in an efficient manner.
Screenshots
Patient Search
The fundamental core functionality with the Nursing Without Walls application is to be able to open and instantly with a few taps access the necessary information in obtaining clientele as the previous iteration took multiple steps to obtain this the primary mission of redesign focused on efficiently showcasing this as a priority focusing on the experience.
Documentation
Primary goals as healthcare professionals was to be able to keep up-to-date information and progress on patient’s by filling out reports so that physician’s and therapists can see that specific patient’s progress, limitations, etc. Organizing a clean contact form style navigation in submitting this information was key in being efficient in both saving time and relaying all reports to the company on the go.
Informational Hierarchy
Making sure information is laid out in a clean and structured format of importance meant organizing and prioritizing what was relevant to make the next step versus information that would essentially be an extra. Having this hierarchy would cut out many steps in the decision making process for professionals leading to a more organized and user friendly experience.
Style Guide
As the primary function of the app relied heavily on data, tones were kept very basic to not distract away from the content with clear call-to-action contrasting tones to differentiate.
Conclusion
As a means of problem solving in a visual and user centric perspective I chose to redesign and do a case study based off an application used by health care professionals to provide patient care as efficiently as possible between the company and contractor.
The previous iteration of the application ran into many variables of user error and function that seemed to confuse users on navigation, one too many call-to-actions with redundant information, and ui design aspects that can be specifically improved to provide a clearer purpose to using the application in aiding heath care professionals.