Administrator Dashboard

PubNub has created a Data Stream Network that allows developers to build real-time applications while ensuring security, reliability, and scalability.

User Experience
User Interface

The Background

PubNub is an expert in real-time infrastructure-as-a-service, offering solid security, 99.999% SLA-backed reliability, and scalable solutions that can handle even the largest real-time deployments. All of this is made accessible through user-friendly APIs and over 70 SDKs.

We had the opportunity to collaborate with PubNub's founders even before the company was established. When the time came to update their product with new features, they trusted us to help streamline the user interface and improve their data visualizations.

Our reimagined App Usage page now provides graphical views of both historical and current metrics.

Our Approach

We kicked off the project with an in-person meeting with PubNub's engineering team to evaluate the platform's challenges.

Conducting user research gave us a deep understanding of the PubNub Administrator Dashboard. We gained valuable insight into the Administrator Dashboard's strengths and weaknesses by interviewing PubNub customers. This enabled us to redesign the navigation and information architecture to better address the needs that surfaced during our research.

We used the extra space on the login page to highlight and promote the newest features of the Administrator Dashboard.
Once users log in to the updated Dashboard for the first time, they'll find handy quick links to start a tutorial led by the CTO, download SDKs, explore technical documentation, or enroll in the University of PubNub courses.
In the Admin Dashboard, Apps act as folders for Keysets. Users can conveniently switch between folder and list views based on their preferences.
Clicking an App reveals its Keysets, which include the publish, subscribe, and secret keys needed for using PubNub.
Clicking on a Keyset takes the user to the Key Info section, where they can configure PubNub features such as Access Manager, Mobile Push Notifications, Storage & Playback, and more.
The App's metrics are visualized on the Real-time Analytics page. PubNub Keyset analytics can be viewed individually or in aggregate within the App.
The new debug console lets developers debug PubNub in a single browser tab. Users can debug the entire PubNub implementation, including Publish/Subscribe, Access Manager, Presence, Storage & Playback, and more.
Blocks, microservices that use the PubNub Data Stream Network, allow developers to build powerful real-time features quickly.
The Plan Info page lets Administrator Dashboard users change their billing plan or add features.
The PubNub Administrator Dashboard looks and works better with our custom iconography.

The Result

Close collaboration with the PubNub team was the key to this project's success. PubNub's customers met the new release of the Administrator Dashboard with great excitement.

The updated UI, improved data visualizations, and streamlined user experience helped people manage their PubNub applications more effectively, which significantly reduced support call volume for the customer support department.

Related