Recording Allergies (UX-UI Design for an Electronic Medical Records Product)
Background
This product is an EMR (Electronic Medical Records) system used by elite sporting clubs. It is aimed at the multidisciplinary teams working with the athletes that consist of various professionals such as medical doctors, athletic trainers, physiotherapists, nutrition professionals and coaches. In this particular section of the project I was designing a way to record an athlete’s allergies in such a way that it would impact the workflow of these medical teams positively, saving time and streamlining things.
Problem
From interviews and need finding sessions with these medical teams we found that there was a clear need for having an intuitive, universal, flexible and scalable way to record allergies. The key highlights of the problem at hand was,
Need for standardisation
Practitioners did not have a space to record an athlete's allergies in a universal way. The problem could be seen from various angles. The need was also to have a common space to record different categories of allergies such as food, medication, environmental allergies etc
Visibility in crucial workflows
The need was to have something that can show up in important workflows for different professionals. Such as, when a GP is prescribing medication they should be able to see an athlete's allergies.
In case of emergencies
In case of emergencies on the field, attending medic should have access to an athletes allergies, and what prescription is used to treat the allergies
At roster level
There was a need to see the list of allergies at a roster level so appropriate treating medications can be kept at hand at all times while travelling for a game. A list of allergens was also important for nutritionists and chefs preparing the food for athletes.
High visibility
An athlete's allergies needed to be prominently visible on their profile and also on a collective roster level.
Recording of severity
It was also important to record the severity of the allergies and if it was a mild, moderate or severe allergy.
Flexible and scalable
Whatever we were going to build, had to be flexible, agile and scalable.
A glimpse of the designs
Outcome
This feature was implemented in an agile way in stepped increments. The users really appreciated the ease of use and consideration given to all their needs. We particularly received good feedback around how the allergy tags were added to various workflows, the fact that they could clearly identify the severity of the allergy visually and the ability to see these at a collective roster level.
Profile Navigation Feature
Background
Managing multiple rosters consisting of many athletes can be quite complex due to ever changing data. The product I worked for, helped manage this data efficiently. In this particular part of the project I designed an easy way to navigate athlete profiles and injuries by designing a navigation side bar.
Problem
One problem that athlete management teams such as medics, athletic trainers, coaches and physiotherapists faced while using the product was that switching from one athlete’s profile and injuries to another athlete's profile and injuries was a lengthy flow. There were some technical restrictions that prevented us from using a breadcrumb element. The current flow was not efficient and we needed some way to be able to:
Navigate from one athlete’s profile to another
Navigate from one injury to another (for same athlete)
Navigate from one athlete’s injury to another athlete’s injury
Users also needed some way to search an athlete by name, filter and group while navigating
Process
The process involved diverging and converging. From the research that we had gathered via user feedback, we knew this was going to be a welcome feature. I explored a variety of approaches and we shortlisted a few based on internal design team's feedback and feedback from internal stakeholders. I further tested these approaches and created two high-fidelity prototypes. We conducted user tests with the prototypes to select the most favoured approach. Collaboration with our team of front-end and back-end engineers was done throughout the design process.
A glimpse of the designs
Outcome
The side panel was a very welcome feature and we received highly positive feedback from users. We could see from the analytics that the feature was heavily used and increased workflow speed resulting in saving a lot of time.
The designs show representational and fictional data. All images are copyright of the product I worked for, and I do not claim any copyright on them. They are only displayed here as a part of the portfolio to showcase my ability as a designer.
