Role: Creative Lead

Collaborations: Product Designer‍, Product Manager, Engineers‍, Developers

Duration: Jan 2023 - July 2023 | 🚀 went live July 2023

Methods: Interaction Visual Design | Competitive & Comparative Analysis | Prototyping | Usability Testing

Tools: Figma, Miro, Full Story, Dovetail

 
 

3700+

User Surveys

4

Usability Sessions

10%

PSAT Increase

 
 

Client Background

Customer Connect is a centralized platform used each week by more than 90k customers to access product documentation, training materials, troubleshooting guides, and open / manage support requests.

I collaborated with VMware’s Digital Experience team to audit their dashboard portal, refine the UX, and design a solution that intuitively guides customers to the specific functions they need, ultimately enhancing the overall customer experience.

 




 

Audit

The Digital Experience team recognized the need for a website update, prompting me to begin noting my impressions of the portal. My preliminary thoughts on the identified issues:


1. Lacks relevant, personalized information and fails to guide users on next steps.
2. Usability and functionality issues hinder task completion.
3. Difficult-to-navigate interface requiring excessive clicks to find information
4. Key features are missing or difficult to locate

 

Initial Research

Legacy Systems sessions

Learning about the platform reading documentation and manuals, watching videos, and interacting with the software

Customer Full Story Sessions

Observing customer sessions helped paint a picture of areas of friction coupled with user feedback

Team & Business Alignment

Meeting with product and stakeholders broadened our understanding and provided additional context

 
 
 

Early Learnings

Problem #1: Difficultly Navigating Website

The site required excessive clicks to navigate, with survey feedback highlighting its complexity and disorganized information. A heuristic evaluation revealed that many actions involved multiple steps. Our goal was to streamline navigation and prioritize common tasks for Customer Connect users.

Problem #2: Lack of Customization

The information provided lacks personalization and fails to guide customers effectively on next steps or available features. To enhance the customer experience, we need a solution that offers clear navigation to essential functions while presenting relevant, personalized information in a streamlined and efficient way.

Problem #3: Addressing Usability Issues

Upon analyzing the current portal website, we noted key findings that there were inconsistencies and pain points around navigation items. Overall, the business wanted to completely redesign the website in order to incorporate the new features to be rolled out.

 

Leveraging feedback

 
 
 
 
 

Insights to features

In intital prototypes, we prioritized content that was deemed most important to customers that was determined by user surveys, website analytics and internal stakeholders. After analyzing survey results and observing FullStory sessions, we identified the main features to include on the dashboard.

 

22%

Open Support Tickets

19%

Access Product Support

28%

Download Products

 

After analyzing the data, this helped inform our must have features
- Actionable alerts & notifications
- Key action shortcuts
- Support request display
- Chatbot to access shortcuts for support flows
- Product support shortcuts to KB pages
- Quick actions links
- Success plan details

Future State Features:
- Products and licenses details
- Subscriptions
- Learning modules

 
 
 

Defining the framework

In defining the framework, we considered principles and visual presentation ensuring that it adapts seamlessly to various screen sizes and devices. Keeping this in mind, we've designed the layout to prioritize these needs, ensuring that over 80% of essential tasks are conveniently accessible without the need for scrolling, all placed prominently above the fold.


 
 

Research

To better understand how users behave on our new homepage design, we conducted 4 usability sessions and structured interviews with customers to garner insightful feedback and validate the designs. Customers roles included IT Infrastructure Managers, Virtualization and Infrastructure Admins, and a Virtualization Engineering Lead with experience using Customer Connect varying from 5-20 years.

What we wanted to learn:
Customer feedback on the new UI of Customer Connect Homepage
Preferences for getting support
Mental models for support flows
Other flows that could be impacted by the redesign

Our hypotheses:
- Users experience friction navigating the current homepage since it does not surface relevant information to them. They lack an informative way to find their products, licenses, and manage their account. By improving the homepage and leveraging useful information relevant to their accounts, we hope to improve the user experience.
- Support - Users find it difficult to understand how to get support on Customer Connect currently. By optimizing support request widgets and designing self-support features, we hope it alleviates the support process.

 

Customer Learnings

 

Solution

After synthesizing survey results and incorporating feedback from our usability testing sessions, we identified the most common tasks users visit the site for: tracking licenses, opening and managing support requests, and downloading products. Our goal was to surface these key actions more prominently, reducing the need for users to search for them.

By addressing pain points highlighted in testing, we aimed to remove obstacles and streamline the experience, enabling users to complete their tasks more efficiently.

 
 
 
 

Bringing Key Actions to Surface

After learning users were overwhelmed by the number of widgets displayed and lack of visual hierarchy, we simplified the design by limiting the number of widgets and using consistent visual treatment.

We refreshed the quick links UI to allow customers to easily complete their most common tasks, providing customization to add/ change widgets displayed based on their personal needs.

 
 

Leveraging AI 

We incorporated popular self-service topics to allow users to find a solution quickly and reduce the number of support tickets.

Using a chatbot experience, clicking into each topic would present details related to the customer’s entitlement account and products to improve efficiency in finding a solution.

 

Highlighting Actionable Alerts

We reconfigured the notifications section, surfacing actionable alerts that require timely attention from customers.

Using the data from surveys and interviews, we displayed action alerts that were of importance to customers.

 

Success Plan Gamification

In this redesign, we wanted to surface a comprehensive success offering (Success 360) to help guide enrolled customers through all of the stages of their VMware solutions.

User’s with Success360 access would see an overview on their dashboard with personalized guidance to drive adoption and outcomes.

 

Result

Reach out to me directly if you'd like access to the full research readout

 

Takeaways

 

Implementation

Customer Connect redesign was implemented in July 2023 and migrated to a new platform, with results showing a 10% improvement in PSAT score following the launch.

VMware Customer Connect continues to operate under Broadcom's ownership. Broadcom completed its acquisition of VMware on November 22, 2023. Following the acquisition, VMware's products and services, including Customer Connect, are now part of Broadcom's portfolio.

Source: investors.broadcom.com


 
 
Previous
Previous

UX/UI | Skills Building Platform

Next
Next

iOS Mobile App