![Page 1: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/1.jpg)
For Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal Training
![Page 2: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/2.jpg)
<Insert Picture Here>
Fusion Design ConceptsGeorge HackmanSenior Director, OperationsApplications User Experience
![Page 3: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/3.jpg)
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)
![Page 4: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/4.jpg)
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
![Page 5: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/5.jpg)
For Internal Use Only – Fusion Apps Internal Training
UI Shell and Navigation: Navigate Faster
• Based on customer feedback we wanted to avoid
![Page 6: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/6.jpg)
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
![Page 7: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/7.jpg)
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
![Page 8: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/8.jpg)
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
![Page 9: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/9.jpg)
For Internal Use Only – Fusion Apps Internal Training
UI Shell: Regional Area
• Controls that drive the contents of the local area
Task Pane
RegionalSearch
![Page 10: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/10.jpg)
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 ]
![Page 11: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/11.jpg)
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
![Page 12: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/12.jpg)
For Internal Use Only – Fusion Apps Internal Training
UI Shell: To Learn More
• Standards and Guidelines Tab > Applications Usage Guidelines > UI Shell Guidelines
![Page 13: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/13.jpg)
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
![Page 14: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/14.jpg)
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.
![Page 15: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/15.jpg)
For Internal Use Only – Fusion Apps Internal Training
Work Area Tab Models
• No tabs
• Dynamic tabs• Static tabs
![Page 16: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/16.jpg)
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
![Page 17: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/17.jpg)
For Internal Use Only – Fusion Apps Internal Training
Dynamic Tabs Model
• Designed to support true multi-tasking among multiple objects and tasks
![Page 18: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/18.jpg)
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
![Page 19: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/19.jpg)
For Internal Use Only – Fusion Apps Internal Training
Example: Shipments Work Area
![Page 20: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/20.jpg)
For Internal Use Only – Fusion Apps Internal Training
Work Areas: To Learn More
• Standards and Guidelines Tab > Applications Usage Guidelines > Work Areas
![Page 21: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/21.jpg)
For Internal Use Only – Fusion Apps Internal Training
Fusion Applications: Core Design Principles
• Make Better Business Decisions Faster
![Page 22: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/22.jpg)
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
![Page 23: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/23.jpg)
For Internal Use Only – Fusion Apps Internal Training
Show examples of analytics in use in Fusion
![Page 24: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/24.jpg)
For Internal Use Only – Fusion Apps Internal Training
![Page 25: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/25.jpg)
For Internal Use Only – Fusion Apps Internal Training
Analytics: To Learn More
• Standards and Guidelines Tab > Applications Usage Guidelines > Analytics
![Page 26: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/26.jpg)
For Internal Use Only – Fusion Apps Internal Training
Fusion Applications: Core Design Principles
• Collaborate and Cooperate
![Page 27: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/27.jpg)
For Internal Use Only – Fusion Apps Internal Training
Contextual Actions• Immediate and efficient access to collaborative actions for suite-wide
objects.
![Page 28: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/28.jpg)
For Internal Use Only – Fusion Apps Internal Training
![Page 29: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/29.jpg)
For Internal Use Only – Fusion Apps Internal Training
Tags• WebCenter service to enable end users to add keywords (tags)
to business objects
![Page 30: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/30.jpg)
For Internal Use Only – Fusion Apps Internal Training
Tags: Accessing and Adding Tags
![Page 31: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/31.jpg)
For Internal Use Only – Fusion Apps Internal Training
Tags: Tag Center
![Page 32: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/32.jpg)
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
![Page 33: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/33.jpg)
For Internal Use Only – Fusion Apps Internal Training
Group Spaces: Within Workarea
![Page 34: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/34.jpg)
For Internal Use Only – Fusion Apps Internal Training
Collaboration: To Learn More
• Standards and Guidelines Tab > Applications Usage Guidelines > Collaboration Integration Guidelines
![Page 35: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/35.jpg)
For Internal Use Only – Fusion Apps Internal TrainingFor Internal Use Only – Fusion Apps Internal Training
AAQQ&&
![Page 36: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/36.jpg)
<Insert Picture Here>
AppendixExtra Slides
![Page 37: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/37.jpg)
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
![Page 38: For Internal Use Only – Fusion Apps Internal Training](https://reader035.vdocument.in/reader035/viewer/2022062308/56813277550346895d991104/html5/thumbnails/38.jpg)
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