UX Design • 2018
Understand painpoints within App Profiles experience on Cisco CloudCenter.
Redesign UI/UX of App Profiles experience to enhance the overall experience.
Worked on project independently with the guidance of mentor and manager.
During 3 month internship.
Cisco CloudCenter is a multi-cloud management tool that allows users to manage and deploy various apps, regardless of their topology.
Tools Used: Expert Interviews, Sketch, Invision, KeyNote.
Insights based on 3+ rounds of expert interviews.
High fidelity prototype demonstrating refreshed UI (based on existing library) & UX for App Profiles experience.
System Admins create customized services.
App Architects model apps using these services and out-of-the-box templates (this is the experience I refreshed).
Web apps are deployed.
I conducted both preliminary research and expert interviews.
First I researched app architect roles online. Then, I conducted 3 rounds of expert interviews with 5 stakeholders with backgrounds in engineering and sales. I asked questions about the different roles involved in the flow, the most frequent use cases + app topologies, and competitors.
I gathered the following key insights:
Most app architects did not use the pre-existing services that CloudCenter provided.
The blank canvas template was used 99% of the time, over 20+ others.
There were 3 commonly built topologies.
Many frustrations expressed were related to Services, outside of the scope of my project.
The 3 panel layout and drag-and-drop interaction in the experience was widely liked.
I categorized key frustrations by role and by low hanging fruit vs. UX overhaul.
I mapped the key frustrations to the screens and created various options for possible solutions.
I coupled each frustration with a more flushed-out solution idea. Then I got feedback.
Because there were many vocalized frustrations, I sought feedback for which to focus on. Feedback indicated I should re-design the canvas experience and app profile/template selection flow.
My final deliverable was a high-fidelity clickable prototype.
Key improvements in the new design related back to the key insights I discovered:
3 most commonly used templates highlighted instead of previous 12+.
Real estate optimized by expanding giving users a full-screen canvas.
Content organized in a way that is inline with a user’s task flow.
Implement service search.
Updated UI that was in sync with other recently updated CloudCenter services.
IF I COULD DO THIS OVER AGAIN...
I would ask app architects about their key frustrations (rather than just stakeholders) with the tool to validate my research and designs with actual users.
I would create more iterations of low fidelity designs to allow for more possible solutions.
I would have gathered data on the existing designs like time for task completion and user satisfaction. I would then gather the same metrics using the new design, and compare the two sets of data to gauge success of the new designs.