More Related Content Similar to CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experience with Oracle ADF and UX Design Patterns (20) More from Chris Muir (20) CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experience with Oracle ADF and UX Design Patterns2. 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.
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.
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.
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.