In Summer 2016, I joined Axxess as a user experience design intern. The largest project I took was to redesign company’s flagship product Agencycore. Agencycore is a web application aiming to empower healthcare agencies to provide the best care for their patients. I conducted usability test among nurses and caregivers and prototyped mockups from wireframes to high-fidelity designs.
AgencyCore is a complex system, just like any data management software. It is complex in terms of both architecture and data types. In order to define the goals of the redesign, we interviewed several users to understand user needs and their pain points. The following is a typical user with her motivations and goals:
After a few user interviews, we can clearly identify two major user needs: 1. enhance the findablity of information across the system; 2. allow users to use the product on mobile devices smoothly.
Let's dig deeper. In order to understand what is important to the context of healthcare, we interviewed several home health clinicians and conducted "think-aloud" usability tests.
We found lots of the interactions on desktop do not have equivalent interactions on mobile devices. For example, mobile devices do not have hover states while desktop uses very often; horizontal scroll is more frequently used on mobile than desktops. Therefore, we decided to adopt the mobile-first design strategy.
Responsiveness and Grid System
We should not design for devices but design for screens. The web app was developed in 2007 without consideration of mobile devices, so now we need a grid system that smoothly tranforms the product across different screen sizes, no matter it's a 1440-pixel HD desktop screen or a 375-pixel iPhone 6 screen. We should cover them all.
Card UI system is maybe the hottest UX pattern in 2015, and we decided to utilize it as well. We have many users that use the product differently and each piece of information has different relevance to different users. By adopting the card system, we can allow greater level of personalization. Users can hide/add cards, and position them anyway they like.
Simplicity and Consistency
The product needs to be simple to use so that users can benefit from our product immediately after purchase. We should define our visual language so that users know what color indicates what type of information. Also, the interface needs to be clean and clear.
Due to the complexity of the system, there are hundreds of pages in total waiting to be updated within three months. Facing these challenges, we decided to find the unique pages, categorize them, and adopt master UI patterns.
We repainted the entire UI for 6 selected master views by replacing the skeuomorphic design with lightly weighted style in both visual and interaction.
We have new updates on the cloud product every two weeks, and we might have some very exciting new features added to the product. To provide better onboarding experience, I worked with both the marketing team and tech team to figure out what the best ways to introduce new features in the product.
After discussing with multiple stakeholders, I designed the splash onboarding screens to deliver a graphical illustration of our new features.