This was the first project as part of my Google UX Design Professional Certificate.
Here is the prototype of Kontact: Service Summary App for Manual Therapists.
Challenge: Manual Therapists are unable to review or recall specific conditions and injuries of their clients and their treatment history.
Solution: To develop a service summary app for manual therapists to record and track treatment provided.
Empathize & Define: User Research of their Pain Points
Clients who self-analyze: Clients with chronic conditions who self-analyze incorrectly and insist they are correct
Clients who expect a quick fix: Clients who have tolerated years-old injuries expecting a fix in one session
Unable to pinpoint recurrent issues: Challenge to pinpoint recurring pain and discomfort
Ideate, design, prototype
I envisioned a layout that allowed the user to view the information they need for in a glance. The most important information would be the Client’s name, a short review of the previous visit and pain issues they had.
Ideation
I began the process with paper wireframes. It allowed me to quickly ideate and put down the ideas I had in mind.
Digital wireframes
Based on the ideas from paper wireframes, a digital wireframe was created.
Low-fidelity prototype
After digitizing the wireframes, I attempted a low fidelity prototype. It was a learning opportunity to go through the thinking process from a user’s point of view, and to see if there were problematic user flows.
Fig 1: Paper wireframes
Fig 2: Digital wireframes
Fig 3: Lo-fi prototype
Redefining the Design
Mockup
I used a typographic hierarchy to establish and bring more clarity of the information presented. I have also added a color gradient to add some visual guidance and focus. It visually guides the user along the “blocks” of information.
Fig. 4: Before usability study
Fig. 5: After usability study
High-fidelity prototype
The reiterated design has improved visual guides, using gradient on the buttons to start and end the session. Here is the link to the prototype of the app
Fig. 6: Flow of the Hi-fi prototype
Accessibility Considerations
Each page has clear titles and are organized using descriptive headings.
User flow is designed for intuitive use, with universal icons for quick navigation and functionality.
Information input can be corrected and customized to meet each users’ needs.
Going forward…
Takeaways
Impact: The app allows home-based and clinic based therapists to observe, track and analyze their clients. This also allows the manual therapists to adjust their treatment appropriately or seek further treatment with specialists if necessary.
What I learned: The app user design has to be user-centered and these considerations planned early in the design process helps to prevent large (and possibly expensive and time-consuming) corrective iterations later on.
Next steps
Refine the calendar/ book appointment function. This allows the app to be more well-rounded without using a second app for making appointments.
Include an anatomy map, so pain areas can be highlighted and tracked visually over time for rehabilitation and improvement, and explanations to clients can be visualized.
A voice-note function, since therapists might have oily hands that prevents them from taking hand-typed notes efficiently.