SlideShare a Scribd company logo
1 of 36
1

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Safe Harbor
The following is intended to outline our general product
direction. It is intended for information purposes only, and
may not be incorporated into any contract. It is not a
commitment to deliver any material, code, or functionality,
and should not be relied upon in making purchasing
decisions. The development, release, and timing of any
features or functionality described for Oracle‟s products
remains at the sole discretion of Oracle.

2

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
CRUX (CRUD Meets UX)
Where User Experience reinvents legacy
Create, Read, Update and Delete
applications
Chris Muir
Senior Principal Product Management, Oracle ADF
Agenda

 User Experience Science 101 for Developers

 CRUX: CRUD* User Interface meets UX Design Patterns

4

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
User Experience Science
101 for Developers

"Tell me more about that"
5

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
User Interface versus User Experience
User Experience
The complete experience
for
User Interface a user around accomplishing a
The look and feel oftask, including across traditional
an
applications boundaries.
application, including the
layout and interaction
model.
• Start by observing users at work
• In their actual environment
• How & who they collaborate
with in their department
• How information flows across
the organization
• Post it notes!

6

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Product Usability: Learning from Users
“Tell Me More About That”
 Ethnographic studies
 Observe real end users doing real

work
 Interruptions, noise levels, platforms,

work-arounds, collaboration
 Context of use drives design
 Insights for mobile: cameras, SMS,

social media, personal and business
apps, location, voice

7

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Stories from the Wild: Credit Management
Writing on the Wall
 Credit analysts and managers use Microsoft Excel with graphs

for accounts information
 Posted on physical management boards for daily meetings

8

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Stories from the Wild: Time Entry
Hand in Glove on the Construction Site
 Construction company use of

mobile devices for entering and
reporting time
 Mandatory health and safety

requires workers wear gloves
on construction sites
 Unable to use touch-based mobile

devices as first assumed

9

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Product Usability: Appliance of Science
Next Frontier of User Research: Continuing Our Work
 Not science future, science now

10

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Product Usability: Appliance of Science
Next Frontier of User Research: Continuing Our Work
 Not science future, science now
 Eye-tracking non-intrusive, data-

collection method for visual
attention and action

11

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Product Usability: Appliance of Science
Next Frontier of User Research: Continuing Our Work
 Not science future, science now
 Eye-tracking non-intrusive, data-

collection method for visual
attention and action
 Facial gesture analysis to
understand emotions users
experience in use

12

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Product Usability: Appliance of Science
Next Frontier of User Research: Continuing Our Work
 Not science future, science now
 Eye-tracking non-intrusive, data-

collection method for visual
attention and action
 Facial gesture analysis to
understand emotions users
experience in use
 We‟re looking forward at the
science of users

13

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Fusion Apps UX: What Users Need To Know

14

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Fusion Apps UX: What Users Need To Do

15

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Fusion Apps UX: Who Users Need to Know

16

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
17

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Fusion Apps UX: Usability is Easy for Developers
Best of Oracle
applications

Proven scientific
usability

Expectations from
consumer applications

18

Design pattern
website on OTN

Deep understanding of
Oracle Fusion Middleware

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.

Implemented by apps
developers in Oracle toolkit

Consistent, high-quality user
experience solution when
developing and tailoring
UX Design Patterns Propositions
 For Oracle ADF Developers
– Proven usability solutions and best

practices
– Share in Oracle UX insight and

investment
– Immediate uptake, no special

resources
– Satisfaction for users
– Higher levels of productivity and

efficiency for entire business
– More kudos, more business
– Beyond functionality

19

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Accessing UX Design Patterns on OTN

20

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
21

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
UX Patterns Mean Productivity for Developers
Efficiency Through Built-In Usability
Contextual area

Global area
Tasks pane

Applications
UI Shell

Applications panel

Create in form

Quick
search
Create in table
Applications table

