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

What's hot

Harsh Mathur Restaurant Billing System project ppt
Harsh Mathur Restaurant Billing System project pptHarsh Mathur Restaurant Billing System project ppt
Harsh Mathur Restaurant Billing System project pptHarsh Mathur
 
University Student Payment System ( USPS )
University Student Payment System ( USPS )University Student Payment System ( USPS )
University Student Payment System ( USPS )Md.Mojibul Hoque
 
Steps involved in Data Conversion Services - PPT
Steps involved in Data Conversion Services - PPTSteps involved in Data Conversion Services - PPT
Steps involved in Data Conversion Services - PPTEminenture
 
Project on Consumer Perception about online shopping and their satisfaction.
Project on Consumer Perception about online shopping and their satisfaction.Project on Consumer Perception about online shopping and their satisfaction.
Project on Consumer Perception about online shopping and their satisfaction.MansiShukla25
 

What's hot (6)

Harsh Mathur Restaurant Billing System project ppt
Harsh Mathur Restaurant Billing System project pptHarsh Mathur Restaurant Billing System project ppt
Harsh Mathur Restaurant Billing System project ppt
 
Blood bank report new
Blood bank report newBlood bank report new
Blood bank report new
 
Presentation of Turbo C++ || Railway Reservation System project || B.Sc. student
Presentation of Turbo C++ || Railway Reservation System project || B.Sc. studentPresentation of Turbo C++ || Railway Reservation System project || B.Sc. student
Presentation of Turbo C++ || Railway Reservation System project || B.Sc. student
 
University Student Payment System ( USPS )
University Student Payment System ( USPS )University Student Payment System ( USPS )
University Student Payment System ( USPS )
 
Steps involved in Data Conversion Services - PPT
Steps involved in Data Conversion Services - PPTSteps involved in Data Conversion Services - PPT
Steps involved in Data Conversion Services - PPT
 
Project on Consumer Perception about online shopping and their satisfaction.
Project on Consumer Perception about online shopping and their satisfaction.Project on Consumer Perception about online shopping and their satisfaction.
Project on Consumer Perception about online shopping and their satisfaction.
 

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

Future of Oracle Forms AUSOUG 2013
Future of Oracle Forms AUSOUG 2013Future of Oracle Forms AUSOUG 2013
Future of Oracle Forms AUSOUG 2013Chris Muir
 
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partnerCon8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partnerBerry Clemens
 
UX-plosive stuff - user experience to come first (ADF Enterprise Mobility Con...
UX-plosive stuff - user experience to come first (ADF Enterprise Mobility Con...UX-plosive stuff - user experience to come first (ADF Enterprise Mobility Con...
UX-plosive stuff - user experience to come first (ADF Enterprise Mobility Con...Lucas Jellema
 
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
 

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

Future of Oracle Forms AUSOUG 2013
Future of Oracle Forms AUSOUG 2013Future of Oracle Forms AUSOUG 2013
Future of Oracle Forms AUSOUG 2013
 
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partnerCon8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
 
UX-plosive stuff - user experience to come first (ADF Enterprise Mobility Con...
UX-plosive stuff - user experience to come first (ADF Enterprise Mobility Con...UX-plosive stuff - user experience to come first (ADF Enterprise Mobility Con...
UX-plosive stuff - user experience to come first (ADF Enterprise Mobility Con...
 
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
 

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
 
Mobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with Oracle
Mobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with OracleMobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with Oracle
Mobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with OracleChris 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
 

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
 
Mobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with Oracle
Mobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with OracleMobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with Oracle
Mobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with Oracle
 
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
 

Recently uploaded

DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfSeasiaInfotech2
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 

Recently uploaded (20)

DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 

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.