Nº1

Nº1

Nº1

UI/UX Designer

UI/UX Designer

UI/UX Designer

2023

2023

2023

Jordan Health Services

Jordan Health Services

Jordan Health Services

Project Overview

The Jordan Health Services app is an integral tool designed to enhance the delivery of home healthcare by providing robust digital support to healthcare professionals and patients alike. Initially launched in 2020, the app sought to streamline operations such as scheduling, medical record access, and communication between patients and healthcare providers.

My Role

As the Senior UI/UX Designer for the Jordan Health Services app redesign, I played a pivotal role in steering the project towards a successful outcome. My responsibilities were comprehensive, encompassing several critical aspects of the redesign process

Design Process

The redesign of the Jordan Health Services app followed a user-centered approach, beginning with comprehensive user research to identify key usability issues and gather insights. This foundational stage shaped the subsequent design phases, where initial concepts were developed into interactive wireframes and prototypes. Each design iteration was rigorously tested with users to ensure the solutions effectively addressed their needs and enhanced the overall user experience. The process culminated in a series of high-fidelity designs, which were meticulously documented and handed off to the development team for implementation. Continuous support and feedback during the development phase helped refine the app, ensuring a successful launch and ongoing improvements based on user interactions.

Problem

Prior to the redesign, the Jordan Health Services app faced significant usability challenges that hindered its effectiveness. Users reported difficulties with navigation, inconsistent performance, and a lack of intuitive features for scheduling and medication management. These issues not only affected user satisfaction but also compromised the efficiency of healthcare delivery, prompting a critical need for a comprehensive redesign to address these fundamental problems and enhance the overall user experience.

Prior to the redesign, the Jordan Health Services app faced significant usability challenges that hindered its effectiveness. Users reported difficulties with navigation, inconsistent performance, and a lack of intuitive features for scheduling and medication management. These issues not only affected user satisfaction but also compromised the efficiency of healthcare delivery, prompting a critical need for a comprehensive redesign to address these fundamental problems and enhance the overall user experience.

Prior to the redesign, the Jordan Health Services app faced significant usability challenges that hindered its effectiveness. Users reported difficulties with navigation, inconsistent performance, and a lack of intuitive features for scheduling and medication management. These issues not only affected user satisfaction but also compromised the efficiency of healthcare delivery, prompting a critical need for a comprehensive redesign to address these fundamental problems and enhance the overall user experience.

Solution & Outcome

In response to the identified challenges, the redesign of the Jordan Health Services app introduced a series of targeted solutions. These included a revamped user interface that improved navigation ease by 75% and accessibility features that enhanced user engagement by 60%. Performance optimizations resulted in a 50% faster response time, reducing user frustration significantly. New features such as real-time medication tracking and smart scheduling tools increased operational efficiency by 40% and compliance by 30%. Collectively, these improvements streamlined the user experience, enabling more efficient healthcare delivery and boosting user satisfaction by over 80%.

In response to the identified challenges, the redesign of the Jordan Health Services app introduced a series of targeted solutions. These included a revamped user interface that improved navigation ease by 75% and accessibility features that enhanced user engagement by 60%. Performance optimizations resulted in a 50% faster response time, reducing user frustration significantly. New features such as real-time medication tracking and smart scheduling tools increased operational efficiency by 40% and compliance by 30%. Collectively, these improvements streamlined the user experience, enabling more efficient healthcare delivery and boosting user satisfaction by over 80%.

In response to the identified challenges, the redesign of the Jordan Health Services app introduced a series of targeted solutions. These included a revamped user interface that improved navigation ease by 75% and accessibility features that enhanced user engagement by 60%. Performance optimizations resulted in a 50% faster response time, reducing user frustration significantly. New features such as real-time medication tracking and smart scheduling tools increased operational efficiency by 40% and compliance by 30%. Collectively, these improvements streamlined the user experience, enabling more efficient healthcare delivery and boosting user satisfaction by over 80%.