22

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
CRUX: CRUD* Meets UX
Building modern, great-looking usable
apps on Oracle ADF with UX Design
Patterns
* Create, Read, Update, and Delete

23

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Project: UX Design Patterns & Oracle ADF in Action

 „Fusionizing‟ a Forms Application in

Oracle ADF
– What UX design patterns were invoked
– Improving the user experience and how
– Roadmap using Oracle ADF and UX

design patterns for continued apps ROI
 Caveats

24

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Forms: Maintaining Customers

25

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Forms: Maintaining Orders

26

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Forms: View Stock for a Selected Order Item

27

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
ADF: Maintaining Customers

UI Shell for
consistency

Dynamic tabs for
multi-tasking
Ratings Web
2.0 feature

Table and
toolbar actions
for productivity

28

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
ADF: Maintaining Customers
Tasks pane
quick create,
quick search,
location
visual

Show More/Less
details on
demand for
contextual
information
management

29

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
ADF: Maintaining Orders
Date picker for
speedy entry

Export for
desktop workers

30

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
ADF: Maintaining Orders
Save model consumer icons and
language and page actions

Tagging for
discovery
Contextual action
for collaboration

Contextual
area visual
insight

Single currency
GBP treatment for
for flexibility

31

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
ADF: View Stock for a Selected Order Item

Fit and finish true-up
for cleaner UI

Analytics for
intelligence

32

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Classic CRUD Meets UX: CRUX
Heads Down Productivity and Satisfaction in Oracle Fusion Apps
Know the user and their tasks

The result?

Apply proven UX patterns,
guidelines and best of technology

Up to a

60%
Increase in user
productivity that
benefits businesses

33

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Your CRUX References
User Experience and Application Development Framework Resources
 Grant Ronald: Ten Years Younger: The Oracle Forms Makeover
 Grant Ronald and Lucas Jellema: The Future of Forms is – Forms (and some

friends)
 Oracle Applications User Experience: Usable Apps Events
 Oracle ADF Mobile
 Oracle Fusion Applications User Experience Design Patterns and Guidelines
 Oracle Applications User Experience: Get It Done Fast, Get It Done Right: The

Oracle Fusion Financials User Experience
 Shay Shmeltzer: ADF Mobile – Update Through Web Service (with ADF Business

Components)
 Stephen Johnson: ADF EMG Podcasts # 6 and 8

34

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
35

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
36

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.

More Related Content

Similar to CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experience with Oracle ADF and UX Design Patterns

OTN América Latina Tour 2013: Build Great Usable Applications with Oracle UX ...
OTN América Latina Tour 2013: Build Great Usable Applications with Oracle UX ...OTN América Latina Tour 2013: Build Great Usable Applications with Oracle UX ...
OTN América Latina Tour 2013: Build Great Usable Applications with Oracle UX ...Ultan O'Broin
 
Эволюция интерфейса Siebel - Responsive Web Design
Эволюция интерфейса Siebel  - Responsive Web DesignЭволюция интерфейса Siebel  - Responsive Web Design
Эволюция интерфейса Siebel - Responsive Web Designcrm2life
 
Internship Project Report
Internship Project ReportInternship Project Report
Internship Project ReportRishabh Shukla
 
SharePoint Site Redesign : Information Architecture and User-centered Design ...
SharePoint Site Redesign : Information Architecture and User-centered Design ...SharePoint Site Redesign : Information Architecture and User-centered Design ...
SharePoint Site Redesign : Information Architecture and User-centered Design ...arsathe
 
Perficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps SeminarPerficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps SeminarPerficient, Inc.
 
Responsive Web Design in Oracle Application Express
Responsive Web Design in Oracle Application ExpressResponsive Web Design in Oracle Application Express
Responsive Web Design in Oracle Application ExpressShakeeb Rahman
 
Mse sept13 (3/3)
Mse sept13 (3/3)Mse sept13 (3/3)
Mse sept13 (3/3)IIITA
 
