Overview
My Role
UX design (interaction design, prototype, design system) and research (user interviews, usability testing)
Collaborators
1 UX designer, 1 researcher, 1 PM, 1 analytics associate
Client
Med Tech Client (Anonymized due to NDA)
Project Statement
I designed a customer 360 dashboard that empowers the marketing and sales team to gain full insight into their customers.
Duration: Jan 2021 - Mar 2021
Impact and Outcome
From a vague idea around pain points to a fully fleshed concept, our client was able to sell the idea internally, and develop a tool that transformed key tasks for commercial users. The dashboard 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
Opportunity
Design a comprehensive, on-demand tool that is built for pharma reps and marketing users. This “one-stop shop” could enable users to link various data sources and help them analytically understand customer value.
Previewing the Solution
Design Process
Phase One: Align
user interviews
The first step of our design process was discovering the painpoints and brightspots of our clients. We interviewed 16 people from the commercial analytics leadership, the marketing team, and the sales teams to discover their challenges with their current way of discovering customers, and what steps they take to close out deals.
From analyzing the interviews, we found these common themes:
The current set of tools and resources available to users don’t provide a complete picture of the customer
The team had to look at multiple software to get the full picture, as relying on just one caused huge gaps.
Users need to get access and understand 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 users wanted to ability to track open orders, and which will make it easier for reps to see why orders are decreasing or increasing
Seeing what key patterns leading to purchase are some ways that can lead to an increase in orders. Clearly putting that information in the front can help reps leverage that data and come up with a more intelligent sales strategy
Some insights (not exhaustive) on sketchy concepts drawn for our user to give feedback on.
Concept Testing
We also mocked up some concepts after conducting desk research and interviews to gain initial feedback on our concepts.
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.
Phase Two: Design
Photo from our online futures state workshop
Participatory Design Workshop
After interviews, we workshopped the design with our clients’ users. In our discussion, we figured out what data points would be helpful, and dot voted on the ones that are most impactful. Those would end up in the overview screen.
This workshop was a great way to understand what specific graphs and KPIs will be prioritized, grouped, and organized in every screen.
Common Themes
To prepare for the design, I bulleted out the main themes from the user research that the prototype must address. The principles below and the requirements document was extremely helpful in figuring out what charts would go where.
Turning Data Points into Designs
After evaluating the user research, I started to set up my figma file. By cross-referencing the workshop, requirements sheet, and my knowledge of data visualization principles, I started to design in each screen with the appropriate data visualizations. I used the client’s brand colors as inspiration for the design system.
Turing data points into design (not exhaustive)
Phase Three: Refine
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.
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 get notified when a machine is broken.
Users also see a red blinking warning dot next to machines and
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.
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.
Network
Seeing how all the reps’ customers are connected allows the user to spot potential opportunities more quickly.
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.
Reflection
Providing context and the details are so important
A big proportion of our user testers did not know what certain data points meant because of the niche field of pharmaceutical sales. Including a glossary and the ability to click/hover for more details can provide a lot of value.
Developing the product with engineering
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.
Learning about the nuances of healthcare and empathizing with the 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.
Be adaptive in a fast-paced design project
This project had a lot of twists and turns, as the process of designing and getting client feedback was non-linear. We did not do as many user research discovery sessions as I hoped given the time constraints, but we were able to compromise and find the optimal solution that fits our time and smaller budget. I learned that compromise and discussion with all stakeholders were required, as not all projects are built the same.