UX Framework Overview
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.