Discovery
Requirement & PRD

The Product Requirements Document (PRD) for the Jordan Health Services app redesign serves as the foundational blueprint for enhancing the app’s functionality, user interface, and overall performance. The document outlines specific requirements to address existing challenges, improve user engagement, and ensure compliance with healthcare standards.

Key Insights
  1. Objective: To upgrade the app to better serve healthcare providers and patients, focusing on usability, efficiency, and regulatory compliance.

  2. Scope: Comprehensive redesign including user interface enhancements, performance optimization, and integration of advanced scheduling and medication management features.

  3. Stakeholders: Includes Product Managers, UI/UX Designers, Developers, QA Engineers, healthcare professionals, and patients.

  4. Functional Requirements:

    • Robust user authentication system.

    • Enhanced patient management capabilities.

    • Advanced scheduling tools.

    • Real-time medication tracking.

    • Effective communication channels within the app.

  5. Non-functional Requirements:

    • High performance with quick response times and high availability.

    • Strong security measures compliant with HIPAA.

    • Accessibility features adhering to ADA standards.

  6. User Stories: Articulates needs from multiple user perspectives, such as nurses, patients, and doctors, to ensure the app meets various user requirements.

  7. Success Criteria: Quantifiable targets like increased user satisfaction by 80%, 50% reduction in scheduling errors, and faster access to medical records.

  8. Timeline and Milestones: Clear phases from discovery to deployment with specific start and end dates.

  9. Dependencies and Risks: Identifies external systems and APIs the project depends on, along with potential risks and their mitigation strategies.


Requirement & PRD

The Product Requirements Document (PRD) for the Jordan Health Services app redesign serves as the foundational blueprint for enhancing the app’s functionality, user interface, and overall performance. The document outlines specific requirements to address existing challenges, improve user engagement, and ensure compliance with healthcare standards.

Key Insights
  1. Objective: To upgrade the app to better serve healthcare providers and patients, focusing on usability, efficiency, and regulatory compliance.

  2. Scope: Comprehensive redesign including user interface enhancements, performance optimization, and integration of advanced scheduling and medication management features.

  3. Stakeholders: Includes Product Managers, UI/UX Designers, Developers, QA Engineers, healthcare professionals, and patients.

  4. Functional Requirements:

    • Robust user authentication system.

    • Enhanced patient management capabilities.

    • Advanced scheduling tools.

    • Real-time medication tracking.

    • Effective communication channels within the app.

  5. Non-functional Requirements:

    • High performance with quick response times and high availability.

    • Strong security measures compliant with HIPAA.

    • Accessibility features adhering to ADA standards.

  6. User Stories: Articulates needs from multiple user perspectives, such as nurses, patients, and doctors, to ensure the app meets various user requirements.

  7. Success Criteria: Quantifiable targets like increased user satisfaction by 80%, 50% reduction in scheduling errors, and faster access to medical records.

  8. Timeline and Milestones: Clear phases from discovery to deployment with specific start and end dates.

  9. Dependencies and Risks: Identifies external systems and APIs the project depends on, along with potential risks and their mitigation strategies.


Requirement & PRD

The Product Requirements Document (PRD) for the Jordan Health Services app redesign serves as the foundational blueprint for enhancing the app’s functionality, user interface, and overall performance. The document outlines specific requirements to address existing challenges, improve user engagement, and ensure compliance with healthcare standards.

