For Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal Training
<Insert Picture Here>
Fusion Design ConceptsGeorge HackmanSenior Director, OperationsApplications User Experience
For Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal Training
Agenda
• Goal• Give you “big picture” of Fusion UI design principles • Use this as jumping off point to learn more on FusionGPS
• Core Fusion UI design principles• Involve the user throughout the development process• UI Shell and Navigation• Work Areas• Analytics• Collaboration Features• Design patterns (covered this morning)
For Internal Use Only – Fusion Apps Internal Training
Involve user throughout development process
• Observe/interview the user doing their current job. • Validate low and high fidelity prototypes with user.• Revalidate code with user before shipping using
usability testing.
To learn more • UX Direct Checklist (see Chuck Abell)• Jakob Nielson: Discount Usability Engineering• Steven Krug: Rocket Surgery made Easy
For Internal Use Only – Fusion Apps Internal Training
UI Shell and Navigation: Navigate Faster
• Based on customer feedback we wanted to avoid
For Internal Use Only – Fusion Apps Internal Training
UI Shell: Key Navigational Principal
For Internal Use Only – Fusion Apps Internal Training
Global Area
RegionalArea
LocalArea
ContextualArea
For Internal Use Only – Fusion Apps Internal Training
UI Shell: Global Area
• High-level navigation tools and services that are consistently available on every page of the Fusion suite
NavigatorTask FlowShortcuts
Global Search
For Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal Training
UI Shell: Navigator
• Role based• User objects derived from end-user tasks• Available persistently• Points to
• Work areas• Dashboards
For Internal Use Only – Fusion Apps Internal Training
UI Shell: Regional Area
• Controls that drive the contents of the local area
Task Pane
RegionalSearch
For Internal Use Only – Fusion Apps Internal Training
UI Shell: Local Area
• Focus of the user’s work: transactions, information, and actions users need to accomplish their tasks
[ No-Tabs Model ]
[ Static and Dynamic Tabs Models ]
For Internal Use Only – Fusion Apps Internal Training
UI Shell: Contextual Area
• Dynamic information related to the local area (analytics, shopping carts, related links)
• Changes as the local area changes
For Internal Use Only – Fusion Apps Internal Training
UI Shell: To Learn More
• Standards and Guidelines Tab > Applications Usage Guidelines > UI Shell Guidelines
For Internal Use Only – Fusion Apps Internal Training
Fusion Applications: Core design principles
• Workareas: Complete Your Work Easier
Before: Several steps to complete a task
After: Easier navigation and a streamlined workflow
For Internal Use Only – Fusion Apps Internal Training
What Are Work Areas?
• An organizing element in Fusion applications
• A collection of related pages designed to support a specific user role in accomplishing a specific business goal
• The place users perform most of their work in the system
• Tab models support organizing information based on task needs.
For Internal Use Only – Fusion Apps Internal Training
Work Area Tab Models
• No tabs
• Dynamic tabs• Static tabs
For Internal Use Only – Fusion Apps Internal Training
No Tabs Model
• Most common in Fusion• Less complex than tabbed models• For simpler, less cluttered UIs
For Internal Use Only – Fusion Apps Internal Training
Dynamic Tabs Model
• Designed to support true multi-tasking among multiple objects and tasks
For Internal Use Only – Fusion Apps Internal Training
Static Tabs Model
• Designed to reduce a large object (or business process) into four or fewer smaller pieces
For Internal Use Only – Fusion Apps Internal Training
Example: Shipments Work Area
For Internal Use Only – Fusion Apps Internal Training
Work Areas: To Learn More
• Standards and Guidelines Tab > Applications Usage Guidelines > Work Areas
For Internal Use Only – Fusion Apps Internal Training
Fusion Applications: Core Design Principles
• Make Better Business Decisions Faster
For Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal Training
Analytics in Fusion Applications
• In-home dashboards • In transactional dashboards, work areas, or transactional pages (either in the local or contextual areas)
• Auxiliary to a business process, launched from the reporting pane and appears in a secondary window or local area
Dashboards Transactional Pages Reporting
Contextual AreaLocal Area Reporting Pane Report
For Internal Use Only – Fusion Apps Internal Training
Show examples of analytics in use in Fusion
For Internal Use Only – Fusion Apps Internal Training
For Internal Use Only – Fusion Apps Internal Training
Analytics: To Learn More
• Standards and Guidelines Tab > Applications Usage Guidelines > Analytics
For Internal Use Only – Fusion Apps Internal Training
Fusion Applications: Core Design Principles
• Collaborate and Cooperate
For Internal Use Only – Fusion Apps Internal Training
Contextual Actions• Immediate and efficient access to collaborative actions for suite-wide
objects.
For Internal Use Only – Fusion Apps Internal Training
For Internal Use Only – Fusion Apps Internal Training
Tags• WebCenter service to enable end users to add keywords (tags)
to business objects
For Internal Use Only – Fusion Apps Internal Training
Tags: Accessing and Adding Tags
For Internal Use Only – Fusion Apps Internal Training
Tags: Tag Center
For Internal Use Only – Fusion Apps Internal Training
Group Spaces
• WebCenter service providing an easy way for users to create their own ad hoc collaborative groups around a project or business artifact
For Internal Use Only – Fusion Apps Internal Training
Group Spaces: Within Workarea
For Internal Use Only – Fusion Apps Internal Training
Collaboration: To Learn More
• Standards and Guidelines Tab > Applications Usage Guidelines > Collaboration Integration Guidelines
For Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal Training
AAQQ&&
<Insert Picture Here>
AppendixExtra Slides
For Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal Training
Which Analytics Technologies Apply Where
• The entire Home Dashboard can be created in OBIEE with UI Shell (we call it BI Dashboards).
• Alternatively, Home Dashboard can be created by dropping individual ADF DVT or OBIEE regions from Webcenter Catalog.
• Transactional Dashboards, work areas, or transactional pages can contain regions created either in OBIEE or in ADF DVT.
• Reporting pane can be a launching point to both printable (BI Publisher) reports and interactive (OBIEE) reports, as well as Hyperion reports.
OBIEE DVT BIPOBIEE OBIEEDVTOBIEE
Dashboards Transactional Pages Reporting
For Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal Training
Analytics Editors
• Analytic regions on the dashboard can be moved around, added, or removed with Page Composer and Resource (Webcenter) Catalog.
• OIBEE environment, Answers (either full or wizard) can be launched to enable editing content of Analytic regions that are built in OBIEE and to create new OBIEE content.
• BIP environment can be launched to eanble editing or creating of new BIP reports.
Webcenter Catalog OBIEE Answers BIP