UX/UI Design

UX/UI

Dialpad Admin

Category

UX/UI

Client

Dialpad

Start Date

February 2022

Type

Admin Dashboard

Project overview

Introduction

Dialpad is a cloud-based business communication platform that leverages AI to enhance voice, video, messaging, and contact center solutions. It provides businesses with an all-in-one communication system, integrating AI-powered transcription, call analysis, and customer insights to streamline workflows. With a strong focus on usability and innovation, Dialpad enables teams to collaborate efficiently while improving customer interactions.

My Role in the Admin Redesign

As a UX/UI Designer on the Growth Team, I was responsible for the redesign of the Dialpad admin panel, focusing on improving usability, accessibility, and overall user experience. My contributions included:

User Research & Insights:

Collaborated with the team to analyze user pain points and needs.

Wireframing & Prototyping:

Designed and iterated on high-fidelity prototypes in Figma.

Data-Driven Decisions:

Used Amplitude to track heatmaps and user behavior, ensuring data-backed design improvements.

User Testing & Feedback:

Conducted usability testing and iterated on the design based on real user feedback.

Final UI Implementation:

Developed an intuitive, visually appealing interface aligned with Dialpad’s branding and business goals.

Key Improvements and Added Features

Guided Onboarding:

Step-by-step instructions were added to help new users set up their accounts quickly, highlighting key tasks such as:
• Setting up the main phone number and business hours.
• Configuring call routing and voicemail.
• Adding team members.
• Downloading the Dialpad app.

Optimized Dashboard

• A clear interface was designed to display account status, user roles, and quick access to meeting and call settings.
• A summary of recent activity was added, including AI-powered call transcripts.

Improved Call Management

• A new interface was implemented to display live calls, including agent status and real-time call volume.
• The "AI Contact Center" functionality was introduced to manage omnichannel communications efficiently.

Data Analysis and CSAT (Customer Satisfaction Score)

• The visualization of key metrics was redesigned with clear graphs to track customer satisfaction and team performance.
• AI-powered predictions were integrated to assess customer sentiment based on call content.

Simplified Integrations

• Improved compatibility with CRM tools, calendars, and email systems.
• Streamlined configuration for connecting Dialpad with enterprise tools.

Design Process and Decision-Making

The redesign process followed a user-centered design approach, ensuring that every decision was backed by research and data. The steps taken included:

User Research and Feedback:

Before implementing any changes, we conducted research with administrators and support teams to identify pain points and areas of improvement. This helped us understand how users interacted with the admin panel and which features needed refinement.

Wireframes and Prototypes:

Using Figma, we created low-fidelity wireframes to test different layouts and structures. These were iterated into high-fidelity prototypes, refining the user experience based on feedback.

Usability Testing:

To ensure the redesign met user needs, we conducted usability tests with real administrators. We observed how they navigated the new interface, identifying friction points and opportunities for improvement.

Amplitude Analytics:

We leveraged Amplitude to analyze user behavior through heatmaps and event tracking. This allowed us to understand where users were engaging the most, where they dropped off, and how we could optimize the UI for a smoother experience.

Conclusion

The redesigned Dialpad admin panel successfully improved usability, efficiency, and user engagement. By incorporating a guided onboarding process, enhanced call management features, AI-powered insights, and a data-driven design approach, we were able to streamline workflows and make administration tasks more intuitive.

Using Amplitude analytics and usability testing, we validated our design decisions, ensuring that the changes directly addressed user pain points and improved their overall experience. The final product aligned with Dialpad’s vision of seamless, AI-powered communication, making it easier for businesses to manage their operations effortlessly.

This project reinforced the importance of UX research, iterative design, and leveraging analytics to create meaningful, user-focused experiences.