Bahmni UX Redesign

Thoughtworks is excited to announce an initiative to uplift the Bahmni User Experience, starting with the clinical app, introducing a split-screen view for consultation and patient dashboard. This enhancement is a step towards modernizing Bahmni and improving the experience for clinicians.

Reasons for the Change

We had been receiving feedback from our clinician users over time. The current Bahmni patient dashboard, while flexible, does not fully align with modern clinical workflows and expectations. Clinicians have had the following complaints:

  • Navigation is hard

  • Tab switching is painful

  • Lots of info to be filled. Easy to lose context.

  • Disconnect between dashboard and consultation

  • Forms can get too long

  • Medications tab is limited and complex

  • Not good for mobile screens

The introduction of a split-screen view addresses many of these points by simplifying navigation and providing relevant information in context. It allows clinicians to view patient history and record observations/write prescriptions side-by-side, providing the relevant context, reducing cognitive load and enhancing efficiency.

Beyond improving the user experience, this UX uplift provides an opportunity to modernize Bahmni’s underlying technical architecture (Angular JS.14). The current Bahmni codebase is over 12 years old, which has led to:

  • Increased Maintenance Costs and Complexity

  • Restricted ability to quickly integrate new features and respond to evolving market demands due to the legacy technical stack

  • The technical limitations have directly contributed to the outdated look and feel of the current interface.

By moving to a split-screen view, we are not just changing the interface but we are leveraging this opportunity to adopt a modern technical stack. This modernization effort will allow Bahmni to support future innovations, and continue to serve the evolving needs of our users. Eventually we hope to move all the Bahmni implementations to the new UX.

What you can expect

Here are a couple of screenshots for what the fully developed clinical interface could look like.

Figure 1: Patient dashboard

Figure 2: Consultation Pad

Questions you may be asking:

  1. Would this support mobile devices as well?
  • Yes, and no. The new UX is designed for screen sizes 7” and above, so it’ll support tablets but not mobile phones. We think Mobile phones require different UX altogether and we would rather build fit-for-purpose apps
  1. Would this be more performant?
  • Yes, but we have not done any performance benchmarking yet so we do not have any statistics at the moment.
  1. Would it be backward compatible with existing app configs?
  • Yes, but there would be some updates to the app configs. We will come up with a migration path when we are ready for a release.
  1. Are we looking to migrate other modules?
  • Yes, migration of other modules is on the roadmap.
  1. Is there an environment where I can try out the new UX?
  • Not available right now, but we are working hard to make this publicly available as soon as possible. We will post an update on this thread when it’s available.

What we expect from the community

Please comment on this thread and share your views and feedback with us.

7 Likes

@akhilmalhotra How does it relate to the OpenMRS O3 Frontend Framework initiative?

3 Likes

@akhilmalhotra in Ozone, we offer both O3 and Bahmni (EMR) as options for the EMR app within the HIS.

This dual option within the OpenMRS ecosystem is easier to support when both O3 and Bahmni (EMR) share similar (ideally identical) backend configurations, particularly in terms of the following assets: Core, REST WS, and most importantly, the FHIR2 module.

My question is: will this evolution lead to an increase backend convergence between O3 and Bahmni (EMR)?

I love the UI’s, @akhilmalhotra Yes Navigation is very important

are they to be esm’s ?

@mksd I would really really hope so. For the new frontend, the team has decided that FHIR is going to be API standards that is to be supported. I believe there is already some extensions, and in near future, various first level models like Immunization, Procedure, DocumentReference etc are going to be worked on.

@tendomart yes. we hope to follow the Atomic design, and simple module breakdowns, that are to be published on npmjs. I believe there is still work to be done, and its early days. Please provide your feedbacks when the source code is available.

3 Likes

@pwargulak Apart from the visual similarity due to the fact that both are using the Carbon design system, it does not relate to O3.

Thanks for confirming that we made the right decision to choose the Carbon design system for O3 :smiley:

2 Likes

that I am not sure about :slight_smile: .. imo, Material is way easier to customize and build. but carbon is way better for accessibility.

So did you choose Carbon over the others, mostly for accessibility?

mainly that. also, we already have some parts of IPD, Lab Entry built on Carbon. But this time around, we decided to be lil smarter. We are keeping an abstraction over the carbon components, so in case, we do want to spend a lot of time modifying all across the system in future - we can make the changes much faster. Plus we werent focusing on Mobile phone. There’s also Polaris (Shopify), which seems to have a wide following.

1 Like

First and foremost, my hearty congrats and all the very best to the @akhilmalhotra and entire bahmni team.

Some points:

  • It looks way too similar to OMRS’s latest version. How much have we deviated from or taken cues from them, especially on the UI aspect?

  • While developing, kindly make sure there is an option for implementing customization as modules (example: WordPress and extensions). This would pave the way for powerful customization and upgrades from third parties, which they can even monetize if needed (e.g., WhatsApp integration, QR code generation, etc.). These will not fall under your “to-do list,” but hospitals may need them in the current era to make life easier for staff and doctors.

  • Instead of making everything customizable only through coding, I really wish the admin page inside Bahmni can be used to customize what gets shown and what does not. This should be the central point for configuring Bahmni for each hospital/clinic. Examples:

    1. From your screenshot, there should be an option to rearrange sections (Allergies, Conditions, Diagnosis, etc.).

    2. Define what is most needed in a new consultation — either for lengthy history-taking or fast OP disposal.

    3. Color scheme changes. Logo uploading , hospital specific customization..

    4. Ability to add/remove - Enable/disable extensions/add-ons, etc.

    5. Please discuss or arrange a meeting among developers and doctors to define what is most needed in this UI. That will give a clear-cut approach.

    6. YES, please change the Medication UX. Bring back the Bahmni NEXT version — it was pretty cool and fresh.

    7. I do agree that when it moves to smaller mobile screens, UI development can become strenuous. In that case, I would propose developing a suitable app that simply works as a wrapper for the main website. Even in my current setup, I have deployed a few tablets and some mobiles for staff data entry. Having Bahmni cater well to mobile devices is the right direction. The current Bahmni UI is already decent in adapting to different screens.

    8. Please move away from OpenELIS. It’s pretty hard to code(thats what developers told). The current way of printing reports (not being able to group them, arrange them in order, or print specific panels on each page etc) needs to change.

    9. Kindly look into other major commercial software before starting a roadmap. It might give valuable insights into what needs to be integrated into base Bahmni. One example is the growing need for integration with social platforms like WhatsApp, etc.

    10. Define a clear workflow before starting the UX redesign. Even now , appointments , IP module (careview) , etc seems very disconnected.

    11. From the screenshot , (too early to comment) , we need to have unique color for specific permanent modules like , for eg : blue for consultation , red for medication , green for observation/conditions/diagnosis .. etc. This will give a clear permanent visual cue to search for color for specific data. having dual color or bland design will get confused when data keeps filling up.

Kindly do read through my other request on my thread My Ideas, Suggestions, and Contributions for Bahmni (India Specific)

Once again a hearty wishes to get bahmni to next level..

2 Likes

Hi @akhilmalhotra, Can you please let us know when a Bahmni release with these changes can be expected for public usage?

Hi @akhilmalhotra, Can you please let us know when a Bahmni release with these changes can be expected for public usage?

Can’t comment or commit a date for now. Due to capacity constraints, it will take a few months to get to MVP (not feature parity).

Understood. Thanks for the response @akhilmalhotra.