Medic Mobile is thrilled to announce the release of version 2.14 of our application. We’ve had a number of releases since since our last release post, but we’re particularly excited about 2.14 which contains a number of small visual changes that will make a big impact on user experience.
Changing the look and feel of an application can be a tricky process, and we relied on our users to tell us what was working and what was not. Below, we take a look into the changes in 2.14, explain our design process for these changes, and give you a peek into what’s in store for upcoming releases.
A fresh look: updates to typography and other styling
We made exciting changes to the look and feel of the app including typography and other styling. We wanted users to be able to identify important information quickly, have a consistent user experience, and use the app in bright or low light environments. These updates allow us to support global scale and adaptability across devices.
The new version is larger, less dense, and easier to read. We’ve improved legibility and accessibility to users by updating the font size from 14px to 16px, which is standard across many best-in-class applications. We’ve also standardized Noto as our font so desktop users have the same experience as mobile users. Noto was specifically created for use across different types of devices, is free and open source, and supports 800 languages. The switch to Noto is crucial to support our growth and scalability globally.
Across the application, we’re now using consistent styling to ensure that users encounter visual cohesion. Here are a few examples:
In 2.14, Tasks have updated styling, making them easier for health workers to scan, understand, and act on.
Improved readability and consistency
In the Tasks tab, the patient's name and task title are now separated into two different lines. Less text is lost to truncation, making the list easier to scan on small screens. Overall, tasks are styled consistently between the Tasks page and the People page.
Old tasks styling (left) and new tasks styling (right):
In our new design, the timestamp becomes bold and red when a task is overdue. This makes for a cleaner design that is easier to scan and absorb at a glance.
Old timestamps styling (left) and new timestamps styling (right):
More room for context about tasks
In the past, we used a small red icon to indicate high risk, which conflicted with our styling of overdue tasks and didn't provide space for textual explanation. Now, any additional information like "high risk" is included as a third line of text below the task title. This opens up the third line of text for potentially multiple types of special warnings or notes.
Old context styling (left) and new context styling (right):
Unread messages or reports styling
In the past, we used the background color of a message or report to indicate whether it was read (grey) or unread (white), which was difficult to differentiate in bright light or on certain screens.
Now, messages or reports that are unread will appear with a bold blue timestamp. In addition, a horizontal blue line is present in the upper right corner. Styling unread records in this way improves contrast and readability and makes it easier to detect unread items.
Old messages styling (left) and new messages styling (right):
Improved Targets design
The Targets tab makes use of widgets that visualize essential data for the end user. For community health workers (CHWs), the Targets tab provides a quick summary of their progress. For CHW supervisors, nurses, and other facility-based users, it displays important insights into how health systems are performing.
Previously, the Targets page looked like this:
The new Targets layout:
In the new design, the background color of widgets is white, and each widget is spaced out on the page in its own card, making for a clear and attractive design. The page also accommodates one, two, or three column views depending on screen size.
We also redesigned the count and percentage widgets. The count widget tallies information such as the number of active pregnancies or facility-based deliveries this month. The percentage widgets displays a proportion of success, such as pregnancies with one or more ANC visits or the percentage of on-time follow-ups. Both types of widgets can include goals.
Before, these widgets looked like this:
In this design, it was not clear which value represented the goal and which value represented the progress so far. We also received feedback that percentage data is hard to interpret and act upon so we set out to improve that experience.
The new count and percentage widgets:
In the new design, we've updated the size of the text and made clear differentiations between titles and subtitles. We’ve also updated the icon size and resolved text wrapping so that lines only break between words.
We introduced colors to both widgets to differentiate between met and unmet goals. In percentage widgets, we added a subtitle and a goal marker that rests on the percentage bar. To make the data more actionable, we added the number of cases comprising the percentage, such as "16 of 20 on-time." This makes it easier for CHWs and managers to have practical conversations about what's needed to improve that metric.
Other 2.14 changes and upgrading your instance
In addition to the typography, styling, and Targets updates, we made many changes in 2.14, including new features, bug fixes, and performance improvements.
We hope you’re as excited about version 2.14 as we are, and we can’t wait to hear your feedback. If you’re a current Medic partner, your project manager will be in touch to schedule your upgrade. If you’re interested in becoming a partner, contact us here!
We’re already hard at work on version 2.15, which will bring similar styling updates to forms, new SMS notification features, support for death reporting, and improved export capabilities. Stay tuned for those release notes on our blog.
We’re grateful to all of our partners and users who gave us feedback and worked alongside us to improve the application - thank you!