<Insert Picture Here>

Oracle User Experience Design Patterns

George HackmanSenior Director of Applications User Experience

Attending Today from Oracle

• Lydia Naylor, Manager User Experience: Coordinating the pilot study• Financial Services GBU– Peter Picone, UX Director– Shannon Sieber, Senior Principal UX Designer– Rahul Dhide, Principal Interaction Designer– Ashish Tibrewal, Principal Interaction Designer

Why We’re Here

• Talking about Design Patterns– Sharing what we’ve learned about using user interface (UI)

design patterns in designing and developing Fusion Applications

• Launching a Research Project – Sharing our UI design patterns with National Australia Bank– To learn if our design patterns would be useful to customers

© 2009 Oracle Corporation – Proprietary and Confidential

Agenda

• What is user experience?• Who is the user experience team at Oracle? • How do we improve the post sales user experience?• What is FusionGPS?• What is a user experience pattern?• How did we use patterns in Fusion Applications

Development?• How can you use patterns?

What is user experience?

• In addition to good layout, flow and interaction… designing the product to take the user into account.• We need to know the user, where they work and how

they work, before we design for them.

© 2010 Oracle Corporation – Proprietary and Confidential

not just how you click! TM

It’s how you work,

Who is the user experience team at Oracle?

• Ethnographers, cognitive psychologists, and behavioral research scientists• Human-computer interaction experts• Product designers, graphic artists• Software developers

© 2010 Oracle Corporation – Proprietary and Confidential

Over 100 Professionals

Oracle User Experience is a Large, Diverse team

© 2010 Oracle Corporation – Proprietary and Confidential

Consists of Alumni from…

© 2010 Oracle Corporation – Proprietary and Confidential

5: Measure

Tested these solutions with our users to ensure we hit the mark

4: Prototype

Built detailed prototypes to refine our solutions

3: Design

Created designs based on what was important for you to do your work

2: Analyze

Identified the key elements important to you

What is the User Experience Design Process?

1: Research

Listened to and observed how you do your job

World-Class Usability Labs We Study Exactly How Users Work

© 2010 Oracle Corporation – Proprietary and Confidential

Eye-Tracking System

Office-Type Lab Classroom Visualization Lab

Control Room Focus Group Room

How do we improve the post sales user experience?

• Enterprise software has a life cycle beyond release that impacts the ultimate end users experience. 

• This includes setup, configuration and customization. 

• How can we help our customers maintain or improve the user experience during this process?

3 Steps we are taking to address post sales experience.

Research: Understand how our customers extend and customize our apps now.

Externalize: UI design patterns, guidelines and standards (aka FusionGPS).• Improve the user experience of our customization and

development tools.

What is FusionGPS?

• User Interface Guidelines, Patterns and Standards (GPS) used to design Fusion Applications.

What is a design pattern?

• Began in architecture but have become widespread in user experience design– Each pattern is a three-part rule, which expresses a

relationship between a certain context, a problem, and a solution. • Christopher Alexander

• Non-Oracle Patterns User Interface patterns– Yahoo– Welie.com– Design of Sites.com

• Coding Patterns– Grady Booch

What is a user interface design pattern?

• Reusable user interface design solutions to common problems based on studying users, their tasks and their environments.– These are not code patterns (ala Grady Booch)

• Higher level building blocks for Fusion• They are completely buildable using Fusion

Middleware and ADF (Application Development Framework).• Linked to detailed component user interface

specifications.

Problem

Context

Solution

Why build Fusion user interface design patterns?

• UI Consistency – many flows built across many organizations used by same user.• Buildability – design patterns supported correct use of

components.• Innovation – using patterns allows more time to focus

on innovation.

UI Shell Global Header + Search Pattern

Sequential Horizontal Train Pattern

Embedded Analytics

Pattern

Pattern usage in Human Capital Management

Complex Form Pattern

Tree Table pattern

Embedded Analytics patterns

Pattern usage in Human Capital Management

Contextual Actions pattern

UI Shell Global Header + Search Pattern

How do you build a pattern library?

Best-use experience patterns are discovered by seeing what works well for users.•1,500 hours observing customer interactions with enterprise applications •Thousands of hours of design and usability work with PeopleSoft, JD Edwards, and Siebel•Extensive analysis of Web 2.0 patterns from pattern books, pattern Web sites, and consumer applications (Google, Apple etc.)

How do you know if the patterns are good?

• Each pattern went through multiple independent reviews to ensure:– Usability, consistency, productivity– Complete buildability with Oracle Fusion Middleware– Ability to connect and interact with other patterns

• Patterns were usability tested with customers before coding.• Patterns were enhanced during Oracle Fusion

development to improve user experience and buildability.

What did you end up with?

The result of these efforts: The Applications User Experience pattern library.•The library holds more than 200 user experience patterns, including:

– Flows– Dialogs– Messages– Dashboards– Mobile

•Every pattern is completely buildable using Oracle Fusion Middleware.•The patterns support these technologies:

– ADF Faces– BPEL/BPM– Webcenter– OBIEE– Mobile

How we benefited from UX patterns

Buildability – Starting with a realistic, proven interface design for our code made all the ADF parts fall together much easier.

Usability – Patterns have been usability tested as Fusion has been developed. Our developers got baked in usability for free.

Consistency – Using the same pattern across development created consistency across our Fusion Applications

Innovation – Used patterns for the 80% of our flows needed to be consistent and predictable. This left development time for the 20% of our flows that required a unique user interface.

FusionGPS Demo: Using patterns

Q and A

Backup slides: I will walk through this example on FusionGPS if for some reason we cannot connect to the site.

An example of using patterns to build a flow

You… • are a user experience designer in charge of

designing an ecommerce site.• want to design something competitive with

contemporary sites on the web.• have a flow that requires, search, a shopping cart, a

chart and a rating system.• want to make sure your flow is buildable using

Fusion Middleware. • Where do you start?

UX Sales Collateral Feedback Sessions: Template | January 2010 | © 2010 Oracle Corporation | Proprietary and Confidential