Updates to the CHT UI/UX

Updates to the CHT UI/UX

Medic is designing, testing and developing updates to the user interface and experience design of the CHT.

We’re doing so to support improved learnability for new and existing users by aligning ourselves more closely with Android UX and material design patterns. We’re also moving to improve the CHT’s scalability by ensuring our mobile-first framework has room to support more use cases and functionality.

Some of the larger changes that we’ve tested include updating the action bar to an action button to separate positive and negative actions, and making the UI more intuitive by hinting at what primary actions a user should take on each page. The floating action button also allows for larger icons which are more recognizable to users with lower literacy.

The planned navigation updates are to support better scalability by allowing the addition of new pages in the future, such as a potential home screen, and to be mobile-first. Supporting the configuration of a side drawer navigation also provides more real estate for app content for smaller screens when hidden.

What’s next?

In order to support these larger improvements, there will be incremental updates, as to not overwhelm users, to smaller features such as the filter bar, search, and decoupling positive and negative actions in the action bar.

Below is an example of this potential progression. We plan on testing each update along the way and posting our learnings and iterating as needed.

As we appreciate the difficulties of training CHWs onto design updates, we are planning to help support these efforts by introducing the concept of training cards. Each UI/UX update to the CHT will come with templated and configurable content to help train users remotely.

How can you get involved?

Leave a comment if you’d like to be involved in testing these designs or have any questions about the roll out!

7 Likes

Dear @Nicole_Orlowski,
That’s phantastic. What is the release plan for those improvements?

Raf

Hi @raf

Generally speaking, each stage will first be made available in a feature release where we have a low risk way to deploy one change and iterate quickly. Once we are satisfied with the success of the specific stage, we’ll make that stage generally available in a normal release.

More specifically, we’ve already started working on updates related to filters. I would expect to see a feature release for this in the next week or two. The general availability of this first stage really depends on how quickly we can get this stage in the hands of CHWs and get feedback on how well the new feature is working for them. Meanwhile, we’ll continue work with subsequent stages.

Let me know if that doesn’t answer your question!

3 Likes

This is great! Is it possible to order the icons by highest use first/ lowest use last? I assume death reporting is a rare event. Thank you!

5 Likes

Currently the list of forms are ordered alphabetically by title… but this is something that has come up previously and a couple times recently so I am hoping to address it in soon!

Thanks! Yeah, it may help to arrange in the logical order one would follow… or may not matter to the user :slight_smile:

1 Like