What is a Most Valuable Page (MVP)?
The Most Valuable Page (MVP) refers to the first Zapp page that appears to the user following login and any automations. When designing your Zapp, we recommend including the data most vital to the Zapp’s workflow on the MVP.
Capriza supports MVP caching to streamline performance. In addition, changes to controls on the MVP, such as an new row being added to a table, can be tracked to alert the user the changes via Push Notification and Cards in WorkSimple.
Benefits of First Page Caching
Capriza provides the option to cache the MVP, speeding up the time to first page of your Zapp and streamlining the end user experience. When the MVP is cached, the user can immediately view the first page while Capriza establishes connection with the source application in parallel. He or she can even interact with controls on the page such as typing in a text field or selecting from a dropdown, but actions that require a page refresh (e.g. navigating to another page) will execute only once the source application is fully loaded. This is opposed to the traditional workflow where the user must wait for the backend system to be ready prior to seeing the first page.
Configuring First Page Caching
To configure MVP caching, click the caret at the top of the mobile preview in Simplify mode and select “Page Properties.”
Toggle on “Cache Page.”
You may also toggle on/off “Update cache even after user interaction,” which will update the data in the page’s cache as the user navigates through the Zapp. This setting is useful in cases where having updated information each time you return to the first page is vital to the workflow. An Approvals Zapp where the MVP includes a list of items pending approval is a good example. On the other hand, this setting would not be as useful for a Zapp where the first page includes a series of filters by which the user can view sales data as the user may not wish to save the filter settings.
Note: If your Zapp has two (or more) potential first pages (based on user role, etc.) you can cache all or some of these MVPs.
Interacting with Controls on the MVP
To further enhance the end user experience, you can also enable interaction with page controls even before the source application is connected. Simply choose the controls you wish to make interactive from the “Allow interaction on these controls” dropdown menu in the Page Properties dialog. Any type of control on the MVP can be made interactive.
If you decide to make controls with Outgoing Connections to another page (such as a button or lookup) or controls that refresh or impact the current page in any way, interactive, you may wish to make the interaction with the specific control a blocking action. That is, once the user interacts with the control, e.g. taps a button that navigates to a new page, any further interaction with other controls will no longer be allowed until the Zapp is fully connected to the backend system and the new page is loaded. To configure the blocking connection, open the Configure Connections dialog and select the relevant connection.
Toggle on “Wait X seconds” and select the minumum number of seconds you wish to block the connection. 1 second is recommended. . Then, toggle on “Block Interaction.”
The end user will now be able to interact with the control on the MVP but execution of the click or other action will be blocked until the page is fully loaded. If the source application loads before that number of seconds is reached, the action will execute normally. Please see Configuring Connections for more information.
Dropdown Menus and Caching
By default, dropdown controls captured in the Capriza Designer are configured to load values from the source application dynamically. If the dropdown on your MVP includes pre-defined options that will not change (e.g. list of filters or form options), you can modify the control settings to instead load a static list of options. Open the Web Properties dialog by clicking the wrench icon for the dropdown control.
Navigate to the “Properties” tab. By default, “Which menu options should be available in the zapp?” is set to “All options.”
Change this setting to “Some options” and select which options to include.