Fluent Commerce Logo
Docs
Help & Feedback
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.



Related content

Order Management Experience (OMX) Framework
Edited 124 days ago

Fluent's Order Management Experience (OMX) framework comprises the UX Framework, Workflow Framework, and Connect Framework, which can be configured and extended (or customised) using software development kits (SDKs).

Fluent Commerce

Fluent Commerce

Building Blocks
Building Blocks
Packages & Modules
UI Components
Workflows
Settings
Interface Contracts
Rules
By Type
All Types
Knowledge Tracks
Extend Knowledge
Glossary
How-to Guides
Sitemap
Topics
Use Cases
Helpful Resources
Platform Limits
Support Policy
Service Level Agreement (SLA) - Enterprise
Deprecation Policy
Extend Knowledge Content – Terms and Conditions
System and Organization Controls (SOC) 3 Report
Data Privacy Addendum
Security Policy
Quick Links
For Partners
Customer Resources
Webinars and Events
eLearning

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