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