Fluent Commerce Logo
Docs
Sign In

UX Framework Overview

Essential knowledge

Author:

Fluent Commerce

Changed on:

8 July 2024

Overview

The OMX UX Framework, or Mystique, delivers configuration-based solution implementation for UIs (Web Apps) that understand the Fluent Platform. It enables UIs to react to changes within workflows and provides best-in-class user experience and design. Web apps can be built using code-free configuration, utilising a rich library of ready-to-use UI Components.  Customising UIs to meet specific business requirements using Component SDKs is also possible.  Configuration is managed in a JSON document called the OMX Web App Manifest.  



Key points

  • Dynamic user management experience.
  • Configurable left-navigation menu items.
  • Dynamic views, labels, and fields based on configuration and GraphQL queries.
  • Dynamic and contextual user actions based on workflow configuration.
  • Ability to create and edit all entities, including non-workflow entities.
  • Customise UIs to meet specific business needs and processes.
  • Ability to configure contextual actions based on roles and process states.
  • Enables centralised management of orders, products, inventory, fulfillments, and locations.
Key Features

The UX Framework includes 3 parts:

  • A configurable Web App Framework with a ready-to-use library of UI building blocks called Components
  • A Component Library provides configuration-ready components for immediate use within the manifest
  • A  Component SDK allows developers to create new components to extend Web app functionality.
  • A Design System

Web apps are configured by the Manifest document, which is a human-readable JSON document defined as:

  • Navigation
  • Screen layouts
  • Data sources
  • User actions

Additionally, it provides Role and User context to support organisational structure and processes.


Areas of extension

Component SDK provides the ability to develop new custom components for extending the standard library.

Areas of extension include:

  • new cards to display information from Fluent APIs or external sources
  • new form field types that work with rules to extend user action capability
  • entirely new customised pages

Some utility components are provided to make building custom components easier and more consistent.


The UX framework is integrated with the workflow framework. Hence, process updates in the workflow automatically display new buttons and screens that users can use to interact with and perform key functions like modifying an order.



Fluent Commerce

Fluent Commerce

Copyright © 2024 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.

Fluent Logo