Cross-Cultural User Experience: What It Is and How to Do It?
Cross-Cultural User Experience: What It Is and How to Do It?Cross-Cultural User Experience: What It Is and How to Do It?
Cross-Cultural User Experience: What It Is and How to Do It?Ultan O'Broin
 
Android Training | Android Training Institue
Android Training | Android Training InstitueAndroid Training | Android Training Institue
Android Training | Android Training InstitueIIHT LTD
 
android training | android training in chennai | IIHT
android training | android training in chennai | IIHTandroid training | android training in chennai | IIHT
android training | android training in chennai | IIHTIIHT LTD
 
Ora_Case_Study_Oracle Application Development Framework
Ora_Case_Study_Oracle Application Development FrameworkOra_Case_Study_Oracle Application Development Framework
Ora_Case_Study_Oracle Application Development FrameworkNeha Singh
 
NCI School of Computing Project Showcase 2014
NCI School of Computing Project Showcase 2014NCI School of Computing Project Showcase 2014
NCI School of Computing Project Showcase 2014ckennedynci
 
04-Android Platform for Acedamics
04-Android Platform for Acedamics04-Android Platform for Acedamics
04-Android Platform for AcedamicsSivaram P
 
Oracle ADF Architecture TV - Design - Project Dependencies
Oracle ADF Architecture TV - Design - Project DependenciesOracle ADF Architecture TV - Design - Project Dependencies
Oracle ADF Architecture TV - Design - Project DependenciesChris Muir
 
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptxCopy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptxSipraMohanty11
 
Interim Report.docx - vsiogap3d.googlecode.com
Interim Report.docx - vsiogap3d.googlecode.comInterim Report.docx - vsiogap3d.googlecode.com
Interim Report.docx - vsiogap3d.googlecode.combutest
 
Running ADF Faces on Tablets and Mobile Phones
Running ADF Faces on Tablets and Mobile PhonesRunning ADF Faces on Tablets and Mobile Phones
Running ADF Faces on Tablets and Mobile PhonesSteven Davelaar
 
DEVELOPMENT OF A LOCATION-BASED APPROACHING NOTIFICATION SYSTEM USING ANDROID...
DEVELOPMENT OF A LOCATION-BASED APPROACHING NOTIFICATION SYSTEM USING ANDROID...DEVELOPMENT OF A LOCATION-BASED APPROACHING NOTIFICATION SYSTEM USING ANDROID...
DEVELOPMENT OF A LOCATION-BASED APPROACHING NOTIFICATION SYSTEM USING ANDROID...csandit
 
News to Development Environments and for RDz for z/VSE
News to Development Environments and for RDz for z/VSENews to Development Environments and for RDz for z/VSE
News to Development Environments and for RDz for z/VSEIBM
 

Similar to CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experience with Oracle ADF and UX Design Patterns (20)

OTN América Latina Tour 2013: Build Great Usable Applications with Oracle UX ...
OTN América Latina Tour 2013: Build Great Usable Applications with Oracle UX ...OTN América Latina Tour 2013: Build Great Usable Applications with Oracle UX ...
OTN América Latina Tour 2013: Build Great Usable Applications with Oracle UX ...
 
Эволюция интерфейса Siebel - Responsive Web Design
Эволюция интерфейса Siebel  - Responsive Web DesignЭволюция интерфейса Siebel  - Responsive Web Design
Эволюция интерфейса Siebel - Responsive Web Design
 
Internship Project Report
Internship Project ReportInternship Project Report
Internship Project Report
 
SharePoint Site Redesign : Information Architecture and User-centered Design ...
SharePoint Site Redesign : Information Architecture and User-centered Design ...SharePoint Site Redesign : Information Architecture and User-centered Design ...
SharePoint Site Redesign : Information Architecture and User-centered Design ...
 
Perficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps SeminarPerficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps Seminar
 
