Step 1 - Download the Example App Source Code

To get started, you'll need to download the mobile application source code used for this exercise from our Github page.

What does the App include?

The app is a simple Tabs-based app with 2 screens:

Tab One

Contains a default list of product images. 3 products are displayed by default, 1A, 2A, 3A, and we will be optimizing this product list based on the user activity in Tab 2.

After the product list is optimized based on the user activity in Tab 2, tapping an optimized product image sends a response code to MXO which will record the user's sentiment.

Note: Don't forget to implement sending a response code to MXO in your own application implementation so that MXO records the user sentiment accordingly.

Mobile - Hybrid 1

Tab Two

Contains a list of buttons as selectable products.

When a button is tapped, an interaction is sent to MXO , programmatically, to record user interest based on the user's activity.

For this exercise, we will configure the app so that when a user selects Product 1B multiple times, showing increasing interest in that product, MXO optimizes the content in Tab 1, replacing Product 1A with Product 1B. We will see this optimization in action at the end of this guide.

These interactions are then mapped to the user's intent, based on your configuration. To explore how to create this configuration in MXO , follow the next steps in this exercise.

Mobile - Hybrid 2