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

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
Berry Clemens
 
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
Neha Singh
 
04-Android Platform for Acedamics
04-Android Platform for Acedamics04-Android Platform for Acedamics
04-Android Platform for Acedamics
Sivaram P
 
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
SipraMohanty11
 
Interim Report.docx - vsiogap3d.googlecode.com
Interim Report.docx - vsiogap3d.googlecode.comInterim Report.docx - vsiogap3d.googlecode.com
Interim Report.docx - vsiogap3d.googlecode.com
butest
 

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

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

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Recently uploaded (20)

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
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
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 

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.