Building Oracle Partner Fusion Apps UI Integrations in the Cloud with UX Patterns & Guidelines
By ultan o'broin on May 12, 2013
Oracle has a powerful and rich partner ecosystem that offer many value-add solutions for users of our applications. To get the most of integrating these solutions with Fusion and other applications, ISV developers need to go beyond functionality and provide a great UX too. The basis of this UX is a consistent and streamlined navigation and a productivity-based task completion user interface (UI) between applications; one that is as seamless and transparent to the users as possible. This means much more than "look and feel".
By using the Oracle Fusion Applications User Experience Design Patterns and Guidelines developers can now easily provide the same elegant navigation 'touch points' that Fusion applications. No need to sweat over designing new usability solutions! Here is a quick overview of a couple of UI options when integrating Fusion applications and other applications.
Remember to read up on the best toolkit to apply these touchpoints and what your preferred deployment can support, but for Desktop UIs you can get going right away applying these integrations using the Application Composer. Check out the information on extensibility on the Fusion Applications Developer Relations blog.
So, let's assume our UI use case is to integrate a Fusion CRM opportunity with a quote or price configuration solution, and see how we might use the UX design patterns and guidelines when designing UI integrations.
The simplest integration point afford no context for users, so is really a quick solution or one used when there is no context needed, no requirement to exchange data, and there is no specified object being configured. To implement, add a link from the relevant functional area in the global Navigator to the solution concerned. In this case, we have added a link called Quotes under the Sales area.
Fusion Application UI Global Area Navigator
Your key design resource here is the guidance we provide about the applications Navigation Model.
A much better, contextual and object-specific integration would be to leverage a task-based flow and exchange data between Fusion and the other application. You can do this using the tasks area in the UI Shell to create and manage tasks, a page-level button to inititate an action without navigating away, and a tab with an iFramed UI mashup of data showing the results of the data exchange with the other application. In the following screen mockups you can see the Create Quote and Manage Quotes links in the Tasks Pane, the Quote page-level action button and then a tab with Quotes illustrating this kind of UI.
Fusion Application UI Tasks Pane with Manage and Create Links
Fusion Application UI Page Actions Quote Button and Quotes Tab with UI Mashup of Table Data
Typically with such integrations, you can then take this much further and also use saved search and collaboration guidelines too to provide a richer UX. You can find design information about those interactions, and more, on the Oracle Fusion Applications User Experience Design Patterns and Guidelines website.
The Applications UX team is working closely with our ADF and Platform Technology Solutions colleagues to enable partners and customers to build great-looking usable partner integrations for the Desktop and Simplified UIs on-premise and in the cloud, so stay tuned for news and coverage of our outreach workshops and more resources.