Key Insights
  1. Objective: To upgrade the app to better serve healthcare providers and patients, focusing on usability, efficiency, and regulatory compliance.

  2. Scope: Comprehensive redesign including user interface enhancements, performance optimization, and integration of advanced scheduling and medication management features.

  3. Stakeholders: Includes Product Managers, UI/UX Designers, Developers, QA Engineers, healthcare professionals, and patients.

  4. Functional Requirements:

    • Robust user authentication system.

    • Enhanced patient management capabilities.

    • Advanced scheduling tools.

    • Real-time medication tracking.

    • Effective communication channels within the app.

  5. Non-functional Requirements:

    • High performance with quick response times and high availability.

    • Strong security measures compliant with HIPAA.

    • Accessibility features adhering to ADA standards.

  6. User Stories: Articulates needs from multiple user perspectives, such as nurses, patients, and doctors, to ensure the app meets various user requirements.

  7. Success Criteria: Quantifiable targets like increased user satisfaction by 80%, 50% reduction in scheduling errors, and faster access to medical records.

  8. Timeline and Milestones: Clear phases from discovery to deployment with specific start and end dates.

  9. Dependencies and Risks: Identifies external systems and APIs the project depends on, along with potential risks and their mitigation strategies.


Research & Testing
Usability Test

The Usability Test Script is a structured guide designed to assess the redesigned Jordan Health Services app's user interface and functionality. It directs test participants through a series of tasks and scenarios that reflect real-world use, aiming to uncover any usability issues and gather actionable feedback.

Key Elements:

  • Objective: Ensure the app is intuitive, efficient, and meets the needs of its users, including healthcare professionals and patients.

  • Methodology: Participants are observed in a controlled environment where they interact with the app, performing tasks such as logging in, scheduling appointments, accessing medical records, and using the help feature. The "think aloud" protocol is employed to capture their thought processes and reactions in real-time.

  • Tasks: Each task is designed to test specific aspects of the app’s functionality and user experience, with a focus on streamlining workflows and improving information accessibility.

  • Feedback Collection: Observations, user comments, and performance data are collected systematically to identify patterns and pinpoint areas for improvement.

  • Outcome: The script helps validate design decisions, ensures alignment with user expectations, and influences further refinements to enhance the app's usability.


Monitoring

Once we ensured the clarity of instruction through the existing app test session. Each team member, including myself, moderated four testing sessions, while I took on the role of quality Assurance to uphold the standards of test quality throughout the process. 

Result

The usability test was designed to evaluate the redesigned interface and functionality of the Jordan Health Services app. Conducted with healthcare professionals and patients, the test aimed to identify usability issues, validate design choices, and ensure the app meets the diverse needs of its users.

Key Insights:

  1. High Success Rates: Tasks such as logging in and updating personal information achieved a 100% success rate, indicating that these aspects of the app are highly intuitive and user-friendly.

  2. Scheduling and Help Feature Challenges: While the scheduling feature had an 80% success rate, some participants found the interface confusing, suggesting a need for further simplification. The help feature had only a 40% success rate, highlighting significant room for improvement in search functionality and content relevance.

  3. Performance and Accessibility: The app was noted for quick response times and stability during the test, with accessibility features meeting the needs of users with disabilities.

  4. Actionable Feedback for Refinement: Participants provided valuable feedback on specific features that could be enhanced, such as more visible calendar views in scheduling and more detailed alerts for medication tracking.

Outcome:
The test results have been crucial in pinpointing areas for improvement, confirming the effectiveness of certain design updates, and guiding further refinements to ensure the app not only functions well but also enhances user satisfaction and engagement.




User Persona

Personas are fictional characters created based on user research to represent the different user types that might use a service, product, site, or brand. They are crafted to represent key traits of a large segment of the audience, including demographics, behavior, motivations, goals, and pain points. Personas help designers focus on a manageable and memorable cast of characters, instead of thousands of individuals, making it easier to anticipate the needs, experiences, emotions, and behaviors of user groups.




Affinity Mapping

The purpose of using Affinity Mapping in this context was to ensure that every piece of user feedback was considered in the redesign process. By organizing the data into related groups, we could efficiently address problems and implement solutions that are responsive to user needs, ultimately enhancing the overall usability and effectiveness of the app




Competitive Analysis

