Webhooks
Improvement
Help Wix app developers get
real-time updates easily.
The Wix Developers Center is a platform for developers who build Third-Party App for
the Wix App Market.
The platform provides all the necessary materials, API Reference and support to allow developers to build a successful app.
One of the parts in the platform is the 'My Apps' where developers actually build their apps.
This case study presents the process of improving a part of the 'Build Your App' flow - the Webhooks feature.
Role
Senior Product Designer
Product
App developers can subscribe to webhooks on
specific events. When the event occurs Wix will
send an HTTPS POST request to their URL with the relevant data.
Brief
Optimization of an existing Webhooks flow in order to help Wix app developers (internal and external) to set up and manage their webhooks easily.
Research
As a part of general optimizations for the 'Build Your App' flow and based
on the day-to-day product monitoring results it was decided to conduct
a research, in order to understand if there are any problems in the Webhooks feature and how we can improve our user experience.
Goals:
I set the following research objectives:
-
Discover how easy/fast/slow it is for someone to subscribe to a webhook.
-
Discover how easy it is for users to find the desired events to subscribe on.
-
Discover how easy it is for users to manage their subscriptions.
-
Identify elements that cause friction during the subscription process.
-
Discover which features conform to the users' expectations, and which don't.
Listen to Our Users
"A little hard to find the right webhook. Some of the categories aren’t clear and confusing..."
"It can be helpful to test
a webhook right in the settings up state."
"The ability to search logs by something more than the instance ID that would be nice."
To understand our users, were conducted user interviews to gain their perspectives on Webhooks feature.
User Voice Takeaways:
-
Lack of discoverability - Wix Developers Center users were quite happy with existing webhooks capabilities. One of the main requests of these users was to have options to search and filter webhooks.
-
Unclear content - An issue that was mentioned over and over was that finding the right webhook to add wasn’t so convenient.
-
Inconvenient testing option - Webhook log and test webhook option are really helpful features. But users would be happy to have possibility to enable test before adding the webhook.
Competitive Research
I looked at similar competitors on the market and at internal Wix products to see how they are solving some of the problems we found in the users’ interviews.
First I started from the general research and after that concentrated more on how our competitors are performing in the following areas:
-
Add flow
-
Categories arrangement
-
Testing flow
-
Manage flow
-
Log
Key findings:
-
Most of the competitors have a complex subscription flow which includes several steps for completion.
-
Most of the competitors has an option to test/validate the webhook during the subscription flow.
-
All the competitors who has a long list of the events have an option to search for the desire event.
-
None of them has an option to filter inside the Log
Analysis
Making sense of the findings...
I collected all the insights to help identify patterns and pain points that emerged from my research.
Some findings:
-
Overall, Wix webhooks capabilities and features are relatively good compared to our competitors.
-
After the first configuration users only enter the webhooks page when they get an error.
-
Logs are very useful to our users for debugging.
-
Users need to be able to find a right event from the long list of the options
-
Export as CSV/ RSS option can be useful.
User Flow & Wireframes
Based on the research findings and business priorities, I created user flow and simple wireframes to test out the concepts visually before making changes to the interface.
User Flow
Based on the brief requirements I divided the feature's pages into three types:
-
For internal users
-
For external users
-
For internal & external users
Wireframes
One of the challenges was to decide what is the most appropriate way to add the event.
After I've created several versions of this flow I continued with two options:
-
Add an event from the modal - two steps flow
-
Add an event from the page - three steps flow
Modal solution
Full page solution
Finally, after discussing all the versions with my team, taking into consideration our business needs and usage of the Wix design system we decided to go with the full-page solution.
Final Solution
Say hello to New Webhooks. I ended up creating a feature which was designed to improve the existing solution and help users to get real-time updates easily.
Events Filters & Search
The new solution optimizes the process of finding the desired event while setting up a webhook.
Log Search & Filters
It also includes an updated filter option and advanced search functions which include all other necessary parameters apart from an ability to search by instance ID.
Log Export
The new Export feature allows the user to have an additional option for managing his log.
Next Steps
The first phase of the feature is planned to be developed in first quarter of this year.
Backlog:
-
Improvement of the permission flow.
-
Versions flow for deprecated webhooks.