— — —
01 The Challenge
Mobile development teams needed a specific notification component. After meeting with them, we outlined the following requirements:
Here's the challenging part, the mobile design system already had several similar components. This is a large, enterprise-level design system so I needed to be very careful with recommendations. Things like swapping out a component have big impact.
— — —
02 The Process
To see where this new component could fit, I did an in-depth comparison of existing components.
The thing about a system is that it's all connected. A change in one place can affect a lot of things. In reviewing our communication components, I also found some areas we could improve the layering our of elements.
To meet with teams, I kept designs low fidelity. We're looking at structure and functionality at this point. Now isn't the time to get hung up on little design details.
First round with the teams uncovered that I need to support multiple notifications at once. I made the adjustments and also took the opportunity to show teams my thought process and how design principles come into play.
Great! The teams were on board, but they had some concerns about users being able to tell if there were multiple notifications under the first. Well, I had excellent UX Researchers to work with to test that out.
While users were still able to accomplish their task, I did identify a way to improve the design a bit further.
— — —
03 The Results
Perfect! It took some iterations, but we arrived at a result that everyone was happy with. Working with the mobile developer, we prepare the needed properties so developers could do everything they need. These were kept in sync with the Figma component.
This complex system already had components that could possibly be confused with the new one. To make it easier, I made a flowchart for designers and developers (among other resources).
Finally, user testing highlighted the need for a singular place to access messages and communication. I put together some ideas for how we can consolidate where messages go (several users had feedback about this!).