Responsive Web Design in Oracle Application Express
Responsive Web Design in Oracle Application ExpressResponsive Web Design in Oracle Application Express
Responsive Web Design in Oracle Application Express
 
Mse sept13 (3/3)
Mse sept13 (3/3)Mse sept13 (3/3)
Mse sept13 (3/3)
 
Cross-Cultural User Experience: What It Is and How to Do It?
Cross-Cultural User Experience: What It Is and How to Do It?Cross-Cultural User Experience: What It Is and How to Do It?
Cross-Cultural User Experience: What It Is and How to Do It?
 
Android Training | Android Training Institue
Android Training | Android Training InstitueAndroid Training | Android Training Institue
Android Training | Android Training Institue
 
android training | android training in chennai | IIHT
android training | android training in chennai | IIHTandroid training | android training in chennai | IIHT
android training | android training in chennai | IIHT
 
Ora_Case_Study_Oracle Application Development Framework
Ora_Case_Study_Oracle Application Development FrameworkOra_Case_Study_Oracle Application Development Framework
Ora_Case_Study_Oracle Application Development Framework
 
NCI School of Computing Project Showcase 2014
NCI School of Computing Project Showcase 2014NCI School of Computing Project Showcase 2014
NCI School of Computing Project Showcase 2014
 
04-Android Platform for Acedamics
04-Android Platform for Acedamics04-Android Platform for Acedamics
04-Android Platform for Acedamics
 
4 Things Only Experts Know About Android App Development
4 Things Only Experts Know About Android App Development4 Things Only Experts Know About Android App Development
4 Things Only Experts Know About Android App Development
 
Oracle ADF Architecture TV - Design - Project Dependencies
Oracle ADF Architecture TV - Design - Project DependenciesOracle ADF Architecture TV - Design - Project Dependencies
Oracle ADF Architecture TV - Design - Project Dependencies
 
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptxCopy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
 
Interim Report.docx - vsiogap3d.googlecode.com
Interim Report.docx - vsiogap3d.googlecode.comInterim Report.docx - vsiogap3d.googlecode.com
Interim Report.docx - vsiogap3d.googlecode.com
 
Running ADF Faces on Tablets and Mobile Phones
Running ADF Faces on Tablets and Mobile PhonesRunning ADF Faces on Tablets and Mobile Phones
Running ADF Faces on Tablets and Mobile Phones
 
DEVELOPMENT OF A LOCATION-BASED APPROACHING NOTIFICATION SYSTEM USING ANDROID...
DEVELOPMENT OF A LOCATION-BASED APPROACHING NOTIFICATION SYSTEM USING ANDROID...DEVELOPMENT OF A LOCATION-BASED APPROACHING NOTIFICATION SYSTEM USING ANDROID...
DEVELOPMENT OF A LOCATION-BASED APPROACHING NOTIFICATION SYSTEM USING ANDROID...
 
News to Development Environments and for RDz for z/VSE
News to Development Environments and for RDz for z/VSENews to Development Environments and for RDz for z/VSE
News to Development Environments and for RDz for z/VSE
 

More from Chris Muir

Oracle REST Data Services
Oracle REST Data ServicesOracle REST Data Services
Oracle REST Data ServicesChris Muir
 
Let's Talk Mobile
Let's Talk MobileLet's Talk Mobile
Let's Talk MobileChris Muir
 
Oracle ADF Architecture TV - Deployment - System Topologies
Oracle ADF Architecture TV - Deployment - System TopologiesOracle ADF Architecture TV - Deployment - System Topologies
Oracle ADF Architecture TV - Deployment - System TopologiesChris Muir
 
Oracle ADF Architecture TV - Deployment - Deployment Options
Oracle ADF Architecture TV - Deployment - Deployment OptionsOracle ADF Architecture TV - Deployment - Deployment Options
Oracle ADF Architecture TV - Deployment - Deployment OptionsChris Muir
 