The analysis highlights the need for our redesign to balance robust functionality with user-friendly design, responsive support, and cost-efficiency. By addressing these areas, we can position the Jordan Health Services app as a competitive, innovative solution that caters to both large and small healthcare providers.





Wireframe

The wireframe provides a visual blueprint for the redesigned Jordan Health Services app, illustrating the layout and interface for key screens within the application. Designed with clarity and usability in mind, the wireframe showcases the structured arrangement of elements across various pages including patient management, appointment scheduling, medical record access, and analytics

The wireframe provides a visual blueprint for the redesigned Jordan Health Services app, illustrating the layout and interface for key screens within the application. Designed with clarity and usability in mind, the wireframe showcases the structured arrangement of elements across various pages including patient management, appointment scheduling, medical record access, and analytics

The wireframe provides a visual blueprint for the redesigned Jordan Health Services app, illustrating the layout and interface for key screens within the application. Designed with clarity and usability in mind, the wireframe showcases the structured arrangement of elements across various pages including patient management, appointment scheduling, medical record access, and analytics

Redesign
Enhanced Dashboard Design for Improved Healthcare Operations

The redesigned dashboard for the Jordan Health Services app not only enhances the aesthetic appeal but also significantly improves functional efficiency. By providing critical information in an easily digestible format, it supports quick decision-making and improves overall operational effectiveness, directly contributing to improved healthcare outcomes and enhanced user satisfaction.



Enhanced Appointment Management System

This screen has been redesigned to enhance visibility and quick access, significantly improving the efficiency of patient management and appointment scheduling, allowing healthcare providers to manage tasks more effectively


The patient profile screen has been revamped to provide a more consolidated view of patient details, medical history, and upcoming appointments, enhancing navigation efficiency and improving overall healthcare delivery




Revolutionizing Appointment Management for Enhanced Patient Care

This screen offers a geographical overview of appointments, integrating map-based tracking to streamline the navigation and scheduling of home visits, enhancing operational efficiency and time management for healthcare providers


This layout displays a color-coded calendar, simplifying the organization of various types of appointments such as initial assessments and routine care visits, ensuring clear visibility and quick access to daily schedules


The 'Schedule Appointment' screen simplifies the booking process with a user-friendly interface, allowing healthcare providers to efficiently set up in-hospital or home service appointments. This screen includes intuitive options for selecting the patient, date, time, and type of appointment, streamlining the scheduling workflow and improving service delivery


Responsive Dashboard Design

This responsive dashboard showcases key metrics such as active patient count and today's appointments with dynamic indicators to reflect real-time changes. The layout is designed for optimal readability across devices, featuring an intuitive appointment overview, a detailed weekly schedule visual, and timely medical alerts, ensuring that healthcare professionals can effectively manage their duties and respond promptly to patient needs.

Enhanced Dashboard Design for Improved Healthcare Operations

The redesigned dashboard for the Jordan Health Services app not only enhances the aesthetic appeal but also significantly improves functional efficiency. By providing critical information in an easily digestible format, it supports quick decision-making and improves overall operational effectiveness, directly contributing to improved healthcare outcomes and enhanced user satisfaction.



Enhanced Appointment Management System

This screen has been redesigned to enhance visibility and quick access, significantly improving the efficiency of patient management and appointment scheduling, allowing healthcare providers to manage tasks more effectively


The patient profile screen has been revamped to provide a more consolidated view of patient details, medical history, and upcoming appointments, enhancing navigation efficiency and improving overall healthcare delivery




Revolutionizing Appointment Management for Enhanced Patient Care

This screen offers a geographical overview of appointments, integrating map-based tracking to streamline the navigation and scheduling of home visits, enhancing operational efficiency and time management for healthcare providers


This layout displays a color-coded calendar, simplifying the organization of various types of appointments such as initial assessments and routine care visits, ensuring clear visibility and quick access to daily schedules


