Releasing AddThis on Cloudflare Apps: Making Disciplined Product Design Decisions

Guest Author
5 min readbeginner
--
View Original

Overview

The article discusses the development of the AddThis app on Cloudflare Apps, emphasizing disciplined product design decisions and the importance of narrowing the feature set for quicker market entry. It highlights the challenges faced in building a simplified version of the share buttons tool while ensuring user-friendly configuration without requiring an AddThis account.

What You'll Learn

1

How to simplify product features for faster market entry

2

Why user feedback is critical for product development

3

How to implement configuration storage using JavaScript global variables

Key Questions Answered

What was the main challenge in building the AddThis app on Cloudflare?
The main challenge was determining what features to include in the AddThis app while ensuring it remained user-friendly. The team decided to focus on a simplified version of the share buttons, which allowed for quicker market entry and the ability to gather user feedback effectively.
How does the AddThis app store user configuration settings without an account?
The AddThis app uses a JavaScript global variable to store configuration settings, leveraging Cloudflare's INSTALL_SCOPE JS technique. This allows the app to render tools based on user-defined settings without requiring users to create or log in to an AddThis account.
What feedback has the AddThis team received since the launch?
Since the launch, the AddThis team has received a mix of feedback regarding user experience, with insights on performance metrics like page speed and mobile usability being highlighted as important areas for future investment and development.

Technologies & Tools

Some links below are affiliate links. We may earn a commission if you make a purchase.

Frontend
Javascript
Used for storing and rendering configuration settings via global variables.
Platform
Cloudflare Apps
The platform on which the AddThis app is built and distributed.
API
Addthis Smart Layers API
Utilized for rendering tools based on user configuration settings.

Key Actionable Insights

1
Focus on launching a minimum viable product (MVP) to gather user feedback quickly.
By narrowing the feature set, teams can enter the market faster and learn from real user interactions, which can inform future iterations and enhancements.
2
Utilize JavaScript global variables for storing configuration settings in web applications.
This approach simplifies the user experience by avoiding the need for account creation while still allowing for personalized settings to be saved and rendered effectively.
3
Engage with users post-launch to refine product features based on their feedback.
Continuous feedback loops can help identify critical needs and areas for improvement, ensuring that the product evolves in alignment with user expectations.

Common Pitfalls

1
Overcomplicating product features can delay market entry and hinder user adoption.
It's essential to focus on core functionalities that provide immediate value to users, allowing for iterative development based on feedback.