Oracle ADF Architecture TV - Deployment - Build Options
Oracle ADF Architecture TV - Deployment - Build OptionsOracle ADF Architecture TV - Deployment - Build Options
Oracle ADF Architecture TV - Deployment - Build OptionsChris Muir
 
Oracle ADF Architecture TV - Development - Version Control
Oracle ADF Architecture TV - Development - Version ControlOracle ADF Architecture TV - Development - Version Control
Oracle ADF Architecture TV - Development - Version ControlChris Muir
 
Oracle ADF Architecture TV - Development - Programming Best Practices
Oracle ADF Architecture TV - Development - Programming Best PracticesOracle ADF Architecture TV - Development - Programming Best Practices
Oracle ADF Architecture TV - Development - Programming Best PracticesChris Muir
 
Oracle ADF Architecture TV - Development - Naming Conventions & Project Layouts
Oracle ADF Architecture TV - Development - Naming Conventions & Project LayoutsOracle ADF Architecture TV - Development - Naming Conventions & Project Layouts
Oracle ADF Architecture TV - Development - Naming Conventions & Project LayoutsChris Muir
 
Oracle ADF Architecture TV - Development - Performance & Tuning
Oracle ADF Architecture TV - Development - Performance & TuningOracle ADF Architecture TV - Development - Performance & Tuning
Oracle ADF Architecture TV - Development - Performance & TuningChris Muir
 
Oracle ADF Architecture TV - Development - Logging
Oracle ADF Architecture TV - Development - LoggingOracle ADF Architecture TV - Development - Logging
Oracle ADF Architecture TV - Development - LoggingChris Muir
 
Oracle ADF Architecture TV - Development - Error Handling
Oracle ADF Architecture TV - Development - Error HandlingOracle ADF Architecture TV - Development - Error Handling
Oracle ADF Architecture TV - Development - Error HandlingChris Muir
 
Oracle ADF Architecture TV - Design - Designing for Internationalization
Oracle ADF Architecture TV - Design - Designing for InternationalizationOracle ADF Architecture TV - Design - Designing for Internationalization
Oracle ADF Architecture TV - Design - Designing for InternationalizationChris Muir
 
Oracle ADF Architecture TV - Design - Architecting for ADF Mobile Integration
Oracle ADF Architecture TV - Design - Architecting for ADF Mobile IntegrationOracle ADF Architecture TV - Design - Architecting for ADF Mobile Integration
Oracle ADF Architecture TV - Design - Architecting for ADF Mobile IntegrationChris Muir
 
Oracle ADF Architecture TV - Design - MDS Infrastructure Decisions
Oracle ADF Architecture TV - Design - MDS Infrastructure DecisionsOracle ADF Architecture TV - Design - MDS Infrastructure Decisions
Oracle ADF Architecture TV - Design - MDS Infrastructure DecisionsChris Muir
 
Oracle ADF Architecture TV - Design - Application Customization and MDS
Oracle ADF Architecture TV - Design - Application Customization and MDSOracle ADF Architecture TV - Design - Application Customization and MDS
Oracle ADF Architecture TV - Design - Application Customization and MDSChris Muir
 
Oracle ADF Architecture TV - Design - Designing for Security
Oracle ADF Architecture TV - Design - Designing for SecurityOracle ADF Architecture TV - Design - Designing for Security
Oracle ADF Architecture TV - Design - Designing for SecurityChris Muir
 
Oracle ADF Architecture TV - Design - Architecting for PLSQL Integration
Oracle ADF Architecture TV - Design - Architecting for PLSQL IntegrationOracle ADF Architecture TV - Design - Architecting for PLSQL Integration
Oracle ADF Architecture TV - Design - Architecting for PLSQL IntegrationChris Muir
 
Oracle ADF Architecture TV - Design - ADF Service Architectures
Oracle ADF Architecture TV - Design - ADF Service ArchitecturesOracle ADF Architecture TV - Design - ADF Service Architectures
Oracle ADF Architecture TV - Design - ADF Service ArchitecturesChris Muir
 