The 'Schedule Appointment' screen simplifies the booking process with a user-friendly interface, allowing healthcare providers to efficiently set up in-hospital or home service appointments. This screen includes intuitive options for selecting the patient, date, time, and type of appointment, streamlining the scheduling workflow and improving service delivery


Responsive Dashboard Design

This responsive dashboard showcases key metrics such as active patient count and today's appointments with dynamic indicators to reflect real-time changes. The layout is designed for optimal readability across devices, featuring an intuitive appointment overview, a detailed weekly schedule visual, and timely medical alerts, ensuring that healthcare professionals can effectively manage their duties and respond promptly to patient needs.

Enhanced Dashboard Design for Improved Healthcare Operations

The redesigned dashboard for the Jordan Health Services app not only enhances the aesthetic appeal but also significantly improves functional efficiency. By providing critical information in an easily digestible format, it supports quick decision-making and improves overall operational effectiveness, directly contributing to improved healthcare outcomes and enhanced user satisfaction.



Enhanced Appointment Management System

This screen has been redesigned to enhance visibility and quick access, significantly improving the efficiency of patient management and appointment scheduling, allowing healthcare providers to manage tasks more effectively


The patient profile screen has been revamped to provide a more consolidated view of patient details, medical history, and upcoming appointments, enhancing navigation efficiency and improving overall healthcare delivery




Revolutionizing Appointment Management for Enhanced Patient Care

This screen offers a geographical overview of appointments, integrating map-based tracking to streamline the navigation and scheduling of home visits, enhancing operational efficiency and time management for healthcare providers


This layout displays a color-coded calendar, simplifying the organization of various types of appointments such as initial assessments and routine care visits, ensuring clear visibility and quick access to daily schedules


The 'Schedule Appointment' screen simplifies the booking process with a user-friendly interface, allowing healthcare providers to efficiently set up in-hospital or home service appointments. This screen includes intuitive options for selecting the patient, date, time, and type of appointment, streamlining the scheduling workflow and improving service delivery


Responsive Dashboard Design

This responsive dashboard showcases key metrics such as active patient count and today's appointments with dynamic indicators to reflect real-time changes. The layout is designed for optimal readability across devices, featuring an intuitive appointment overview, a detailed weekly schedule visual, and timely medical alerts, ensuring that healthcare professionals can effectively manage their duties and respond promptly to patient needs.

Consideraton
Responsive

This collection of screens demonstrates the responsive and adaptable design of the Jordan Health Services app across various mobile devices. The layout ensures all critical information, such as appointments, patient details, and analytics, is easily accessible and optimally displayed on any screen size, enhancing usability and ensuring a consistent user experience for all healthcare professionals on the go




Design System

The design system for the Jordan Health Services app features a harmonious color palette and the Lato font family, ensuring visual clarity and accessibility. Components like buttons and input fields are standardized to maintain consistency and improve the user interface across all app functionalities

Responsive

This collection of screens demonstrates the responsive and adaptable design of the Jordan Health Services app across various mobile devices. The layout ensures all critical information, such as appointments, patient details, and analytics, is easily accessible and optimally displayed on any screen size, enhancing usability and ensuring a consistent user experience for all healthcare professionals on the go




Design System

The design system for the Jordan Health Services app features a harmonious color palette and the Lato font family, ensuring visual clarity and accessibility. Components like buttons and input fields are standardized to maintain consistency and improve the user interface across all app functionalities

Responsive

This collection of screens demonstrates the responsive and adaptable design of the Jordan Health Services app across various mobile devices. The layout ensures all critical information, such as appointments, patient details, and analytics, is easily accessible and optimally displayed on any screen size, enhancing usability and ensuring a consistent user experience for all healthcare professionals on the go




Design System

The design system for the Jordan Health Services app features a harmonious color palette and the Lato font family, ensuring visual clarity and accessibility. Components like buttons and input fields are standardized to maintain consistency and improve the user interface across all app functionalities

Jordan Health Services
Jordan Health Services
Jordan Health Services