Basics & Fundamentals

In this guide, we will explore the essential principles and practical tips to ensure that your Simple extensions engage users and integrate seamlessly with our ecosystem.

Introduction

To create extensions that improve functionality and bring joy to users, it’s important to focus on user-centered design, thoughtful layout strategies, and effective use of color and typography. Let’s explore how you can seamlessly integrate your extensions with the Simple experience. If you plan to publish your App on the Marketplace, please review our Marketplace App Guidelines for the Design and Usability section.

The app’s purpose and value should be defined around the needs of the users. It should solve a unique problem for them.

Objectives

Your UI should adhere to the following key principles:

Customer-focused: The app’s purpose and value should be defined around the needs of the users. It should solve a unique problem for them.
Simplicity: Your app should be simple to use and not require extensive learning to get started. It should complement the visual abstraction of code, not complicate it.
Design: Use consistent design elements like color, typography, and button styles throughout your App. This improves the user experience and makes your app easier to navigate.
Foster creative momentum: Your app should not hinder the creative process. Avoid unnecessary steps or options that could break the user’s flow state.
Clear language: Use clear and concise copy. It should guide users and connect the dots between visuals, layouts, and usability.
Accessible: Strive to make your app accessible to all users. This means ensuring it adheres to accessibility standards and best practices.

Basics guidelines

Designer Extensions operate within an iframe, allowing you to use standard HTML, CSS, and JavaScript for developing your user interface, just like you would for a single-page application. To simplify the process, you may employ frameworks and libraries.

Choose a color scheme that aligns with the purpose and tone of your App. Simple primarily uses the Inter for its interface. You should consider adopting it for consistency.

App’s configuration, structure, and necessary files in our docs. As you explore and modify the scaffold, don’t be afraid to experiment and make changes.

Customs

If you are seeing these errors, you should ensure your application is built to limit the rate of requests it is performing. It could, for example, be triggered by polling aggressively when waiting for resources to be created or making a large number of highly concurrent API calls.

Conclusion

Let’s walk through the key files needed to bring structure, style, and dynamic content to your apps. You can always learn more about an App’s configuration, structure, and necessary files in our docs. As you explore and modify the scaffold, don’t be afraid to experiment and make changes.

The best way to learn is by doing, and the scaffold is a safe environment to try things out.