Oracle ADF Architecture TV - Design - Service Integration Architectures
Oracle ADF Architecture TV - Design - Service Integration ArchitecturesOracle ADF Architecture TV - Design - Service Integration Architectures
Oracle ADF Architecture TV - Design - Service Integration ArchitecturesChris Muir
 
Oracle ADF Architecture TV - Design - Task Flow Communication Pattern
Oracle ADF Architecture TV - Design - Task Flow Communication PatternOracle ADF Architecture TV - Design - Task Flow Communication Pattern
Oracle ADF Architecture TV - Design - Task Flow Communication PatternChris Muir
 

More from Chris Muir (20)

Oracle REST Data Services
Oracle REST Data ServicesOracle REST Data Services
Oracle REST Data Services
 
Let's Talk Mobile
Let's Talk MobileLet's Talk Mobile
Let's Talk Mobile
 
Oracle ADF Architecture TV - Deployment - System Topologies
Oracle ADF Architecture TV - Deployment - System TopologiesOracle ADF Architecture TV - Deployment - System Topologies
Oracle ADF Architecture TV - Deployment - System Topologies
 
Oracle ADF Architecture TV - Deployment - Deployment Options
Oracle ADF Architecture TV - Deployment - Deployment OptionsOracle ADF Architecture TV - Deployment - Deployment Options
Oracle ADF Architecture TV - Deployment - Deployment Options
 
Oracle ADF Architecture TV - Deployment - Build Options
Oracle ADF Architecture TV - Deployment - Build OptionsOracle ADF Architecture TV - Deployment - Build Options
Oracle ADF Architecture TV - Deployment - Build Options
 
Oracle ADF Architecture TV - Development - Version Control
Oracle ADF Architecture TV - Development - Version ControlOracle ADF Architecture TV - Development - Version Control
Oracle ADF Architecture TV - Development - Version Control
 
Oracle ADF Architecture TV - Development - Programming Best Practices
Oracle ADF Architecture TV - Development - Programming Best PracticesOracle ADF Architecture TV - Development - Programming Best Practices
Oracle ADF Architecture TV - Development - Programming Best Practices
 
Oracle ADF Architecture TV - Development - Naming Conventions & Project Layouts
Oracle ADF Architecture TV - Development - Naming Conventions & Project LayoutsOracle ADF Architecture TV - Development - Naming Conventions & Project Layouts
Oracle ADF Architecture TV - Development - Naming Conventions & Project Layouts
 
Oracle ADF Architecture TV - Development - Performance & Tuning
Oracle ADF Architecture TV - Development - Performance & TuningOracle ADF Architecture TV - Development - Performance & Tuning
Oracle ADF Architecture TV - Development - Performance & Tuning
 
Oracle ADF Architecture TV - Development - Logging
Oracle ADF Architecture TV - Development - LoggingOracle ADF Architecture TV - Development - Logging
Oracle ADF Architecture TV - Development - Logging
 
Oracle ADF Architecture TV - Development - Error Handling
Oracle ADF Architecture TV - Development - Error HandlingOracle ADF Architecture TV - Development - Error Handling
Oracle ADF Architecture TV - Development - Error Handling
 
Oracle ADF Architecture TV - Design - Designing for Internationalization
Oracle ADF Architecture TV - Design - Designing for InternationalizationOracle ADF Architecture TV - Design - Designing for Internationalization
Oracle ADF Architecture TV - Design - Designing for Internationalization
 
Oracle ADF Architecture TV - Design - Architecting for ADF Mobile Integration
Oracle ADF Architecture TV - Design - Architecting for ADF Mobile IntegrationOracle ADF Architecture TV - Design - Architecting for ADF Mobile Integration
Oracle ADF Architecture TV - Design - Architecting for ADF Mobile Integration
 
