Worked closely with the PM and developers to create a virtual meeting dashboard for patient and provider.
drag
Challenge
Providers are concerned with the lack of information and features needed to serve their patients during the process of their video meeting.
I was provided the following needs and constraints:
Simple one-page process for patient booking appointment
Booking appointments, but it needs to do more
Design a compact dashboard layout for the provider
Provider edit & view patient’s Infos.
Engaging video communication
Research
There are two different types of users for BlueJay TeleHealth project, patient and provider. They both go through different user experiences but meet at a similar end goal, a video consultation meeting.
Patients: They’re relatively new or exiting users, usually rehabilitating patients, senior care and more. Also, some of their pain points are being visually impaired, uncomfortable using technologies, lack of help support and being impatient.
Providers: They are doctors, therapists, nurses and caretakers. They input patients’ information on a daily basis, comfortable with technologies, attentive to detail, quick and observant. Providers are used to complex design because they adapt fast and take-in lot of information. Due to their professions, they wanted the TeleMeeting to have many features and functions despite the interface looking possibly busy.
Patient’s user flow
The patient’s journey is nothing difficult, instead, it focuses on getting straight to the point to request video consultation, pay, confirm and attend the video call. Their process needs to be simple and direct, easy to understand, through step by step procedure. This will allow them to spend less time figuring things out and navigate easily.
Provider’s user flow
Provider’s admin dashboard is different from patient’s journey. It’s complex since there is a lot of information and details they need to understand about their patient. They also want the BlueJay Telehealth platform to give the answer they need, to observe, to collect data, and to respond, so they don’t dwell on how things work.
Turning Scribbles Into Reality
Once I understand the user flow for both patient’s and provider’s journeys, I continue to sketch out all my findings and took more notes. Then I moved on to draw some rough sketches for the admin dashboard for the “meeting room” design.
Does It Actually Work?
Finally, the time to test out my gatherings and hypothesis to a high-fidelity design. I used Adobe XD and Sketch programs to create the interface and export them to the Zeplin program to share with the web developers. Developers then provide feedback on what’s possible and what can’t be implemented, so I would reiterate the design the following day.
Chat Communication
According to the existing design of communication in a video meeting, there is only a “Message” panel shown. It’s a simple chatbox that does the job but it was missing a lot of features. For example, sharing files, shown of profile name and pic, group chat, time of the message and more. As my supervisor requested, I consider adding chat features within the compact space.
Video Consultation Dashboard
The original interface didn't have a detailed video consultation reports, instead, a “Video Visit Performance” and “Exercise Modification Report.” Both of them give general data of patient's name, date and other content, however, providers can’t edit the data or update them. A new video consultation dashboard provides name, requested schedule, status and others details. Furthermore, it has a better search engine, messages, attachments assign providers and edit appointment dates and times.
Final Thoughts
This was my first UX/UI job where I was able to lead the design decisions. It was a great work experience where I learned the importance of understanding different user behaviors. It gives me the opportunity to design a complex web dashboard and create (30+ screens) within four weeks. My supervisor was very please with the end result and she applied 85% of the final interface design to the BlueJay TeleHealth.
