1. Oracle User Experience Design Patterns
GH: 4 years ago when we started Fusion we had a big challenge. Educate on new tech stack, get productive, Create great apps in spite of all the newness of tech stack etc. Share one part of how we did that as I think it is relevant to what you are trying to do.
Oracle User Experience Design Patterns
George Hackman
Senior Director of Applications User Experience

2. 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

3. Talking about Design Patterns
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

4. 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?

5. 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.

6. not just how you click! It’s how you work,TM
It’s how you work,
© 2010 Oracle Corporation – Proprietary and Confidential

7. Who is the user experience team at Oracle?
Over 100 Professionals
Ethnographers, cognitive psychologists, and behavioral research scientists
Human-computer interaction experts
Product designers, graphic artists
Software developers
© 2010 Oracle Corporation – Proprietary and Confidential

8. Oracle User Experience is a Large, Diverse team
Consists of Alumni from…
© 2010 Oracle Corporation – Proprietary and Confidential

9. What is the User Experience Design Process?
1: Research
Listened to and observed how you do your job
2: Analyze
Identified the key elements important to you
3: Design
Created designs based on what was important for you to do your work
4: Prototype
Built detailed prototypes to refine our solutions
5: Measure
Tested these solutions with our users to ensure we hit the mark
© 2010 Oracle Corporation – Proprietary and Confidential

10. World-Class Usability Labs We Study Exactly How Users Work
Eye-Tracking System
Control Room
Focus Group Room
Key Message: Part of Oracle’s approach to building the Fusion User Experience is ensuring a variety of ways for customers to participate through our worldwide Fusion Usability Labs.
Whether it is through eye-tracking research on dashboard designs,
or a focus group on new collaboration technologies,
or lab-based testing to measure user performance,
Oracle has continued to grow it’s investment in cutting-edge methodologies to improve the <end user > experience. 
Office-Type Lab
Classroom
Visualization Lab
© 2010 Oracle Corporation – Proprietary and Confidential

11. 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?

12. 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.

13. What is FusionGPS?
User Interface Guidelines, Patterns and Standards (GPS) used to design Fusion Applications.

14. 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

15. 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.

16. Problem
Context
Solution

17. 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.

18. Pattern usage in Human Capital Management
UI Shell Global Header + Search Pattern
Sequential Horizontal Train Pattern
Complex Form Pattern
Embedded Analytics Pattern

19. Pattern usage in Human Capital Management
UI Shell Global Header + Search Pattern
Tree Table pattern
Contextual Actions pattern
Embedded Analytics patterns

20. 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.)

21. 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.

22. 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

23. 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.
80% of the controls, displays etc on a Prius are the same as any other car. 20% is unique.
80% of a Hyatt hotel is the same. 20% (usually the lobbies) are unique.
80% iPads interaction is similar to an iPhone. 20% unique.
Most of these 80% can be seen as “user experience patterns”

24. FusionGPS Demo: Using patterns
Overview of site
Train

25. Q and A

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

27. 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?
"I am a user experience designer in charge of designing this ecommerce site.  I need to build something that is competitive with contemporary sites on the web.  How do I start the task. 
"You have a flow that requires a search, a shopping cart, chart and a rating system.  But you don't know where to start from a UX perspective.  So you go to the patterns.  Search Shopping Cart,  DEFT.  Show the pattern including key elements.  Go to the development guide."

28. What is FusionGPS. GPS means guidelines patterns and standards
What is FusionGPS? GPS means guidelines patterns and standards. Talk about gumball. RCUX… Search… DEFT tool etc. Show user types and how casual user supports DEFt.
Explain difference between patterns, guidelines and standards. Show the gumball.

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