A simplified interaction flow for operators to troubleshoot Network Elements and utilize various data visualization techniques to present complex data effectively
Discipline
Interface Design, Interaction Design, Product Thinking
Team
4 x UX Designers
2 x Developers
5 x Product Managers
Role
Interface UX Designer Intern
Timeline
January - April 2024
Overview
My work included designing interaction flows for the Network Services Platform (NSP) module that enabled operators to troubleshoot networking issues quickly and efficiently. I also helped identify and present persistence issues to the UX team, developers, and Product Line Managers (PLMs) to enhance the platform’s usability. Additionally, I contributed to the design systems team by helping with their existing color guide. I worked on an Automation concept that employed data visualization techniques to present complex data effectively.
⚠️ This project is partially shipped, so this page does not reflect everything I worked on. If you're a hiring manager, please get in touch with me via email, and I would be happy to discuss my contributions in more detail :)
Project 1
Simplified Interaction Flow for Device Management
One of my main tasks was to dive into an ongoing project focused on the Device Management module of Nokia’s Network Services Platform (NSP). NSP is a robust platform used by network operators, engineers, and developers to manage, monitor, and troubleshoot various network elements and services.
This module is crucial for operators who need to identify issues with network elements and troubleshoot services rapidly. My primary contribution involved designing a streamlined interaction flow that enabled operators to compare and troubleshoot network elements more efficiently. I brainstormed and developed a more intuitive approach to triggering these interactions, replacing the existing process with a solution that reduced the number of clicks and simplified the user experience.
Use Case:
Operators are unaware of the specific issue but know that one network element is functioning correctly while the other is not.
There are over 50 network elements of different product types in a list, but only those of the same type can be compared.
Pain Points:
#1- Users must manually filter NEs by type before they can begin comparing them.
#2- Pagination limits the display of NEs per page, requiring users to navigate multiple pages and remember previously selected NEs.
Some identified pain points
Design Iterations:
Starting point of the flow: where the user chooses to select an NE
Different design recommendations once an NE is selected:
These iterations reflect ongoing feedback, including:
Allow operators to go back if a wrong network element (NE) is selected.
Reduce the number of dialogs to save steps.
Ensure data is not fetched and displayed twice.
Keep selections visible on the screen at all times for easy reference.
Final Iteration:
I incorporated these feedback in my designs and presented the following flow. It received a positive response from the UX team and developers and went into the implementation stage! :)
A modal bottom sheet so operators can go to the main screen by clicking on the close icon.
The inline notification shows the product type and all NEs displayed are automatically filtered.
Operators can see the selected NE and choose which configuration they want to compare, all in one modal.
These were notes for the developers!
Project 02 & 03
I co-led a persistence project where my main role was going through all the NSP modules and screen record persistence issues. I was also responsible for creating low-mid fidelity mockups of the recommended behavior. I put it all in a spec that developers can use to write integration tests and automate the QA of NSP.
These are examples of some of the components that I worked on, which were documented in a spec. I co-presented the spec to a group of 18, which included UX designers, developers, and a product manager.
All good things must come to an end so that better things can come!
I'm incredibly grateful for this internship, as it pushed me to grow both as a designer and a team member. I learned a lot about Networking Services and designing with limited technical knowledge. Prototyping early helped me communicate ideas effectively and demonstrated proactiveness. Collaborating with cross-functional teams taught me that design critiques aren't personal but are essential for the project's success and the users' benefit.
MY AMAZING DESIGN MENTORS! :)
I had the pleasure of working closely with Mahima during a coop term. She excels in connecting with team members and clients and gathering valuable feedback/research. Her organizational skills are exceptional, ensuring tasks are completed efficiently. She's open to new ideas, presents multiple solutions to problems, and communicates them clearly through presentations and Figma documents. Mahima’s ability to focus on the correct final solution, and document it effectively makes her an invaluable asset to any team.
- Head of UX Design
Your design work showcased remarkable creativity, attention to detail, and a keen understanding of user needs and aesthetics. You consistently delivered high-quality designs that not only met but exceeded expectations. Additionally, your willingness to learn new networking domain content and Figma allowed you to contribute effectively to various projects. Overall, your positive attitude and collaborative approach in working with different designers on the team were also notable. It was a pleasure to have side conversations with you in the office.
- Interaction (UX) Designer