App design: The Essentials

You customize the appearance of your app using the UX section of the editor.

Quick intro

Watch an introduction to building UIs with AppSheet.

Note: The concepts in this video are still valid, though the AppSheet app editor UI has changed since it was recorded.

Building UIs in AppSheet

Tips and tricks

Learn tips and tricks from the AppSheet Community:

• UX tips and tricks
• UX Q&A

About app design

Creating a great user experience (UX) for your app users is a vital element of your app creation process. Users need to be able to interact with your data easily and get what they need from your app. In the editor, we have the tools for creating a great user experience. 

When making design decisions for your app, you can choose several different ways of displaying your data. There are several different views that you can use to do this. Views can be created using data from both entire tables and from slices. You can use form views to capture information and make different types of drop-downs.

You can also customize the style and branding of your app, make sure that the locale makes sense for your users, and decide on different format rules and options. All of these elements help create a professional look and feel and allow you to make choices that reflect your style. 

Design your app

When you first upload your data, the editor will create some automatic views for it. You can either customize or delete the views provided, and you can add views of your own.

To design your app:

1. Open the app in the app editor.
2. Select Apps  > Views.
   We've made some improvements to the app editor.
   You are opted in to the new editor by default, but you can switch back to the legacy editor at any time.

   If you are using the legacy editor

   Select UX > Views.

The Views panel displays listing the views defined for your app. See Views: The Essentials.

In addition to creating views, there are different stylistic and aesthetic decisions you can make in the editor. You can customize the theme, accent colors, and fonts to brand and localize your app. You can create different format rules for your data to further customize the look of your app. Finally, there are configuration settings that let you control what the starting view of your app is, how your columns are ordered, and more.