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

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


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


User Experience Science
101 for Developers

"Tell me more about that"
5


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


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


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


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


Product Usability: Appliance of Science
Next Frontier of User Research: Continuing Our Work
 Not science future, science now

10


 Eye-tracking non-intrusive, data-

collection method for visual
attention and action

11



 Facial gesture analysis to
understand emotions users
experience in use

12



 Facial gesture analysis to
understand emotions users
experience in use
 We‟re looking forward at the
science of users

13


Fusion Apps UX: What Users Need To Know

14


Fusion Apps UX: What Users Need To Do

15


Fusion Apps UX: Who Users Need to Know

16


17


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


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


Accessing UX Design Patterns on OTN

20


21


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


CRUX: CRUD* Meets UX
Building modern, great-looking usable
apps on Oracle ADF with UX Design
Patterns
* Create, Read, Update, and Delete

23


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


Forms: Maintaining Customers

25


Forms: Maintaining Orders

26


Forms: View Stock for a Selected Order Item

27


ADF: Maintaining Customers

UI Shell for
consistency

Dynamic tabs for
multi-tasking
Ratings Web
2.0 feature

Table and
toolbar actions
for productivity

28


ADF: Maintaining Customers
Tasks pane
quick create,
quick search,
location
visual

Show More/Less
details on
demand for
contextual
information
management

29


ADF: Maintaining Orders
Date picker for
speedy entry

Export for
desktop workers

30


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


ADF: View Stock for a Selected Order Item

Fit and finish true-up
for cleaner UI

Analytics for
intelligence

32


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


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


35


36


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

More Related Content

What's hot (20)

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)

Recently uploaded (20)

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