Add a mobile experience

Add a mobile experience, or interface, to enable users to access your application from a ServiceNow native mobile app.

Before you begin

Role required: sn_app_eng_studio.user or delegated_developer. For more information, see Delegate developers using AES.

About this task

When you add a mobile experience, you're creating a basic version of the mobile app, which you must then continue editing in Mobile App Builder before it's ready to deploy.

Use Mobile App Builder to build and manage screens and records that make up workflows within the mobile apps that you build with AES. For example, you can add a webpage or a list that appears as a tab on a phone app.

Procedure

1. Navigate to All > App Engine > App Engine Studio.
2. From the My Apps page, open your application.
3. In your application, next to Experience, select Add.
4. Select Mobile experience, and then select Get started.
5. Select the kind of mobile experience that you want to add and select Continue.
   • Mobile Agent
   • Now Mobile
   For more information about the mobile experience options and important considerations when choosing a mobile experience, see Design considerations for mobile apps.
6. On the form, fill in the fields.

   Table 1. Add experience form

   Field	Description
   Add an icon	Icon that best reflects the content of the screen.
   Label for experience	Description for the screen.
   Roles	Roles that have access to the screen. You can specify multiple roles, but you must select them one at a time from the list that appears when you start typing in the Roles field. Note: If you do not specify a role, all users will have access to the mobile experience.
   Available offline	Option to make the experience available offline. Note: Offline experiences are available only in Mobile Agent apps.

7. Select Continue.
8. Select the type of screen to add and select Continue.

   Table 2. Type of screen options

   Option	Description
   List	Screen that lists information retrieved from an existing data table, which you choose in the next step. Note: Creating a List screen adds all of the data table's values to the mobile experience.
   Webpage	Screen that displays an existing webpage, which you specify the URL for in the next step.

9. To add a list page to the mobile experience, do the following:
   1. Select the table that will appear as a list on the screen.
      After you select a data table, some of its contents appear on the page.
   2. To make the table conditional, select Set conditions for this table and define the conditions that must be met for the data to appear using the condition builder.

      For more information, see Condition builder.

   3. Select Continue.
   4. Specify attributes for the data extracted from the table and select Continue.

      Table 3. Identifiers for table data

      Field	Description
      Add an icon	Icon that reflects the data in the table.
      Screen label	Brief label to describe the list screen.

10. To add a webpage to the mobile experience, do the following:
    1. Specify the attributes for the table data and select Continue.

       Table 4. Identifiers for table data

       Field	Description
       Add an icon	Icon that reflects webpage.
       Screen label	Brief label to describe the webpage.
       URL	Absolute or relative URL for the webpage.

11. Depending on if you are done or not, do one of the following:
    • If you are done adding screens to the mobile experience, select Done adding screens.
    • To add more screens to the mobile experience, select Add more screens.
12. To finish creating the mobile experience, select Done.
    After you create the mobile experience in AES, you must edit it in Mobile App Builder.
13. Next to the mobile experience you created, select the menu icon () and then select Edit.
14. Edit the mobile experience in Mobile App Builder.
    For more information, see Mobile App Builder.

What to do next

Scan or copy the QR code for your mobile experience using the Select app and Select platform fields.

For more information on modifying mobile experiences, see Mobile App Builder.

• Sample mobile experience
  A mobile experience enables users to access your application from a ServiceNow native mobile app.