Oracle ADF Architecture TV - Design - MDS Infrastructure Decisions
Oracle ADF Architecture TV - Design - MDS Infrastructure DecisionsOracle ADF Architecture TV - Design - MDS Infrastructure Decisions
Oracle ADF Architecture TV - Design - MDS Infrastructure Decisions
 
Oracle ADF Architecture TV - Design - Application Customization and MDS
Oracle ADF Architecture TV - Design - Application Customization and MDSOracle ADF Architecture TV - Design - Application Customization and MDS
Oracle ADF Architecture TV - Design - Application Customization and MDS
 
Oracle ADF Architecture TV - Design - Designing for Security
Oracle ADF Architecture TV - Design - Designing for SecurityOracle ADF Architecture TV - Design - Designing for Security
Oracle ADF Architecture TV - Design - Designing for Security
 
Oracle ADF Architecture TV - Design - Architecting for PLSQL Integration
Oracle ADF Architecture TV - Design - Architecting for PLSQL IntegrationOracle ADF Architecture TV - Design - Architecting for PLSQL Integration
Oracle ADF Architecture TV - Design - Architecting for PLSQL Integration
 
Oracle ADF Architecture TV - Design - ADF Service Architectures
Oracle ADF Architecture TV - Design - ADF Service ArchitecturesOracle ADF Architecture TV - Design - ADF Service Architectures
Oracle ADF Architecture TV - Design - ADF Service Architectures
 
Oracle ADF Architecture TV - Design - Service Integration Architectures
Oracle ADF Architecture TV - Design - Service Integration ArchitecturesOracle ADF Architecture TV - Design - Service Integration Architectures
Oracle ADF Architecture TV - Design - Service Integration Architectures
 
Oracle ADF Architecture TV - Design - Task Flow Communication Pattern
Oracle ADF Architecture TV - Design - Task Flow Communication PatternOracle ADF Architecture TV - Design - Task Flow Communication Pattern
Oracle ADF Architecture TV - Design - Task Flow Communication Pattern
 

Recently uploaded

AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...apidays
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdfSandro Moreira
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfOverkill Security
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKJago de Vreede
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Angeliki Cooney
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 

Recently uploaded (20)

AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 

CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experience with Oracle ADF and UX Design Patterns

  • 1. 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 2. Safe Harbor The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle‟s products remains at the sole discretion of Oracle. 2 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 3. CRUX (CRUD Meets UX) Where User Experience reinvents legacy Create, Read, Update and Delete applications Chris Muir Senior Principal Product Management, Oracle ADF
  • 4. Agenda  User Experience Science 101 for Developers  CRUX: CRUD* User Interface meets UX Design Patterns 4 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 5. User Experience Science 101 for Developers "Tell me more about that" 5 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 6. User Interface versus User Experience User Experience The complete experience for User Interface a user around accomplishing a The look and feel oftask, including across traditional an applications boundaries. application, including the layout and interaction model. • Start by observing users at work • In their actual environment • How & who they collaborate with in their department • How information flows across the organization • Post it notes! 6 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 7. Product Usability: Learning from Users “Tell Me More About That”  Ethnographic studies  Observe real end users doing real work  Interruptions, noise levels, platforms, work-arounds, collaboration  Context of use drives design  Insights for mobile: cameras, SMS, social media, personal and business apps, location, voice 7 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 8. Stories from the Wild: Credit Management Writing on the Wall  Credit analysts and managers use Microsoft Excel with graphs for accounts information  Posted on physical management boards for daily meetings 8 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 9. Stories from the Wild: Time Entry Hand in Glove on the Construction Site  Construction company use of mobile devices for entering and reporting time  Mandatory health and safety requires workers wear gloves on construction sites  Unable to use touch-based mobile devices as first assumed 9 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 10. Product Usability: Appliance of Science Next Frontier of User Research: Continuing Our Work  Not science future, science now 10 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 11. Product Usability: Appliance of Science Next Frontier of User Research: Continuing Our Work  Not science future, science now  Eye-tracking non-intrusive, data- collection method for visual attention and action 11 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 12. Product Usability: Appliance of Science Next Frontier of User Research: Continuing Our Work  Not science future, science now  Eye-tracking non-intrusive, data- collection method for visual attention and action  Facial gesture analysis to understand emotions users experience in use 12 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 13. Product Usability: Appliance of Science Next Frontier of User Research: Continuing Our Work  Not science future, science now  Eye-tracking non-intrusive, data- collection method for visual attention and action  Facial gesture analysis to understand emotions users experience in use  We‟re looking forward at the science of users 13 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 14. Fusion Apps UX: What Users Need To Know 14 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 15. Fusion Apps UX: What Users Need To Do 15 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 16. Fusion Apps UX: Who Users Need to Know 16 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 17. 17 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 18. Fusion Apps UX: Usability is Easy for Developers Best of Oracle applications Proven scientific usability Expectations from consumer applications 18 Design pattern website on OTN Deep understanding of Oracle Fusion Middleware Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Implemented by apps developers in Oracle toolkit Consistent, high-quality user experience solution when developing and tailoring
  • 19. UX Design Patterns Propositions  For Oracle ADF Developers – Proven usability solutions and best practices – Share in Oracle UX insight and investment – Immediate uptake, no special resources – Satisfaction for users – Higher levels of productivity and efficiency for entire business – More kudos, more business – Beyond functionality 19 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 20. Accessing UX Design Patterns on OTN 20 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 21. 21 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 22. UX Patterns Mean Productivity for Developers Efficiency Through Built-In Usability Contextual area Global area Tasks pane Applications UI Shell Applications panel Create in form Quick search Create in table Applications table 22 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 23. CRUX: CRUD* Meets UX Building modern, great-looking usable apps on Oracle ADF with UX Design Patterns * Create, Read, Update, and Delete 23 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 24. Project: UX Design Patterns & Oracle ADF in Action  „Fusionizing‟ a Forms Application in Oracle ADF – What UX design patterns were invoked – Improving the user experience and how – Roadmap using Oracle ADF and UX design patterns for continued apps ROI  Caveats 24 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 25. Forms: Maintaining Customers 25 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 26. Forms: Maintaining Orders 26 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 27. Forms: View Stock for a Selected Order Item 27 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 28. ADF: Maintaining Customers UI Shell for consistency Dynamic tabs for multi-tasking Ratings Web 2.0 feature Table and toolbar actions for productivity 28 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 29. ADF: Maintaining Customers Tasks pane quick create, quick search, location visual Show More/Less details on demand for contextual information management 29 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 30. ADF: Maintaining Orders Date picker for speedy entry Export for desktop workers 30 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 31. ADF: Maintaining Orders Save model consumer icons and language and page actions Tagging for discovery Contextual action for collaboration Contextual area visual insight Single currency GBP treatment for for flexibility 31 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 32. ADF: View Stock for a Selected Order Item Fit and finish true-up for cleaner UI Analytics for intelligence 32 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 33. Classic CRUD Meets UX: CRUX Heads Down Productivity and Satisfaction in Oracle Fusion Apps Know the user and their tasks The result? Apply proven UX patterns, guidelines and best of technology Up to a 60% Increase in user productivity that benefits businesses 33 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 34. Your CRUX References User Experience and Application Development Framework Resources  Grant Ronald: Ten Years Younger: The Oracle Forms Makeover  Grant Ronald and Lucas Jellema: The Future of Forms is – Forms (and some friends)  Oracle Applications User Experience: Usable Apps Events  Oracle ADF Mobile  Oracle Fusion Applications User Experience Design Patterns and Guidelines  Oracle Applications User Experience: Get It Done Fast, Get It Done Right: The Oracle Fusion Financials User Experience  Shay Shmeltzer: ADF Mobile – Update Through Web Service (with ADF Business Components)  Stephen Johnson: ADF EMG Podcasts # 6 and 8 34 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 35. 35 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  • 36. 36 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.