Overview
My Role
UX design (interaction design, prototype, design system) and research (user interviews, usability testing)
Collaborators
1 UX designer, 1 research/design lead, 1 PM, 1 analytics associate
Client
Med Tech Client (Anonymized due to NDA)
Duration
4 Months (Design)
Problem
A medtech company ‘s marketing and sales team struggled with the software they used to understand their customers. They relied on too many analytics tools and had gaps in important information.
What I built
I designed a customer 360 dashboard that empowers the marketing and sales team to gain full insight into their customers.
Impact and Outcome
From a vague idea to a fully fleshed concept, our client was able to sell the idea internally, and develop a dashboard that is currently in production.
The client was so happy with the designs that they extended the project, which helped the team gain an additional $.25M of revenue.
Problem and Opportunity
Problem
A medtech company struggled with existing systems & the lack of insights coming from the tools they used. Their existing processes were slow and bureaucratic, they couldn’t obtain insights quickly on customers, there was a lack of information, and fractionalization threatened the effectiveness of their sales team.
Opportunity
How might we unite different data sources into a single platform that would provide valuable, on-demand information to reps?
Solution Overview
Customer 360 is a comprehensive, on-demand tool that enables marketing and pharma reps to link various data sources so they can understand customer value through curated analytics.
Design Process
Understanding our Users
The first step in the process is conducting user research. We recruited 16 of our stakeholders and users who had analytics, marketing, and sales backgrounds to participate in a variety of methods so that we can gain insight into their current process and struggles along the way in targeting a customer for a sales opportunity.
We centered our questions around understanding the customer and the information they need to close out a deal. Some questions include…
Tell me about a recent time you gathered detailed information to better understand and monitor a customer. What types of information were you looking for?
Tell me about the last time you had difficulty finding the information you needed from a customer. What were you looking for? How did you resolve this issue?
If you could pick the top 3 wish list items you would like to know about your customer (and don’t currently have), what would those be?
From your perspective, what are some of the biggest challenges users like yourself experience with gathering customer data and understanding customer value?
user interviews
The first step was discovering the pain points and bright spots of our clients through 1-1 interviews. After conducting the interviews centered around discovering customer value, we found these takeaways..
Takeaways
The current set of tools don’t provide a complete picture of the customer. The team had to look at multiple software to get the full picture
Reps need full access to the customer fully to identify opportunities. Reps are having a hard time contacting their customers because they don’t have all the information in one place.
All reps wanted to ability to see key patterns leading to a purchase. Clearly putting that information in the front can help reps leverage that data and come up with a more intelligent sales strategy
Concept Testing
After the interviews, I sketched out possible concepts to see if our initial thinking resonated with the users. I showed the users 2 concepts and they provided feedback, which helped validate our designs and helped me focus on what possible opportunities there were in the later design stages.
Takeaways
Simplification is key. Reps liked the simplification of the dashboard as it made it easier to scan.
Provide more data than what they already have access to. Giving more visibility to what HCPs do day to day can help tailor the information that the reps give to the HCPs.
Users struggle to understand the impact of their efforts. Include ways that they can see the full engagement picture. Fully seeing what items are at risk and identifying customer buying patterns are important.
Participatory Design
Next, we workshopped the design with our clients’ users. In our participatory workshop, we strived to achieve these main goals.
Goals
Figuring out what data visualizations and data points would be helpful for the users
Prioritizing the most impactful KPIs through dot voting. Our idea was that those data points would end up in the overview screen.
Figuring out what visualizations could be combined or deprioritized.
After the workshop, I gained more clarity on what the design might look like because we brainstormed what specific KPIs will be prioritized. I then started to draw out different graph types and lay the most optimal graphs on the screen, with help from client.
How might we?
To prepare for the design, I bulleted out the main takeaways from the user research sessions. These statements are the main things that the prototype must address.
Brainstorming the Design
Designing with the KPI prioritization Exercise
The design lead and I played around with different layouts and visualizations to find what communicates the data points the best. We landed on the F & Z layout as it communicates these patterns to help get the user’s attention to the summary KPIs first, followed by supporting visualizations and a detailed actions list at the end.
Along the design process, I also conducted desk research to gain ideas on how to best visualize the data from the participatory workshop and lay out the screens.
Turning Data Points into Designs
After sketching out the design ideas, I started to set up my figma file. By cross-referencing the workshop, the data requirements sheet, and my knowledge of data visualization principles, I started to lay out each screen with the appropriate data visualizations. I used the client’s brand colors as inspiration for the design system.
User Testing
Refining our design by user testing
To ensure that our design resonated with the users, we conducted a usability testing session on 16 of the original participants. I wrote the tasks analysis guides and analyzed the results, which led me to iterate on the designs to provide a better user experience.
The main takeaways from the user testing include…
Designing a clear way so that the user understands what are the opportunities they need to follow up with.
Designing the dashboard so that the users are clear what are the “fires” that they need to pay attention to.
Providing an “action” along with every insight that will make it clear for the user on what are the next steps.
User testing iterations
Final Design
Overview
By providing a full picture of the customer, and the ability to dive deeper into details, the users will know the full extent of their efforts.
Features
Users see a timeline view of their interactions that are tied with orders, which can be viewed at a more detailed level
Users see important contact information, preferred communication, and lifetime orders at the very top
An insights panel shows valuable information about the HCP and actionable recommendations to the marketing/sales rep
Interactions
Seeing the full snapshot of the customers’ interactions allows the user to see patterns, helping them to better strategize on serving the customers’ needs.
Features
Users see a detailed view of their interactions, with the ability to further drill down to the types of interactions so they can identify patterns
Benchmarked KPIs are located at the top and provides important information about how well the rep is doing
A detailed list of recent interactions is there to help them see what the HCP is interested in at the moment.
Order lifecycle
Giving the users full transparency on the progress of their orders allows the user to better tend to their customers as they can foresee the potential problems that might occur.
Features
Detailed information on the progress of the orders
Warning symbols next to the orders that are delayed and indications that they are going to be delivered soon. This will be helpful to indicate to the user what needs to be followed up.
Network
Seeing how all the reps’ customers are connected allows the user to spot potential opportunities more quickly.
Features
The ability to filter the type of associations you want to see on the network map
Further details about the people that the HCP (healthcare professional) is connected to uncover potential opportunities
The ability to navigate the map seamlessly through expanding, zooming, and grabbing.
Design Handoff
UI Screens
Design System
After creating the prototype, I laid out some spacing guidelines and design system for the engineers. I derived the typography and color palette from the client’s brand colors and altered it for a data-visualization system. I made this in preparation for the next steps, which include choosing a tech stack to create the dashboard.
Extra! Concept Storyboards Drawn by Me
These are some storyboards I illustrated to convey the main ideas that were gathered during a workshop.
Reflection
Providing context to the user is very important
A big proportion of our user testers did not know what certain data points meant because of how technical it was. Including a glossary and the ability to click/hover for more details can provide a lot of value.
Involving engineering in the earlier phases
Since the project is going to the next phase, I anticipate there is going to be a big focus on the feasibility of proposed features. Given that the process we took was more of a waterfall approach where we designed it fully and validated it by the users, I think including the engineers in our discussions sooner in an agile approach will greatly reduce the re-working involved.
The challenges of learning about the nuances of healthcare and our persona
This was my first project designing for a pharmaceutical company, and I realized that I had a lot of gaps in the healthcare field in terms of what everything meant. Fortunately, I included myself in the user interviews so I was able to understand the user’s pain points and needs for the basics of this project. However, I think if I were to involve myself in a contextual inquiry or observational study, I would have an even greater understanding of what needs to be done, and that would allow me to design more confidently.