PATIENT APP
Cegedim Health Care - Patient Booking App
Project Overview
Cegedim Health Care: Concept designs for patient app
Design an app for patient use allowing the user to book appointments with a chosen doctor and view any relevant patient information.
Project Time: Concept prototypes 2-3 weeks
Role: Lead UX Designer
Tools: Figma, Jira, Zoom, Slack, confluence, Miro, Design Library, WCAG
Research
-
Competitive Benchmarking
-
Gather Legal Requirements
-
Meetings with GP and Team
-
Online Surveys
Identifying the Problem:
Currently cegedim doesn't not have a patient booking app. We would like to design an app where patients can book appointments with the doctor of their choice, view and request medication prescriptions and have the ability to view test results.
My Research Plan:
-
Bring together all relevant work tickets and legal document requests associated with a patient booking app.
-
Create an online survey about app booking for patients to complete.
-
Host meetings with our external GP group to understand the requirements from the GP POV. What information to they need from the app when patients are booking an appointment ?
-
Asses competitors booking apps and similar booking platforms.
-
Host meeting with my Product Owner and team to discuss functionality limitations with the old and new software.
Analysis
-
Affinity Diagram
-
User Flow
I Identified 56 work tickets related to patients booking independently in confluence and various meetings with product owners. I categorised these into legal requirements and software design requirements.
After meetings with various teams I created an affinity diagram to analyse the information. I identified these key factors:
-
There is no current booking system but there are previous initial design backed up which I can use to develop.
-
There is a design system for mobile apps which has to be used.
-
There is a requirement to allow patients to book with their chosen doctor.
-
Patients should have the ability to view current medication and order repeat prescriptions from the app.
-
Patients can update their personal information from the app and this will update in the GP software system.
Design
-
Figma
-
Sketching
-
Design Systems
Start Sketching
Starting my designs with some basic layout sketches of each stage of the user flow. Thinking about placement of hero frames, input fields, page balance and menus.
This allows me to get ideas down quickly and work through layout scenarios before touching the computer.
Moving to Figma
Taking the sketches forward to low fidelity wireframes ensures the basic layout and flow was logical and user-friendly.
This allowed me to identify any major usability issues before resources were invested in high-fidelity design.
Following this design stage I host a design workshop for peer review and feedback before progressing the designs to a high fidelity view.
Elevating the design
Bringing the app to life designing hi fidelity wireframes and creating a prototype. Including elements such as colour schemes, typography, images, and interactive components to closely resemble the actual user interface.
I chose a blue colour palette as it aligns with the companies brand identity and ensures good contrast for readability.
I used an existing design system from our older software and felt some of the icons styles and colours are dated, I have proposed we create a new design library to ensure the app design is consistent with our new software.
Prototype
Prototype Walkthrough
I created the prototype walkthrough and shared it with my team and stakeholders during meetings.
This was the first draft of creating the patient app and it went on to be significantly developed further with additional features.
The UI styling originated from an exiting design system, part of the decision to take this forward was to create a new design system allowing the application to have a more modern look and styling which matched our new main software design system.
Overall this was a 2 year project to implementation, designing this platform to a point where it was ready for development and implementation.