App Build

Welcome to the App Build Dashboard, your ultimate tool for customising and refining the appearance and functionality of your app's key pages. Here, you can design various aspects of your app, including the nav-bar, splash page, spinner, settings, help page, and AI search functionality.


Pages

The left-hand side of the screen displays the different pages you can edit, organised into categories:

General:

  • Main Layout

  • Spinner

Screens:

  • Splash

  • Settings

  • Help

  • Search

  • Bookmarks


Designing Workflow

When customising your app:

  1. Drag and Drop Widgets: Move from left to right, dragging and dropping widgets onto your app display in the middle screen. This allows you to lay out and configure the elements of each page according to your preferences.

  1. Edit Widget Styles: Click on any widget on the app screen to open the style section on the right. Here, you can modify the widget's appearance and add functionality to interactive elements like buttons. Customise colours, fonts, margins, and other styling properties to create a cohesive and visually appealing design.

  1. Save Frequently: Ensure you save your designs frequently to prevent loss of progress. Saving your work regularly allows you to experiment freely and make iterative improvements to your app's design.


Important Functionality

The App Build Dashboard houses essential functionality for your app:

  • Call to Action Button: Prompt users to take specific actions, such as signing up or making a purchase, with strategically placed call-to-action buttons.

  • Updating App: Manage app updates seamlessly, ensuring that users always have access to the latest features and improvements.

  • Button Actions: Configure button actions to navigate to hidden pages, such as FAQs or support sections, providing users with quick access to valuable resources.

  • AI Search: Utilise our unique AI search functionality to enhance the user experience by enabling fast and accurate search capabilities within your app.

Button Types Overview

The Nav Button serves as a navigational tool within the app interface, allowing users to seamlessly move between different screens. It provides quick access to key sections of the app, enhancing user experience and efficiency. The Nav Button is primarily used to navigate to screens such as Splash, Settings, Help, Search, and Bookmarks, providing users with easy access to essential functionalities.

Action Button:

The Action Button is designed to trigger specific functions or actions within the app. It serves as a call-to-action element, prompting users to perform tasks or initiate processes. The Action Button is versatile and can be customized to accommodate various functionalities based on user needs. Common actions associated with the Action Button include Search, Update Content, Login, Logout, and Font Size adjustment. By strategically placing Action Buttons throughout the app interface, designers can optimize user engagement and streamline user interactions.

pageAI Search
  • Create a Style Document: Maintain consistency in fonts, colors, and other design elements across your app by creating a style document using applications like Figma or Adobe XD.

  • Follow UX Best Practices: Adhere to user experience best practices to ensure that your app is intuitive, accessible, and user-friendly. Refer to our documentation under "Plan your app" for valuable insights and resources on creating engaging user experiences.

Last updated